UX小白 | 不谈它?算什么用户体验设计?

这其实只是个引你进来的标题,我今天真正想说的事情其实是它——你在做一款产品的时候考虑过它的无障碍性(Accessibility)吗?无障碍性(Accessibility):在图形交互界面为基础的交互方式中,无障碍性也往往被称为可访问性。“无障碍性(accessibility)意味着产品设计应用时应考虑到,无论是因为年龄、事故或疾病而有认知、感官或者移动障碍的人,还是没有此类障碍的人,都应能够有效使用这个设计。”——《About Face...

这其实只是个引你进来的标题,我今天真正想说的事情其实是它——你在做一款产品的时候考虑过它的无障碍性(Accessibility)吗?


无障碍性(Accessibility):在图形交互界面为基础的交互方式中,无障碍性也往往被称为可访问性。

UX小白 | 不谈它?算什么用户体验设计?

无障碍性(accessibility)意味着产品设计应用时应考虑到,无论是因为年龄、事故或疾病而有认知、感官或者移动障碍的人,还是没有此类障碍的人,都应能够有效使用这个设计。”

——《About Face 4 交互设计精髓》

UX小白 | 不谈它?算什么用户体验设计?

世界卫生组织估计,全世界有7.5亿人有某种形式的残疾。但是,无障碍性却常常被在产品的用户体验设计中被忽视。尤其在产品技术日新月异的今天,尽管不是所有的产品或者服务都需要无障碍措施或者进行无障碍设计,但是在现代社会中,产品设计的无障碍性是辅助这一庞大群体更好的享受生活的重要工具。尤其有些产品或者服务本来就面向罹患严重或者衰弱性疾病的老人的或者其他残障的群体,更需要对于无障碍设计的关注。

UX小白 | 不谈它?算什么用户体验设计?

无障碍设计的目标

在小白阶段我们往往会认为对于无障碍的设计往往是面对一些有具体疾病或者残障的人,但是其实我们更加容易面对的是老人、孩子、孕妇等更容易接触到的人。作为用户体验设计师,我们要关注的也不仅仅是图形界面的设计。

一个无障碍产品或者服务,不管面对普通用户还是残障用户,都必须满足以下条件:

-用户能够感知和理解所有的指示、信息和反馈

-用户能够感知、理解并轻易地操控所有的空间并进行输入

-用户能轻易导航,并且总能知道所处界面的位置及其导航结构

这些条件(尤其是前两个)并不需要在面向所有的用户的单个用户界面中全部满足。典型无障碍措施是设计一个单独的无障碍模式,或者一系列的无障碍选项。这个选项会改变屏幕对比度和颜色、改变文本字体的大小和粗细,或者打开屏幕阅读器和声音导航系统。

举个简单的例子:

UX小白 | 不谈它?算什么用户体验设计?

上图中,我们可以发现日常辅助我们定位的光标被移除了。当然,屏幕上只有一个地方可以输入,可是你能否猜出输入框的边界?点击“Search notes” 所在的区域,你就可以输入了。

表单的字段说明和明显的边界对于行动不便者和认知障碍者极为重要,边界的存在使得他们能够了解需要点击的位置和被点击位置的尺寸大小,有认知障碍的用户在没有视觉提醒的情况下,可能完全无法与输入框进行互动。

无障碍设计的POUR原则

UX小白 | 不谈它?算什么用户体验设计?

W3C制定的网页内容可访问性准则即POUR原则是指一个无障碍性的设计需要满足:

可被感知的(Perceivable)

可被操控的(Operable)

可被理解的(Understandable)

可靠强健的(Robust)

UX小白 | 不谈它?算什么用户体验设计?
UX小白 | 不谈它?算什么用户体验设计?

可被感知的(Perceivable)。网站或应用内的所有重要的交互元素及内容应该被用户感知到。比如网站中有声音,但用户由于某种特殊原因无法听到声音,此时网站应该把声音中有必要的内容显示成文本以让用户看到。

