无障碍的交互设计,需要做到这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

相关推荐

  • 现在交互设计是时候走出迷茫

    交互设计的定义:交互这个词,英文是interaction,其中inter是互相的意思,action就是行动,所以inter-action直面上看就是“互相的行动”,也就是你行动一下,对方再行动一下,你来我往。交互设计,就是在设计这一些列的“互相行动”,使用户能更好得使用物品,物品能更好得服务用户。献给深夜中孤注一掷的设计师们来自无可设计00:0002:30下面小编想向大家介绍一位交互设计大师————————Lucian Bernhard...

    2018-03-27
  • 交互设计套路之——导航设计

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放Five Hundred MilesThe Shadows - Dance With The Shadows/The Sound Of The Shadows亲爱的小伙伴们好久不见啦你们的涂涂回来啦!!不知是时间太快还是指缝太粗总是留都留不住总之感谢小伙伴们的不离不弃话不多说赶快准备好小板凳和瓜子嗑着瓜子咱们就开聊吧下面开始分享app的套路之一导航设计一、导航的分类1.标签式导航...

    2018-02-11
  • 最近很火的租衣APP用户体验报告

    以下内容并非广告,但是如果衣二三和女神派的营销部门看到的话,要不要考虑来主动给我发点广告费?其实租衣APP这个东西应该火了好一阵了。有我微信的宝宝们可能知道,我这个人有个很大的毛病就是喜欢买衣服。且买来并穿不了一两次,接着就开始在朋友圈各种亏本卖闲置。最近整理衣服发现实在太多真的不能再剁手了,因为根本没地方放。然后突然想到了公司一个客户和我说过她一直用一个租衣APP叫衣二三。看到这个APP的时候我的内心是激动的 --- 终于有软件解决我...

    2018-03-30
  • 2017新零售用户体验观察

    互动新零售专为互联网人打造的新零售智库。关注过去的2017年被誉为“新零售元年”,从早前颜艳春的《第三次零售革命》到阿里的“五新”战略,再到京东的“新零售革命”等等,一系列关于“新零售”的概念被正式提出。而行动上,无论是互联网电商巨头,还是传统线下零售企业均在紧锣密鼓地展开此次零售变革的布局。此次“新零售”变革概念从中国提出之时,从全球范围来看,和传统零售形态不太一样的商业形态和消费者体验已经在世界各地慢慢的生长起来。这一年中各式各样关...

    2018-02-08
  • 如何创建用户体验地图

    许多公司尽管怀中最美好的愿景、掌握庞大的数据,却依然只能给他们的用户提供乏善可陈、平淡无奇的产品体验。这归咎于他们以聚焦内部、脱离用户的方式做产品,缺乏对用户的关注。他们未意识到用户对其产品的每一次体验都会影响用户的体验满意度、品牌忠诚度和忍耐底线。如果使用用户体验地图(Customer Journey Map),则能够很好地描绘出用户在体验产品时的情绪 变化,并以此对产品进行优化。通过体验地图的项目,我们发现了很多产品的优化方向。下面...

    2018-02-01
  • 基于用户体验的污泥脱水干化解决方案

    点击上方蓝字关注“公众号”题  目:基于用户体验的污泥脱水干化解决方案报告人:上海复洁环保科技股份有限公司  许太明  总经理第一部分:背景与缘起各位领导、各位专家、各位同行,中午好。我给大家做的报告是基于用户体验的污泥脱水干化解决方案。作为我们公司来说,主要的产品是低温真空脱水干化成套技术,所以我从这个技术本身给大家分享一下应用性能与效益的评价。主要分三部分,一个是背景与缘起,第二是用户体验与详情,第三个是总结与展望。污泥脱水干化设备...

    2018-04-30
  • 在Sketch中直接画流程图?现在你可以梦想成真了

    静电说:许多小伙伴对Sketch的期许是更多的,他们不仅希望Sketch是一个绘图工具,更希望它能变成一个交互工具,一个动效设计工具。比如这样一个需求:“在Sketch中画流程图箭头”,之前是不可以的,但插件为我们带来了无限可能性。今天静电就要来介绍这款User Flows插件。User Flows可以来创建图层到页面(Artboard)之间的连线,也可以用它来导出设计流程图,User Flows提供多种语言选择,为我们提供了不少方便。...

    2018-04-17
  • 改善电商网站用户体验的6个技巧

    电子商务是一个复杂的系统,作为电子商务的典型模式之一,B2C网上零售网站要考虑的因素很多,甚至一些看似不起眼的因素都可能决定一个用户最终是否在该网站完成购物。 在消费者注意力越来越分散的今天。如果您希望潜在客户更多的停留在自己的网页上,进而产生购买行为,就需要牢牢吸引他们的注意力,并且提供简便愉快的购物体验。做到以下这6点,相信没有用户会拒绝从你的网站购买商品,甚至会带来更多的返购和忠实用户。1.提升网站的加载速度落地网页的速度通常是转...

    2018-05-08
  • UED专访 | 魏娜:设计由情感而生

    📌 编辑 | Belinda.L《漂亮的房子》播至第三阶段,福鼎站的房子即将展现在观众面前,UED采访了“小溪家”的建筑师魏娜,探寻项目背后的情感设计。魏  娜WEI 建筑设计创始合伙人、主创建筑师魏娜于2013年发布过一条微博,感谢UED杂志的建筑师赠刊上精心的小细节。而她与UED的缘分其实从更早之前就已开始了。UED杂志特别赠刊烫印有建筑师姓名 ©魏娜“从2009年我们事务所刚刚成立的时候,UED就开始给予我们很大的支持,在这近9年...

    2018-02-02
  • 清华美院交互设计考研经验分享:考试要懂得“扬长避短”

    2018年清华美院交互设计-黎娜大家好,我叫黎娜,我本科毕业于广州美术学院工业产品设计系。产品设计主要是偏向于生活家居类的小产品。我大概是在去年快毕业的那段时间第一次从考研的同学那里了解到“信息艺术设计交叉学科”,2017年6月底就决定报考这个专业。接下来我想与大家分享的是自己的一些备考经验,希望能对你们有一些帮助。第一部分是关于专业一“上机”考试。我认为上机考试最重要的两部分分别是app和ppt。  app的练习方法有很多,这里我想分...

    2018-04-23