移动端产品设计完全指南3:界面的无障碍设计

2018-03-1017:05:00网页设计Comments2,507 views字数 432阅读模式

无障碍设计指设计方案应支持各类人群的使用。考虑下失明、失聪或其他残障人士应如何使用你的App呢?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1490.html

3.1. 照顾色盲人群

全球的的色盲或者色弱人群占比4.5%,弱视人群占比4%,盲人占比0.6%。我们在设计产品时很容易忽视这部分用户,因为大多数产品经理和交互设计师都没有遇到这样的问题。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1490.html

有一个简单的例子,App中表单填写的成功和错误提示分别用绿色和红色,但这两种颜色是色盲或色弱人群最难区分的。很多产品在表单填写处提示“红色标记字段是必填项”,虽然这是一个细节,但是如果设计成下图的方式,那对色盲人群来说就是个灾难。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1490.html

移动端产品设计完全指南3:界面的无障碍设计文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1490.html

色盲用户无法区分红色突出的字段文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1490.html

颜色可以被用作传递信息,但不应是传递信息、表示动作、提示或辨别视觉元素的唯一视觉手段,在使用颜色的同时,还应使用其他的视觉符号以确保任何用户都能够清楚认知界面信息。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1490.html

移动端产品设计完全指南3:界面的无障碍设计文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1490.html

同时使用标签、icon和颜色传递信息文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1490.html

3.2. 动效是可选项

一些用户习惯于关闭操作系统设置里的动画效果,当用户已经选择关闭动效时,App应尽可能地屏蔽掉其中的动效。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1490.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/sheji/1490.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定