无障碍的交互设计,需要做到这7点

先从字面上来理解何为“无障碍”。生活中许多场所中,除了供给正常人使用的区域外,还有一些针对工作人员、特殊人员(残障人士、老弱病残、孕妇等)的无障碍通道/设施,比如:机场、地铁、厕所、展会等。无障碍设施/通道是能够兼容普通人员和特殊人员共同使用的,且相对来说使用起来更为便捷、直接、且省时省力。-交互中的无障碍需要考虑到哪两方面?-那么交互中的无障碍又有哪几层含义呢?从常规的使用人群来看,首先要满足普通人群使用。其次,当一个优秀产品具有一定...

先从字面上来理解何为“无障碍”。生活中许多场所中,除了供给正常人使用的区域外,还有一些针对工作人员、特殊人员(残障人士、老弱病残、孕妇等)的无障碍通道/设施,比如:机场、地铁、厕所、展会等。


无障碍的交互设计,需要做到这7点


无障碍设施/通道是能够兼容普通人员和特殊人员共同使用的,且相对来说使用起来更为便捷、直接、且省时省力。

- 交互中的无障碍需要考虑到哪两方面? -

那么交互中的无障碍又有哪几层含义呢?


从常规的使用人群来看,首先要满足普通人群使用。其次,当一个优秀产品具有一定普及性后,访问量随之上升,人群范围也会有所扩大,包含低视力、失明、听力障碍、认知障碍和运动障碍。提供产品的无障碍特性能够增强所有用户的可用性,这也是应当被考虑到的。


1. 普通人群也需要无障碍

仔细想一下,生活中的无障碍通道虽然不是提供给普通人群使用的,但当你事态紧急之时,是否也想通过无障碍通道来加快自己的速度,赶快完成当前的事物呢?因此无障碍其实某种程度而言,是人人通用的。


2. 特殊人群更需要无障碍

生活中的无障碍,最大目的还是提供特殊人群使用的。


- 如何做到无障碍? -


在交互设计中,无障碍的运用可以说是用户体验中至关重要的一点了,那么如何才能满足普通人群和特殊人群皆可无障碍的使用呢?


1. 信息可察觉

无障碍的交互设计,需要做到这7点

从前的拟物风的设计,我们可以从生活中的经验很容易得知app中表达的含义,而现今扁平风盛行,如果一些按钮、布局、功能的设计没有凸显或指引,用户很难自主发现,因此为了将信息有效地传达给用户,需要遵循以下几种规则:


◆ 为重要的信息提供不同的表达模式(图像的、语言的、触觉的),确保信息冗余度;

  • 重要信息和周边要有足够的对比;

  • 强化重要信息的可识读性;

◆ 以可描述的方式区分不同的元素(例如,要便于发出指示和指令);

◆ 与感知能力障碍者所使用的技术装备兼容。

  • 运用可察觉性不但能使普通人群更简便的操作,同时也可大大降低认知障碍人群的使用。


2.  易操作性

广泛的使用人群意味着用户在知识、经验、语言、认知程度的巨大差异性,也许即使前期做了许多的用户调研,但产品实际呈现时,还是难以被使用,那么此时就应当:


◆ 去除界面不必要的复杂性,尽量简化界面(Airbnb就是简约好用的设计例子之一)

无障碍的交互设计,需要做到这7点


◆ 根据用户的使用习惯而设计(如确认/取消按钮的放置)

◆ 将重要的信息放在最显眼之处,以便用户与之交互

◆ 用户操作前/后可适当给予一定的提示/反馈


3. 容错性

最大限度减少因操作错误而导致的不良后果,即:


◆ 常用的元素、布局应该遵循一定的用户规律,避免令用户因为惯性而操作错误

◆ 重要的一些操作行为,如删除、付款等应当设置一些警示弹窗、按钮提示用户,避免出现操作失误的情况


4. 易用性

每个人的理解能力、专注能力都是不同的,一些体量大的app交互流程往往也会更为复杂,一旦复杂,用户使用起来必定会造成疑惑和理解偏差,因此应当最大限度去简化流程,便于用户理解和使用。同时,产品中的文字解释也应当简明扼要、不给用户造成困扰。


5. 多环境使用

行住坐卧、不同环境下都可便于用户使用


◆ 提供合适的可变尺寸、亮度、信息大小等

◆ 兼容各种手部操作、抓握手机等状态(菲茨定律)

◆ 为辅助设备、个人装置提供充足空间(充电器、耳机等)

◆ 声音、振动等辅助设备


6. 可变性

能够适应不同的个体愿力和能力的,比如:


◆ 左撇子和右撇子的使用习惯

◆ 色盲的使用习惯

◆ 不同语言(简&繁、中&英 切换)

◆ 输入方式(全键盘、九宫格、手写、语音)

不论使用人群的差别有多大,都应当有很好的准确性、精确性和针对性。


7. 搭配辅助工具

上面举例的六条通用于普通、特殊人群,但很多时候还是无法满足特殊人群的需求,此时就可以借助一些工具,比如视障人群可借助VoiceOver、TalkBack等读屏工具,经调查目前已有92%的视障手机用户使用智能手机,而大多数视障者已能比较流畅地使用手机里的丰富应用。


对于特殊人群而言,无障碍的开发和使用还有很长的一段路要走。但我们在实际设计中也应当考虑普通人群中的“无障碍”,留意到这些技巧后,不但能提高普通人群的交互体验,同时提高了特殊人群的使用效率。

作者丨feliam

无障碍的交互设计,需要做到这7点

