这本书与市场上其他的设计书不同之处在于该书作者关注于残障用户以及行动能力有限的用户,旨在利用可访问性设计的思维来改善互联网的设计,最终实现不同生理条件的用户都能够平等的体验到电子产品的乐趣。
什么是可访问性设计?
读完本书,学习到的一个新词是Accessible(可访问性设计),之前在一些博文中有见过Accessible这个词,但始终不知道什么意思,该怎么理解。可访问性与可用性类似,都是设计中需要考虑的重要特性。可用性指的是一个产品可不可用,可以从易学性,易忆性,有效性,容错性等角度衡量,具体可见之前的文章:http://www.jianshu.com/p/6e234e91b518。可访问性则指的是访问一个产品或服务的便捷性和效率,我们每个人的生理和认知能力都不同,都有其生理和认知极限,比如有的人视力比较弱,有的人则容易疲劳,无法专注于一件任务,一个具有好的可访问性的产品可以让不同文化背景,不同认知能力,不同生理条件的人们都能够毫无障碍的使用。比如:
1,对于听力有障碍的用户,网站应该为视频加上字幕保证用户不能听见视频声音但仍可以通过字幕了解发生了什么,更进一步,若演员是以惊讶的语气说话的,则可以在字幕中这样描述:(惊讶)Blabla……
2,对于视力有障碍的用户,比如盲人,他们会通过屏幕阅读器来获取网站的内容。网站开发者应该保证代码规范,以便让屏幕阅读器这个特殊的用户来快速准确获取网站内容,哪个是标题,哪个是内容,并且可以在网站的导航中切换自如。
3,对于面向国际化的网站,网站所使用的语言应该尽可能简单,通俗易懂,来保证非母语用户可以大致了解网站内容。
W3C制定的网页内容可访问性准则(WCAG 2.0):
1,可被感知的(Perceivable)。网站或应用内的所有重要的交互元素及内容应该被用户感知到。比如网站中有声音,但用户由于某种特殊原因无法听到声音,此时网站应该把声音中有必要的内容显示成文本以让用户看到。
2,可被操控的(Operable)。用户可以在产品界面中舒服地操控可交互的元素。比如有些用户由于特殊原因容易感到疲劳,难以做长时间的手腕等的运动,他就可以使用键盘快捷键以减少手臂的运动或者使用语音识别软件来帮助输入操控一些元素。
3,可被理解的(Understandable)。不同认知能力的用户都应该能很快学会并理解展示的信息和交互方式。用户看到一个交互元素时预期的交互方式应该和它实际的工作方式一致。
4,可靠强健的(Robust)。网站是可靠地,强健的。在不同的网速下,不同的设备下,不同的系统下都应该能让用户得到良好的不影响使用的体验。允许用户使用辅助技术,比如浏览器的更改字号,字体,放大镜功能等。有些网站告诉你只允许使用IE浏览器浏览就是一个很不好的反例。
以上的四点可以合称为POUR原则(见英文首字母)。
如何设计出良好的可访问性的产品?
1,拥有清晰的目标
要始终铭记产品的目的和目标,坚持清晰的设计风格(可以借助“移除,组织,隐藏,置换”等策略),选择合适的“可访问性”策略(“普适性设计”策略,“等价使用”策略,“适应”策略)。
2,构建符合标准的代码架构
页面需要按照实际阅读顺序来组织页面代码,可以让代码易于理解,也能突出重要的信息,保证屏幕阅读器按照优先的顺序阅读屏幕页面。使用层叠样式表来将内容层和样式层分离开来,不仅有利于组织代码,而且可以使用户通过浏览器修改样式。
3,让交互简洁而不简单
遵循已经形成的操作模式,交互设计要考虑为包括残障人士在内的用户提供具有良好可用性的使用体验。肢体灵活性有问题的用户无法准确的操控鼠标,因此要支持键盘交互。为操控留出充足的空间来让有关节炎和手颤等问题的用户准确操控可交互元素。
4,用有效的提示引导用户
在良好的页面导航的帮助下,任何用户可以借助一目了然的页面指示在网站,页面和功能之间进行浏览。
5,干净整洁的展示布局
减少分散杂乱的设计,为自定义显示而设计,允许用户通过更改自己的系统设置和浏览器设置来让页面显示出符合自己需求的效果。
6,用平时易懂的语言与用户交流
以受众为出发点写作,写作时使语言符合规范,使用用户能理解的语言,并且为复杂的内容提供简明易东德摘要。
7,运用多种媒介增强用户体验
不要仅仅通过颜色传递信息,在设计中还可以借助造型,位置,文本来加强意义的表达。利用alt属性描述图片的内容和含义。为视频提供字幕和描述,并且将字幕格式化以增强表达效果。
8,用普适可用性为用户创造愉悦的体验
在恰当的时间显示恰当的内容,兼顾初学者和专家用户,在合适的时机,合适的地方给出引导信息。
网友评论