UI/UX无障碍设计风格备忘

为什么80%的码农都做不了架构师？>>>   

为何要做无障碍设计？

为了减少用户指导压力，让用户在使用我们产品时能够自学习、有流畅的使用体验、不会遇到死胡同。所以推荐无障碍设计风格。

如何思考来达到无障碍设计风格？

1. 排查本功能的依赖

   为了正确执行本功能的必要条件，称为本功能的依赖。缺了就绝对无法正常执行，必定得到错误。

   • 接口的稳定性
   • 数据的稳定性
   • 操作人员的知识

2. 总结功能执行后的去向

   本功能执行完毕后的后续功能，称为执行后的去向。

   • 是否有直接下一步的操作
   • 是否有常用下一步的操作
   • 是否有撤销本次操作的方式

3. 明确各种提示，提示要及时且到位

   提示是实现无障碍的重要组成部分。

   • 依赖不满足时的提示
   • 功能执行后，得到结果的提示

4. 操作要有及时的反馈

   反馈是实现无障碍的重要组成部分。

   • 输入时的反馈
   • 点击按钮后的反馈
   • 自动操作执行中的反馈

5. 批量操作

   对后台管理等追求效率的场景十分有意义。

   • 对象批量选择
   • 操作参数的批量/个别设置

6. 其他

   • 提供快捷键/快速录入方式
   • 避免无意义操作

无障碍操作功能分析备查表：

只需要在分析设计功能时按照下表思考即可满足大部分无障碍要求。

1. 总结依赖
	a. 接口
	b. 数据
	c. 知识
2. 总结去向
	a. 下一步操作
	b. 撤销办法
3. 明确提示方式
	a. 屏幕内说明文字
	b. 默认值
	c. 对依赖和去向的信息提示。
		i. 弹框。模态/非模态
		ii. 新界面
		iii. 声音、动画
4. 明确反馈方式
	a. 表单输入即时验证
	b. 按钮点击状态变化
	c. 载入/执行进度条
	d. 耗时执行可暂停、终止
5. 批量操作
	a. 对象选择方式
	b. 参数配置方式
6. 快速录入、快捷键

无障碍设计风格具体样例：

TODO

转载于:https://my.oschina.net/zgldh/blog/2960698