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

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

什么是可访问性设计?

读完本书,学习到的一个新词是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

相关推荐

  • 用户研究中常提到的“场景”,到底是什么?

    用户到一个网站来,有什么样的目标,想解决什么样的问题,甚至用户如何通过这个网站来达到特定的目的,都可以通过场景的描述呈现出来。而这种场景描述,就像故事一样,告诉别人用户到你的网站来的原因和背景。   …

    2015-07-10
  • 【笔记】用户画像101:手把手教你画个像 -转载

    2019年3月30日,UXRen北京分舵举办了《用户画像101:手把手教你画个像》的沙龙分享,本文基于嘉宾王冠男/曲哲路的现场分享总结而成。记录者:裴小静 用户画像的分享主要有以下这2个部分,第1部分主要跟大家讨论一下…

    2019-04-08
  • pt 、px 、dp 、dpi 、ppi 解析

    帮助像我一样的新手渣渣理解其中的换算原理。希望这篇解析能解决大家对pt、px、dp、dpi、ppi的困惑。

    2016-07-01
  • 别看用户的嘴,要看用户的腿。

    用户访谈回来的信息是不是有效的?我们陷入了深深的思考🤔。 作者:浮躁君,不会编段子的段子手 微信公众号:浮躁说(ID:xiaofuzao521) 题图 Photo by Kristina Flour on Unsplash 基于CC0 license 全文共 3126 字 …

    2019-04-08
  • 好的人机交互设计(UX)评判标准的四个原则

    一些设计的基本原则往往是通用的,甚至可以说放之四海皆准的,例如优先级、一致性、界面的隐喻等等,好的设计都需要考虑到这些问题,甚至再更广的范围内也同样适用,而不仅仅是交互设计范畴。 一个设计师&产品…

    2015-04-14
  • 设计新趋势!超越扁平化设计的「化繁为简」有哪些亮点?

    我们在这个“极简主义”的世界生活已经有些时日了,之后又将去向何方?

    2016-07-18
  • 【译文】为儿童设计Web界面

    这篇译文主要针对儿童网站设计的,虽然不同地区的儿童会有不同的特征(语言、教育状况、电子产品的熟悉程度等),但仍具有普遍意义。 --------------------------------------------------------------------------…

    2015-08-31
  • 是不是该考虑加入动态交互了?

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

    2015-03-21
  • 移动端界面中的版式设计原理

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

    2016-01-08
  • 做一次完美的用户调研

    1.为用户归类,选择典型的代表 调研的最初,我们需要做的第一件事就是确定调研对象。我们在调研的时候经常会说”向对的人问对的事情”,这句话的意思是:调研不同的用户群体获得不一样的需求。根据被调研对象的不同,…

    用户研究 2016-05-03