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

相关推荐

  • Sketch 这几招你肯定不知道

    1.精确调整元素属性在点击元素属性旁的箭头时按住 alt 键可以以10px 倍进行调整,按住 option 键则是0.1px 倍。2.用对齐工具对齐锚点Sketch 中的对齐工具不仅可以对齐群组和图层,还能够对齐锚点,非常方便。3.导航栏文本状态调整与其为导航栏每一个状态都重新做一下,不如将导航栏中的所有元素转为一个符号(symbol),这一个符号中调整样式即可。如果要隐藏文字图层的话只需要在符号的对应文字中输入空格键即可。4.直接拖动...

    2018-04-26
  • 微站三大更新,优化用户体验!

    微盟新云微盟官方产品发布平台关注微站加粉组件上线后,商户快速使用该功能向微信公众号或个人微信号引流。为了让商户掌握引流情况,近日微站上线了加粉组件的数据明细功能,帮助商户分析数据,优化内容。新增加粉组件的数据明细功能描述:包含加粉点击次数与人数两项统计,商户从微站→店铺→数据→页面分析,查看数据明细。通过数据分析,商户可以获取引流的实际情况,优化加粉组件位置和页面布局。(加粉组件:微站最新上线的一个引流功能,商户在微站后台编辑时,点击微...

    2018-04-10
  • 设计干货|聊聊设计师玩转Sketch的那些事儿

    点击蓝字关注GOMEOS用户体验设计1调整组内图层父级变换属性新的调整大小选项可以帮助我们更灵活地调整对象与子层之间的响应:1. 默认属性下的成组放大缩小变化,内部的图标跟随组的缩放比例进行变化.2. 锁定图标的固定宽度&固定高度,成组的缩放比例不会影响到图标的比例与尺寸.3. 当锁定上部及右部间距时,成组缩放比例时,图标距离组内上部及右部的距离保持不变.2嵌套样式这个十分强大的功能使得symbols的复用更加的强大,可以同一内容复用多...

    2018-04-04
  • 交互设计师必须知道的五大交互设计流程

    交互设计又称互动设计,从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点。同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充,交互设计还涉及到多个学科,以及和多领域多背景人员的沟通。其实,交互设计需要做的事情也不是一成不变的,它会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别。下面我就在马海祥博客上...

    微信热点 2018-03-16
  • 交互设计前期分析(一)

    在以前还是交互设计师新手时,总会遇到这种情况,给出了一份方案,被产品经理驳回:“虽然能用,但是不够好,要不要参考其他竞品再想想。”接着再东看看西看看,接着给出第二版方案,仍然被说缺了点什么,于是一版接一版地改,最后勉强定了一个差不多的方案。为什么会导致这样的情况呢?今天我们来说第一个存在的原因。如果做交互设计,没有理解产品的业务需求,那么做出来的设计就算是美观、漂亮,也不能成为好的设计,因为没有实现业务诉求。而且,对业务诉求的分析,会影...

    2018-04-17
  • 如何平衡广告盈利和用户体验?

    如果你是一名手机应用开发者,你肯定知道广告可以为你的应用提供巨大的收入潜力。可以说手机应用就是在为流量主下金子: 到2020年,将会有高达1890亿美元的收入,而其中仅应用内广告带来的收入就会达到1170亿美元。事实上,我们最近对1000多名应用程序开发者进行了调查,发现高达84%的人承认他们通过广告将应用变现 —— 61%的人声称广告带来了最多的收入。但是,一如既往,能力越大,责任越大。作为一名应用开发者,你要负责确保用户的使用体验,...

    2018-04-06
  • SKETCH | 周鸿祎自述:我的价值观

    在这本书的开头,我想讲讲影响我价值观的电影和书。说到价值观,有的人可能要笑了:都什么年代了,还讲价值观?虽然这本书的书名是《我的互联网方法论》,但这并不是按图索骥的说明书,你如果认为读完本书,就会做产品了,就能向互联网转型了,对不起,真的是做不到。赵括把兵书读了千百遍,在纸上推演了千百遍,到了实际的战场上,还是一个输。因为无论是做互联网产品,还是传统企业向互联网转型,能不能做得成,是看你能不能创新。而能不能创新,除了你的技能、阅历、领导...

    2018-04-26
  • 计算机交互设计简史,从穿孔纸带到人工智能

    点击上方“想当然”,选择“置顶公众号优质文章,第一时间送达不管是有意识的还是无意识的,谈到交互设计,人人心中都有一个或清晰或模糊的理解。这些形形色色的理解都各有各的道理,但往往又有不尽然的地方。何为交互?交互(inter-action),从字面上理解,就是交流和互动。说得学术一点,就是两个对象之间的一系列响应。举个简单的例子,早上你出门遛狗时,隔壁老王正在跑步,你冲他一笑,说句:“早上好呀。”老王点头、微笑,说“早啊” —— 这就是一个...

    2018-04-07
  • 什么是用户体验设计,用户体验设计标准是什么?

    我理解的用户体验,是让用户付出最小成本满足需求。用户体验无法用一个通用方法整体衡量,只能在理解产品全貌的前提下评测分解属性。我仅结合搜索领域经验提供些参考。个人对用户体验的目标是,做到“自然”。用户体验设计是什么?用户体验(User Experience,简称UE)设计 是用户在使用产品或服务过程中建立起来的一种纯主观的感受。用户体验产生于客户与你的品牌、公司、组织所发生的一切互动。这些互动的对象包含了你的产品、官网、帮助中心、广告、微...

    2018-03-20
  • 中国交互设计“教父”辛向阳老师首次线上分享会来啦

    应集创堂的邀请,中国交互设计“教父”辛向阳老师将在4月20日为大家带来首次线上分享会!辛老师是卡耐基梅隆大学设计哲学博士,是目前很少数在美国获得设计哲学博士、并首个回到中国内地的华人之一。有着跨多个学科的教育和工作背景,包括机械、建筑、平面设计、油画、交互设计以及艺术史。同时,辛老师还是IXDC(交互设计国际大会)大会主席,提出了“交互设计五要素”和“行为逻辑”等交互设计领域的重要理论和方法,并在香港理工大学成功创办了中国首个交互设计专...

    2018-04-17