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

相关推荐

  • 视频平台VS网络电视:内容营销提升用户体验是硬道理

    近年来,视频平台发展迅速,视网同步、网络独播等不断满足观众的各种需求。在“马太效应”(即强者愈强、弱者愈弱的现象)愈发明显的行业环境下,各大视频平台领跑行业,但版权购买、会员抢夺、内容营销等现象导致行业竞争持续加剧,视频网站将迎来升级。同时,随着互联网发展,“互联网+电视”的形式也在逐渐普遍,对于观众而言,足不出户便可以通过科技满足观看喜好已成为现代生活的标志之一。那么,视频平台与互联网电视有何区别呢?它们在内容选择和盈利方式上又有何不...

    2018-02-12
  • B2B、企业SaaS中的交互设计总结

    [图片]熊猫设计院关注熊猫设计院发现更多设计好文[图片]译者 / 不器校对 / 熊猫小生作者 / Varun Mohapatra[图片]我刚开始在VWO工作的时候,一直想弄清楚一个问题:企业软件(B2B)真的和B2C应用不一样吗?对于设计师或者设计流程来说,两者又有什么不同?这篇

    微信热点 2018-04-18
  • 【整理】交互设计七大标准

    1交互设计七大标准(1) 菲茨定律(Fitts'Law)2交互设计七大标准(2) 希克法则(Hick’s Law)3交互设计七大标准(3) 神奇数字 7±2 法则4交互设计七大标准(4) The Law Of Proximity 接近法则5交互设计七大标准(5) 复杂性守恒定律6交互设计七大标准(6) 防错原则7交互设计七大标准(7) 奥卡姆剃刀定律(简单有效原理)请关注公众号“UX设计艺术中心”,学习更多转载此文,请署名原作者及来自微...

    2018-03-15
  • 作品集 | 交互设计大师的成长轨迹

    致奋斗的你:又是一年花开时,中公教育优就业送走一批批优质学员的同事,又迎来了一群渴望高薪就业,改变现状的U学员。优就业学员在朝九晚九的学习作息中、六大福利的助学保障中、高配的教学设备下、高标准的食宿环境下学习IT技能......相信中公教育的学员一定可以学有所成,实现高薪就业目标!下面,就随小U妹一起来看看近一期学员“小试牛刀”的作品吧:UI交互设计作品01、UI动效展示(部分)UI动效作品展示·《小球飞》UI动效作品展示·《大憨熊》0...

    2018-04-12
  • VR/AR开发程序中直接搜索Sketchfab的3D素材 / Vive Pro 如何买更省钱?/ Vulkan拥有直接内存分配器

    从今天起试试这个新形式,把重点的资讯提炼后合并成一条,欲知详情就摁紧二维码跳转阅读啦。我们依然尽量让这些从外媒翻译过来的信息以最合适的中文翻译方法论润饰和(或)修改后放在这里。有什么好想法新想法告诉我们!【Sketchfab推出新API,3D内容“搜索引擎”可植入VR/AR应用中】Sketchfab今天推出了最新的 Download API(下载API),允许应用开发者直接把Sketchfab内容导入他们的3D、VR和AR软件,这样就无...

    2018-03-21
  • Axure RP软件 | UI设计师的必备神器,20G视频教程+软件+实战素材

    直达链接:http://www.xiaobaixitong.com/(复制电脑粘贴下载)在浏览器上百度搜索【小白】即可找到,点击带有官网标志的链接哦,其他的均为山寨软件哦Hi,我叫小白,可以协助你安装电脑系统哦小白公众号一直在做的两件事:1.协助用户安装windows系统2.分享海量的学习资料包(相信聪明的你应该知道去哪里找的)三年来,小白一直专注于电脑系统安装已经免费为数钱千万用户成功安装上系统操作界面用小白成功安装上,系统后简直不要...

    2018-04-04
  • 《用户体验要素》读书笔记:要理解为何这样做产品

    《用户体验要素》是一本实用类书,试图回答如何以用户体验为中心进行产品设计。作者通过构建自下而上的五层模型:战略层,范围层,结构层,框架层,表现层;来将以用户体验用户需求为中心的设计方式层次清晰的表达出来。并指出;一开始对战略层的深思熟虑,会帮助我们在整个产品设计中节约大量的时间。作者这本书写于pc时代,大多案例都是网站的建设。但是整个思考产品的思路,直到今天;都没有过时。一、 以用户体验为中心设计产品用户体验是指产品如何与外界发生接触,...

    2018-04-08
  • 4月最新便民信息!政府、企业、医院、社工...你想要的岗位都在这里!

    各类招聘求职生活信息关注后回复发布查看更多4月啦,又是新的开始没有工作的同学快快看有哪些好工作吧...   ...招聘信息类首先,是我们玩转郫县的招聘啦邀请你一起来和我们玩营销经理▲薪资待遇:社保+底薪+全勤+提成+奖金(4000-10000元)▲职责要求:1.开拓郫都地区美食、休闲、旅游市场2.建立并维护平台与合作商家良好关系3.能熟练运用word、Excel办公软件▲任职资格:1.工作主动、责任心强、具有良好的团队合作精神、抗压能力...

    2018-04-08
  • 画一本满满的Sketch Book,你有这样的执念吗?

    Sketch Book 到底对你意义为何我们收到过,看到过很多位插画师的速写本有随身的不到A5尺寸的也有十分大到A3的像作品集一样也收到过,很多后台询问可以推荐款速写本,可以推荐下用什么笔吗(这个真的,不重要 X3)你会发现,很多ins上国外插画师po出来完稿画作和平日速写本的风格截然不同对,速写本不是一本作品集需要每一页都是完整的,完美的它更像一个瞬时的思考把你的某一点切实地记录下来看看她们的速写本01 Eve尹光芒正在鲸字号 上海实...

    2018-03-26
  • 交互设计工作流程6步走

    点击信息与交互设计关注我们!欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn经常有人会问交互设计到底是做什么的?交互在工作中的流程是什么样子的?那么今天就来讲讲交互设计在工作项目中需要做哪些工作。这里结合笔者本身的个人经历,将交互工作流程总结为以下6点:1、发现问题这里的发现问题,主要是找到一些体验不合理或者未达到预期效果的地方。发现问题的方式有很多,在实际项目工作中,可能大部分的问题反馈来源于客服或者产品需求,这里交互更...

    2018-01-30