例如上图中,目前Youtube一经推出了新的技术可以自动识别语音并转化为相应文字的字幕。

UX小白 | 不谈它?算什么用户体验设计?

UX小白 | 不谈它?算什么用户体验设计?
UX小白 | 不谈它?算什么用户体验设计?

可被操控的(Operable)。用户可以在产品界面中舒服地操控可交互的元素。比如有些用户由于特殊原因容易感到疲劳,难以做长时间的手腕等的运动,他就可以使用键盘快捷键以减少手臂的运动或者使用语音识别软件来帮助输入操控一些元素。

UX小白 | 不谈它?算什么用户体验设计?

UX小白 | 不谈它?算什么用户体验设计?
UX小白 | 不谈它?算什么用户体验设计?

可被理解的(Understandable。不同认知能力的用户都应该能很快学会并理解展示的信息和交互方式。用户看到一个交互元素时预期的交互方式应该和它实际的工作方式一致。

UX小白 | 不谈它?算什么用户体验设计?

UX小白 | 不谈它?算什么用户体验设计?

可靠强健的(Robust)。网站是可靠地,强健的。在不同的网速下,不同的设备下,不同的系统下都应该能让用户得到良好的不影响使用的体验。允许用户使用辅助技术,比如浏览器的更改字号,字体,放大镜功能等。有些网站告诉你只允许使用IE浏览器浏览就是一个很不好的反例。

参考文献:

1.《About Face 4 交互设计精髓》

2. 涨姿势! 对于可访问性设计师必知的7件事

3. 维基百科:Accessibility

4.《用户无障碍体验的可访问性设计》

UX小白 | 不谈它?算什么用户体验设计?

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/34962/

(0)
交互精选交互精选
上一篇 2018-01-31
下一篇 2018-01-31

相关推荐

  • 酱课程丨交互设计第③期 · 原来交互设计师是这样工作的,和你想的一样吗?

    交互课程第三期来啦!查看前两期点击这里——交互设计第①期 · 这个老师只用一张图,就解决了所有设计专业都会遇到的问题!交互设计第②期 · UI/UX傻傻分不清楚?分分钟带你搞懂交互设计下的六大Job Titles!通过前两期课程,同学们了解了双钻图——一套完整的设计流程指导框架、定义了什么是交互设计、它所涉及到的领域以及与交互设计相关的六大Job titles。现在大家对交互设计已经有了一个大致的理解,设计流程框架也是现成的,下面就要进...

    2018-05-04
  • 欢迎入会 | 中国工业设计协会用户体验产业分会

    点击上方蓝字关注我们中国工业设计协会用户体验产业分会—  首批会员申请公告  —一、中国工业设计协会用户体验产业分会(以下简称本会)介绍1.  分会简介:本会于2017年11月成立,由浙江大学联合湖南大学等单位联合发起,致力于提供一个专业的国际化的交流与学习平台,向社会推广体验的商业价值2.  分会工作宗旨:1)为体验专业相关的学生和从业人员提供教育、培训、科学研究以及社会服务,提升专业能力和创新思维。2)聚集优质人才和资源,共同打造政...

    2018-03-18
  • 我不知道的“用户体验”

    在梁宁《产品思维30讲》的“用户体验”模块共包含5讲,分别是:用户体验的五个层次怎样绘制用户体验地图服务蓝图的核心要素:峰值、终值上瘾机制:用户激励系统名字是你的文化资产作为一名从未系统学习过用户体验和产品设计的PM来说,这个模块可谓干货多多(具体内容请详见下面的思维导图)。先打好理论基础,从用户/人性的角度出发将用户体验分为五个层次;然后抛出两个方法论,一是绘制用户体验地图用讲故事的形式获取用户情绪曲线;二是考虑到资源和成本控制的约束...

    2018-02-20
  • 英国各大院校交互设计专业的侧重点!

    随着网络和新技术的发展,人们越来越重视交互的体验,许多公司、网站、APP都开始注意到交互设计在品牌的创建、客户回头率、客户满意度等方面的影响,交互设计师也越来越受到重视。因此,许多同学在选择留学时,都会考虑英国的交互设计专业。交互设计专业在英国已经有半个世纪的历史,教学模式是:用心理学发现问题,用数学证明问题,用计算机解决问题。英国交互设计专业分为两个方向:1.Human Computer Interaction(HCI,人机交互设计)...

    2018-04-27
  • 《用户体验要素》读书笔记:要理解为何这样做产品

    《用户体验要素》是一本实用类书,试图回答如何以用户体验为中心进行产品设计。作者通过构建自下而上的五层模型:战略层,范围层,结构层,框架层,表现层;来将以用户体验用户需求为中心的设计方式层次清晰的表达出来。并指出;一开始对战略层的深思熟虑,会帮助我们在整个产品设计中节约大量的时间。作者这本书写于pc时代,大多案例都是网站的建设。但是整个思考产品的思路,直到今天;都没有过时。一、 以用户体验为中心设计产品用户体验是指产品如何与外界发生接触,...

    2018-04-08
  • 【用户体验.春节特辑】我的家史馆,我的“义务”馆(总第267期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第267期使用我的家史馆APP以来,起初家谱树状图深深吸引了我,在不断完善添加家族成员的同时,越来越觉得只是单纯的成员图像和姓名显得很单薄,已不能满足我对家族每个成员的情感。想到我的后代、我的子孙后代将来看到的只是家族长辈的照片、姓名,这和见到一些陌生的照片姓名难道不一样吗?越想越觉得应该让家族人物更丰富起来。之后就仔...

    2018-02-21
  • 如何在Sketch中快速创建调色板?

    今天我将会教你如何在Sketch中快色的创建调色板。这是个很棒的技巧,是年前我从Marc Edwards那里学到的。首先我们先创建三个正方形,它们是可以被三整除。在我们的例子中,我们将先创建一个240pt高和240pt宽的正方形。我们将重命名这些图层为红色、绿色和蓝色。让我们将红色图层的填充改为#FF6161,绿色图层为#4F953B和蓝色的图层为#0076FF。选中这3个图层,然后按“A”快捷键来选择画板工具。我们现在从右边的检查器上...

    2018-04-17
  • SKETCH教学视频

    则灵君分享的是“静电的sketch设计教室”教学视频,对于新手自学来讲非常的合适,感谢静电,讲解的非常的清晰明了,视频就在这儿,剩下的就需要你付出时间去学习咯,祝大家学有所成!链接: https://pan.baidu.com/s/1iIbE-DI_yHLayj7wue49yQ 密码: mw25·—END—·

    2018-04-20
  • 提升POS产品交互设计实践

    用户体验User Experience,简称UE/UX)ISO9241-210标准将其定义为 “人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应”。简单来说就是人使用产品的感觉。用户体验的重要性不言而喻。用户体验的好坏,可以直接决定一款产品的命运;好的用户体验,会带来更多的用户,为企业创造更多价值。交互设计(Interaction Design,简称IxD)交互设计作为用户体验的重要组成部分,是指在人与产品、服务、或系统之...

    2018-02-09
  • 用户体验 | 6个细节成就了今天的X1 Carbon 2018(下篇)

    上篇我们聊了Logo配色、ThinkShutter以及电源键设计,这一次我们一起来看看外形设计、移动便携和扩展能力ThinkPad X1 Carbon 2018在用户体验上有什么有趣的故事吧!一条曲线的神奇虽然建筑师高迪说直线属于人类,而曲线属于上帝,而逐渐读懂曲线的意义,思考曲线与直线之间合理应用,这整个的过程正是人类自我救赎和思想进化的过程。纵观笔记本变化的历史,外形和颜色往往决定着“颜值”,改变外形或者颜色设计的情况比比皆是,连M...

    2018-03-22