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

原创
2018/11/25 13:36
阅读数 367

为何要做无障碍设计?

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

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

  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

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部