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

相关推荐

  • 【用户体验.春节特辑】一本相册(总第269期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第269期我的发小蔡廷是我们这座江南古镇的一位”达人”,这并非他有什么才气,而是他的行为举止与这座千年古镇淳朴温和的民风相违和。天气刚有点热他便剃了个秃瓢,赤裸着上身,永远穿着条军裤,再热也不换装。腹部有两条贯腹的伤疤,象两条粗大赤红的蜈蚣僵卧其上。他从不拉帮结派,依附于任何人,不欺行霸市,不欺凌老弱,但是蛮不讲理。他...

    2018-02-20
  • UED建筑大师过大年,喜气洋洋温暖了留守娃的心田

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放世界上最美的花水木年华 - 世界上最美的花编者按:2018年1月19—21日,UED设计年会系列活动在江苏省宿迁市成功举办,共议如何在当下中国,以设计、文化、艺术的力量引领城乡发展。年会系列活动包含“设计·文化·艺术引领下的城市发展和乡村振兴”高峰论坛、第四届全国设计院院长交流会、UED建筑大师过大年等诸多精彩环节。路人甲听说你们也去现场啦?是的呢,我们是带着山里小朋友的心愿去的...

    2018-02-02
  • 美国交互设计综合类&艺术类院校申请侧重点有哪些?

    回复【交互】,获得专业老师一对一专业指导随着现今数字智能等高科技的发展,交互设计成为近些年众多艺术留学生的热门首选专业。但热门并不代表很多同学都对交互设计有所了解,比如,根据向汉艺咨询的学生情况分析,90% 的同学都分不清什么是到底什么是交互,只是很表面的认为交互就是各种“APP”、“UI设计”或者VR/AR。实际上,即使国外最顶级的院校,你也找不到一所专门设立“APP”的专业,“UI设计”严格上来说只能算是“平面设计”,而设立VR/A...

    2018-04-18
  • 为你的App增加WiFi认证检测,让用户体验更加丝滑

    前言前段时间在上海坐地铁时连接了花生地铁WIFI,打开QQ音乐开始听歌,QQ音乐居然给了我一个"WIFI认证提醒"的弹窗,点击认证就跳转到了花生地铁WIFI的认证页,之后顺利联网成功,体验非常爽。作为一名iOS开发,不禁思考这个是怎么做到的呢?忘记WIFI重新连接后,打开手机里各个应用轮番测试一遍,发现QQ音乐、QQ、QQ空间三个应用都做了比较好的WIFI认证提示:成功提示.png而其它的大应用如微信、手淘、支付宝、钉钉、美团、点评、爱...

    2018-02-07
  • 设计流程、交互设计进阶、空状态设计

    设计作品源于设计师的自我发现、情感和创造,在日常工作中我们加入字体、颜色、空间准则来让在我们感性的表达设计美学基础上更理性的表达设计思维;以上这些是众所周知的基本法则,是设计具备的基本能力;科学的、合理的、为用户设计才是设计师价值的体现。那么如何让我们的设计更理性?在长期跟一条产品线的工作过程中,我们会发现每天做着很多事情,不知道会不会有以下感觉:1.感觉离用户很远;2.感觉对用户数据的增长好像没有什么明显帮助。那么用户增长和设计有什么...

    2018-03-15
  • 关于Axure8.0中继器的使用1

    废话少说,请开始你的表演!!!1.拖入一个中继器,将中继器多余的行删除;2.在中继器中添加三列(可以直接双击编辑),分别命名:name、sex、age;3.双击拖入的中继器会跳转类似动态面板的“(中继器)(page2)”新页面;4.在(中继器)(page2)中再添加两个和已有矩形大小一直的矩形,分别命名:name、sex、age;关于中继器的准备工作完毕,因为中继器需要存放动态数据,所以需要在页面增加动态数据的输入入口。5.回到拖入中继...

    2018-03-10
  • 怎么设计出好的用户体验

    今天跟大家分享的这话题是大家在做产品的过程中可能谈的最多的话题,我一定要有好的产品的体验。首先大家要明白什么叫好的用户的体验,这个一定要有一个定位,所谓的这个用户是真实的使用用户还是你自己。有的时候我们把这个用户简单定义为产品经理或者公司的ceo,或者是公司的负责人。但首先要问一下,你是不是最终的用户,如果只是满足你个人的想法,那这上面会有很多的问题,所以一定要满足真实用户的体验。基于这样的前提下我们再考虑什么叫好的用户体验。我觉得好的...

    2018-02-19
  • 【用户体验.春节特辑】我拿什么记住你(总第268期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第268期时间是这个世界上最锋利的武器,没有任何事物能够阻挡。所有的一切,人、物、事都随着时间的磨砺逐渐模糊、逐渐消逝。父亲的突然去世,一直是我心中最深切的痛,他的离去是那样的突然,突然到我完全无法接受他已经永远离去的事实。总觉得父亲依然还在,总会幻想我下班回家,父亲还会像往常一样在门口笑眯眯的看着我说:“回来啦,儿子...

    2018-02-19
  • 【干货】2018年APP交互设计趋势

    全感官体验人有五感,强化体验记忆的最有效方式就是五感相结合。看见、听见信息已成为体验常态,而更真切的感知信息是用户体验升级的客观诉求,全感官体验能更好的打造“身临其境的沉浸式”体验印象。2018年我们将会看到更多以虚拟+实体组合的全感官体验方式,用户在交互过程中获取更多维的与真实场景匹配的信息反馈(听觉、嗅觉、触觉等),加深对信息的理解和体验记忆。运用案例全感官体验目前在游戏领域有了较为广泛的探索。《星舰指挥官》一改沿用十几年的鼠标,键...

    2018-02-18
  • 在Axure中,如何用动态面板实现banner的轮播效果(附Axure教程及软件)

    axure功能太强大,动态面板可能已经搞得你头晕眼花了,更别提7.0版本的中继器了。废话不多说,还是和大家分享一下动态面板实现banner轮播的效果,对动态面板还不熟的,不妨来看看这个效果的制作过程,然后自己试着做一做,绝对增加自己的信心。就拿某宝首页banner轮播效果为例进行说明:1前期线稿图,部件准备01先画个大概的位置线框图,如下图所示,做了3张banner的轮播效果02banner位置的占位符转换为动态面板(鼠标右键,转换动态...

    2018-03-06