《用户无障碍体验的可访问性设计》读书总结

这本书与市场上其他的设计书不同之处在于该书作者关注于残障用户以及行动能力有限的用户,旨在利用可访问性设计的思维来改善互联网的设计,最终实现不同生理条件的用户都能够平等的体验到电子产品的乐趣。

什么是可访问性设计?

读完本书,学习到的一个新词是Accessible(可访问性设计),之前在一些博文中有见过Accessible这个词,但始终不知道什么意思,该怎么理解。可访问性与可用性类似,都是设计中需要考虑的重要特性。可用性指的是一个产品可不可用,可以从易学性,易忆性,有效性,容错性等角度衡量,具体可见之前的文章:http://www.jianshu.com/p/6e234e91b518。可访问性则指的是访问一个产品或服务的便捷性和效率,我们每个人的生理和认知能力都不同,都有其生理和认知极限,比如有的人视力比较弱,有的人则容易疲劳,无法专注于一件任务,一个具有好的可访问性的产品可以让不同文化背景,不同认知能力,不同生理条件的人们都能够毫无障碍的使用。比如:

  • 对于听力有障碍的用户,网站应该为视频加上字幕保证用户不能听见视频声音但仍可以通过字幕了解发生了什么,更进一步,若演员是以惊讶的语气说话的,则可以在字幕中这样描述:(惊讶)Blabla……
  • 对于视力有障碍的用户,比如盲人,他们会通过屏幕阅读器来获取网站的内容。网站开发者应该保证代码规范,以便让屏幕阅读器这个特殊的用户来快速准确获取网站内容,哪个是标题,哪个是内容,并且可以在网站的导航中切换自如。
  • 对于面向国际化的网站,网站所使用的语言应该尽可能简单,通俗易懂,来保证非母语用户可以大致了解网站内容。

W3C制定的网页内容可访问性准则(WCAG 2.0):

  • 可被感知的(Perceivable)。网站或应用内的所有重要的交互元素及内容应该被用户感知到。比如网站中有声音,但用户由于某种特殊原因无法听到声音,此时网站应该把声音中有必要的内容显示成文本以让用户看到。
  • 可被操控的(Operable)。用户可以在产品界面中舒服地操控可交互的元素。比如有些用户由于特殊原因容易感到疲劳,难以做长时间的手腕等的运动,他就可以使用键盘快捷键以减少手臂的运动或者使用语音识别软件来帮助输入操控一些元素。
  • 可被理解的(Understandable)。不同认知能力的用户都应该能很快学会并理解展示的信息和交互方式。用户看到一个交互元素时预期的交互方式应该和它实际的工作方式一致。
  • 可靠强健的(Robust)。网站是可靠地,强健的。在不同的网速下,不同的设备下,不同的系统下都应该能让用户得到良好的不影响使用的体验。允许用户使用辅助技术,比如浏览器的更改字号,字体,放大镜功能等。有些网站告诉你只允许使用IE浏览器浏览就是一个很不好的反例。

以上的四点可以合称为POUR原则(见英文首字母)。

如何设计出良好的可访问性的产品?

  • 拥有清晰的目标

要始终铭记产品的目的和目标,坚持清晰的设计风格(可以借助“移除,组织,隐藏,置换”等策略),选择合适的“可访问性”策略(“普适性设计”策略,“等价使用”策略,“适应”策略)。

  • 构建符合标准的代码架构

页面需要按照实际阅读顺序来组织页面代码,可以让代码易于理解,也能突出重要的信息,保证屏幕阅读器按照优先的顺序阅读屏幕页面。使用层叠样式表来将内容层和样式层分离开来,不仅有利于组织代码,而且可以使用户通过浏览器修改样式。

  • 让交互简洁而不简单

遵循已经形成的操作模式,交互设计要考虑为包括残障人士在内的用户提供具有良好可用性的使用体验。肢体灵活性有问题的用户无法准确的操控鼠标,因此要支持键盘交互。为操控留出充足的空间来让有关节炎和手颤等问题的用户准确操控可交互元素。

  • 用有效的提示引导用户

在良好的页面导航的帮助下,任何用户可以借助一目了然的页面指示在网站,页面和功能之间进行浏览。

  • 干净整洁的展示布局