Adobe illustrator作为一款非常好用的图片处理工具,其应用可谓非常广泛,更是进行视觉设计的必备工具之一,更被誉为比PS更适合设计师的设计工具。本课程从AI的基础操作入门,结合项目实战精讲,手把手教你进行图标、海报、DM等的设计。点击“阅读原文”学习本课程后,可以充分掌握AI在设计工作中的常规应用。

无障碍的交互设计,需要做到这7点

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

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

相关推荐

  • 实例解析「交互设计七大定律」在设计中的应用(上篇)

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,通过一些实例来解析下这些原则在设计中的应用~由于文章有点长,影响阅读体验,姑本文将分为上下两篇来发~一、费茨定律(Fitts’ Law)费茨定律指的是:使用指点设备到达一个目标的时间,与当前设备位置和目标位置的距离(...

    2018-03-16
  • 2018年交互设计的6大趋势

    ♝点击上方“交互设计学堂”关注我们,送电子书设计是围绕人解决问题,因此对2018年交互趋势的预测,我们将目光聚焦在细腻的情感体验打磨、达成目标的交互介质、解决问题的效率、发生交互行为的场景这几个方面,探究出了以下6大趋势:全感官体验All-sense experience趋势简述人有五感,强化体验记忆的最有效方式就是五感相结合。看见、听见信息已成为体验常态,而更真切的感知信息是用户体验升级的客观诉求,全感官体验能更好的打造“身临其境的沉...

    2018-02-07
  • 作品集总结|本科建筑跨专业申请交互设计?Dream School还是皇艺?这可能吗?

    PS-ONE#20180504建筑背景,申请交互设计跨专业申请结果如何?本科建筑,转专业申请交互设计Master?并且Dream School还是世界第一的RCA皇家艺术学院?在经历了PS-ONE历时8个月的内部评审后她如愿以偿了吗?。。。。。。8个月后爱丁堡大学,get拉夫堡,get交互设计,是细节非常复杂的专业涉及到的知识点、设计思维,对转专业申请者来说,是很苛刻的所以拿到爱丁堡、拉夫堡这样强势院校的Offer已经是很不错的结果了但...

    2018-05-04
  • 交互设计,应该从哪学起?

    交互设计行业感觉很火嘛,我也很有兴趣,甚至想转型做交互设计,需要具备什么条件吗?什么职业都可以转型做交互设计吗?网络上很多培训内容都太宽泛,我到底该学什么呢?想职业转型,想拿到高薪,想提升生活品质,如果只是停留在“想”,永远都不会获得成功。不如从今天、从此刻开始,开启你的交互设计之路,从职业规划到求职面试,本课程带你走上职场进阶的坦途。课程139课时,超过1500分钟,800MB课程资料,全面讲解交互设计知识!商业实战案例,1年私人顾问...

    2018-01-30
  • 版权大战后,用户体验将成音乐平台的制胜关键

    自2015年起,国家版权局叫停“独家”版权到今年腾讯、阿里和网易云三家主流音乐APP达成史上最深度版权互授,这场版权之争终于尘埃落定,期间还穿插发生了运营8年的多米音乐停运事件,版权大战背后确实有很多难言之痛,而面向未来,已经叫实了的“后版权时代”,各家APP用什么get到我的点?当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放Get Over ItEagles - Hell Freezes Over (Live)一、用户体验...

    2018-03-24
  • 性爱机器人为什么这么火?用户体验称比真人舒服

    来源:环球网【9月9日消息】据外媒称,由于受顾客欢迎,整个欧洲大陆的妓院正在大量抢购性爱机器人。欧洲各地的性玩偶公司也纷纷表示正与“感兴趣的投资者”进行谈判,以在全球范围内扩大业务。荷兰:价值23000英镑的性爱机器人被盗!近日,窃贼闯入了荷兰南部布雷达的一家大型性用品商店,将店里所有的性爱机器人都被偷走了。据悉,这些性玩偶价值23,000英镑。对于经营这家失窃的成人用品商店的老板尼尔斯·范德沃特称,这起看似普通的盗窃行为给他的公司造成...

    2018-04-07
  • 小编来告诉你交互设计是什么啦!

    什么是交互设计用户界面有两部分的设计:交互设计和视觉设计。交互设计的产出物是可交互的低保真原型,设计内容包括:信息架构、页面布局、流程跳转。1. 信息架构信息架构,是为了让用户在使用APP、软件、网页的时候,能够快速找到自己需要的信息、资料、功能,并且在使用的过程不会迷路。它有层级、有逻辑顺序、要能反映信息(功能)的重要程度和关系。信息架构的组成部分:组织系统:关注如何组织信息。比如小说,按篇幅,可以分为短篇、中篇、长篇;按年代,可以分...

    2018-04-12
  • Sketch导入图片丢色、变白解决方案

    周五晚上回家作图遇到点状况,折腾了半天才好。整理一下发出来,估计有人用得上。以下内容为磨磨叽叽的瞎逼逼顺序,着急解决问题的同志可以快速下滑,会有提示周五到家日常打开电脑作图,做的做的发现不对劲,之前导入进来的图片好像不正常了。如下图一开始还以为是不小心降低了透明度,cmd+左键,发现没降。再想可能是加了纯色,看了一眼属性,也没有叠加颜色。醉了,这什么鬼。我一看既然不成那就算了。重新再导入一张图片,这张后入的是好的。没当回事,接着做图。过...

    2018-04-25
  • 沃尔沃自主驾驶概念交互设计欣赏

    沃尔沃自主驾驶的概念交互设计来自设计师Keke Le用户调研 |  HMI设计 |  UE/UI设计 |  HMI培训  |  HMI评测  | 体验咨询

    2018-03-21