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

相关推荐

  • 如何平衡广告盈利和用户体验?

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

    2018-04-06
  • 伦艺交互设计(MA)offer入手,工科出身、完全零基础的她是如何做到的

    对于零基础申请的同学来说,短时间内接触并掌握一个陌生的专业,既需要勇气,又需要决心。这是因为,科班出身的同学申请国外名校尚有难度,更何况是毫无专业基础的同学,过程中遭遇困难、挫折也可想而知。正因为申请难度大,如果能从其他同学的申请过程中吸取成功经验,规避问题,少走弯路,必然会有利于未来申请。本期,简清为同学们请到了拿下伦艺交互设计(Interaction Design Communication)专业offer的L同学,作为一名零基础申...

    2018-04-12
  • 用Axure水平菜单做导航菜单原型

    哈喽,"梯子"们好,这么多天都没有更新过Axure的教程了,理由如果是"沉迷吃鸡,无心做教程"未免也太勉强了,额......这个理由好像并不勉强啊,其实就是休息了一段时间。 好了,下面就来介绍一下这几天收集的比较多的"A技",额......Axure的技巧在浏览网页的时候,我们会经常性的点击或者鼠标悬停在"总有一款适合你"的顶部选项,这个就是顶部导航菜单。有的"梯子"就直接从元件库中拖拽一个"矩形"或者"文本标签"直接使用,如下图:其实...

    2018-03-16
  • 移动端图片阅读—交互设计分析

    ↑点击上方蓝字,加个关注吧~↑今天老冰给大家分享一个移动端图片浏览的交互方式这个APP的阅读教程中,一共介绍了四种交互方式,左右滑动翻页浏览,上下滑动阅读更多,下拉放大图片,侧划查看时间线以往资讯。在这里并没有介绍左滑,有人问,左右滑动不就是左滑吗?其实,并不是,当你位于第一张图片时,也就是现在左滑已经没有内容了,此时你的左滑便有了刷新的作用,不同于其他(很多app刷新都是下拉刷新),这也是值得称赞的地方,它通过自己的交互思维,产生了自...

    2018-01-30
  • 一个产品设计师必须会讲的故事——用户体验设计中的故事板

    作为一名设计师,情绪板的运用想必你已轻车熟路了,然而情绪板其实还有个小姐妹不常被人们提及,她就是故事板。【情绪板】常用于品牌与形象设计领域,用来发掘用户对视觉体验的需求,而【故事板】则常用在用户研究和交互设计领域,通过还原用户使用场景来深度挖掘用户对产品整体体验的需求,是提升用户使用体验的有效研究方法。很多希望从视觉设计师过渡到体验设计师的新手设计师,心里很清楚要关注和挖掘用户除视觉以外的其他体验,但是却不知如何下手。各种用户研究方法虽...

    2018-05-08
  • 交互设计规范

    交互设计规范+iPhone界面尺寸:320*480、640*960、640*1136iPhone6:4.7英寸(1334×750),iPhone6 Plus:5.5英寸(1920×1080)设计图单位:像素72dpi。在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计,现在iphone6和plus出来后有很多人会使用6的设计效果。如果是我来做的话,我会使用...

    2018-03-21
  • 艺术留学新宠—交互设计选"综合类"院校和"艺术类"院校有何差别?

    在当下这个数字智能急速发展的时代,交互设计成为了热门探索领域,同时它也是当下最受欢迎的留学专业之一。相较国外,国内开设交互设计专业的院校较少,即便有,也是和工业设计专业剪不断理还乱。而真正的交互设计包含的范畴更广,这一点从国外不同院校的交互类专业方向上可以看出,其教育框架完全在APP这一分支之上,而表现形式也不局限于媒体、数字、艺术、装置等。对于想要申请国外顶级交互专业院校的同学来说,确定好自己想要探究的专业领域是选校时的重要参考标准。...

    2018-05-07
  • 良好的用户体验不一定是品牌成功的关键

    一项针对品牌魅力的新研究表明,良好的用户体验不一定是成功的关键,因为品牌完整性受损可能会超越公众的看法。 这是对四个市场10,000名消费者的在线调查的结果。这项研究从认知、目的、诚信、慷慨,勇气和交付的六个维度检查了知名品牌。分析表明,与消费者的动态关系是短暂的受欢迎,还是长期的忠诚之间存在的真正区别。乐高式最具实力的品牌,一直让顾客感到满意。相反,FIFA被评为得分最低的品牌。另外,苹果在美国排在前十位,在英国排在第十六位。尽管其创...

    2018-02-26
  • 通过SEO提高网站用户体验

    爱美之心人皆有之,在内容相同的情况下一个干净清楚的页面必然要比一个杂乱无章的页面更吸引访客注意,更能留住访客的目光和逗留的脚步。在用户体验问题上,通过SEO优化分析的过程是可以帮助提升网站的用户体验的。那SEO与用户体验冲突吗?通过SEO优化是否能够提高网站的用户体验呢?有人说SEO和文章用户体验是相矛盾的,因为在网站SEO的优化过程中,SEOer将其关注点更多的放在了关键词排名、流量的提升上,他们并不会过多的关注网站用户体验,其实不然...

    2018-03-30
  • 交互设计与服务设计视角下,谁才是用户,什么又是产品?

    服务设计,是2017-2018比较火热的一个专业了,相比于交互设计或工业设计,服务设计更关注与利益相关者之间的关系。今年的Aalto New Media 专业的申请中,有明确要求需要根据两篇文章的读后感写一篇Essay(1),其中一篇是“How to Fix Facebook—Before It Fixes Us(2)”,深入阅读之后,有一个明确的观点想和大家分享一下。之前从交互式设计角度或者用户研究角度对于 Facebook 的分析文...

    2018-05-02