减少分散杂乱的设计,为自定义显示而设计,允许用户通过更改自己的系统设置和浏览器设置来让页面显示出符合自己需求的效果。

  • 用平时易懂的语言与用户交流

以受众为出发点写作,写作时使语言符合规范,使用用户能理解的语言,并且为复杂的内容提供简明易东德摘要。

  • 运用多种媒介增强用户体验

不要仅仅通过颜色传递信息,在设计中还可以借助造型,位置,文本来加强意义的表达。利用alt属性描述图片的内容和含义。为视频提供字幕和描述,并且将字幕格式化以增强表达效果。

  • 用普适可用性为用户创造愉悦的体验

在恰当的时间显示恰当的内容,兼顾初学者和专家用户,在合适的时机,合适的地方给出引导信息。

《用户无障碍体验的可访问性设计》读书总结

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/12603/

(0)
iouedioued
上一篇 2016-01-28
下一篇 2016-01-29

相关推荐

  • 《设计师要懂心理学》读书笔记

    语言简单明了案例通俗易懂,它可以让你的设计有理有据,而不会在视觉评审时,被人质疑为啥这样设计时,不知如何辩驳。

    2016-02-03
  • 是不是该考虑加入动态交互了?

    本文转载自:阿西博客 原始链接:是不是该考虑加入动态交互了? 一个优秀的APP交互动画不仅仅是炫,而且要实用,有的还要考虑手机的性能等因素,所以想做一个好的交互不并容易,今天就带你来见识一下什么叫洋气范儿…

    2015-03-21
  • 防止用户无意识犯错的6个实用方法

    #交互学堂##防呆设计#用户经常会从手头上的事情分心,提供建议,利用约束条件以及设计更灵活的方案能够防止无意识的差错产生。今天这篇译文讨论了6个防止用户无意识犯错的方法,专业干货收。

    2016-11-02
  • 产品需求分析——《破茧成蝶》读书笔记

    这是一本很实在的书,没有很虚的理论,而是结合了国内互联网实际的案例,清晰明了地道出现实情况跟理想状态的不同,并且给出了很好的解决建议。适合刚入行的交互设计师以及产品经理阅读。 进入研究生阶段,大大小小…

    2015-03-05
  • 阿里巴巴设计产品具有的数据化设计思维是为什么?

    原文标题:阿里系产品的数据化设计思维 摘要:做设计为什么还需要看数据? 很多设计师从来不看数据,要么是因为没有数据可看,要么是根本不想看,但是也一样把设计做的很好啊!设计本来就是有感性的一面,为什么非…

    用户研究 2015-08-26
  • 马德龙(3W创始人,拉勾CEO,Banlon) 拉勾一拍的产品决策逻辑

    ---------------------编者按--------------------------- 这个文章是马德龙微博私信推荐阅读的,是马德龙亲自阐释了一拍这个产品的顶层逻辑,针对于产品经理、项目经理、交互设计师的指导意义很大,遂荐之! 马德…

    2015-06-09
  • 告别盲人摸象,老司机教你怎么做用研

    #交互学堂# #用研# 现在假设我们自己就是一个用户,我们用浏览器打开了一个 SaaS 网站,并与网站产生交互,作为网站主,他可以通过技术手段知道我们在 Mac 上用的是 Chrome 浏览器, IP 地址可以定位到了北京,在点…

    2016-11-15
  • 移动端界面中的版式设计原理

    “我总觉得页面不太好看但是我又说不出来”,“我不懂设计,但是我就是觉得不协调”,“你觉得这好看?你的审美要加强啊”这些听着熟悉的话往往是产品和设计产生矛盾的开端。还有一种评价叫说不出哪里好也说不出哪里不好…

    2016-01-08
  • 28页PPT详解腾讯数据挖掘体系及应用

    28页PPT详解腾讯数据挖掘体系及应用

    2016-09-18
  • 交互设计用户心理学

      交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。所以,如果你不想继续仅凭直觉和死记硬背高大上的理论原则来从事交互设计,如果你想成为优秀的交互设计师,学习一定的心理学将是很有帮助也是…

    2015-06-13