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

相关推荐

  • 人工智能对用户体验的影响

    最近两年人工智能技术在金融、安全、交通、医疗、公共服务和制造业等领域逐渐落地,随着技术的成熟,人工智能将会在更多领域影响人类的生活。以人为本的人工智能设计会变得更加重要,本文会从安全性、效率、易用性、场景化、个性化五个方面阐述人工智能如何改善现有的产品和用户体验,这五个方面存在着各种联系并相互影响。安全性越接近系统底层的技术越影响用户体验,例如手机中毒或者信息被盗都会对用户产生巨大影响;如果关系到国家安全,整个社会的秩序都会被扰乱,所以...

    2018-03-26
  • 【招募】图书管理员、UI交互设计、手机软件开发,快来报名!!

    ↗点击上方“海淀教堂”关注我们📖海淀教堂为丰富教牧同工的阅读生活,正在建立图书馆,欢迎有图书馆管理或工作经验并有感动的弟兄姊妹积极参与此项事工。报名地点:三楼侍奉室边瑞霞同工 18514656724💻因事工需要,海淀堂网络组现招募UI交互设计,手机软件开发等技术义工,欢迎有相关恩赐的弟兄姊妹咨询报名。报名地点:三楼侍奉室李维萧同工 17600071627欢迎有感动的弟兄姊妹们参与进来!等待您的加入呢!耶稣爱你!名关注这里Address:...

    2018-04-15
  • 设计流程、交互设计进阶、空状态设计

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

    2018-03-15
  • 用户体验设计影响力引起两会代表关注,获业界点赞!

    如今,用户体验设计已成为社会广泛关注的话题,在今年两会上,用户体验设计的影响力也引起了两会代表关注。在今年的两会期间,全国政协委员叶友达向大会提交了《关于鼓励基于用户体验的设计创新,加速科技创新成果转化的提案》。设计创新与科技创新互为表里,需要协同发展;从国家层面启动基于用户体验的设计创新倡议,构建用户体验设计创新战略和行动纲领。用户体验是指用户基于对产品、系统、服务使用或者预期使用的态度和反馈。叶友达解释:“说白了,就是我们在产品的设...

    2018-03-20
  • 用户体验方法论的演变

    用户体验工作流程令人困惑,即使对大多数设计师而言也是如此。最初Donald A. Norman创造了用户体验设计的概念:“我发明了这个词,因为我认为人机交互和可用性太窄了。我想涵盖该系统的所有方面,包括工业设计图形,交互界面,面对面交互和使用手册。从那时起,这个词被广泛传播,以至于它开始失去意义。”而到2016年,Don Norman开始谈及对于这个词的误解有多严重。在彻底了解现代用户体验之前,我们需要回顾20世纪90年代以来设计和开发...

    2018-03-07
  • 交互设计之架构真经

    建立信息架构是交互设计师主要工作之一,是需求转向交互稿中非常重要的过程。一个架构的好坏决定这这个产品未来的命运,只有具有一个好的信息架构,才会具有一个好的产品体验。以下将从认识——前期工作——如何产出——如何判断,四个步骤来介绍信息架构。一、何为信息架构信息架构设计是对信息进行结构、组织方式以及归类的设计、好让使用者容易使用和理解的一项艺术与科学。这是比较官方的说法,简单通俗的说法就是对信息进行组织和层级分层。当我们一看到购物车这个信息...

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

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

    2018-04-18
  • 从会计到交互设计,她用社会热点打动皇家艺术学院招生官!

    本科学的是会计研究生申请的却是交互设计零基础、跨专业却能在短短一年时间拿到5所顶尖艺术院校的offerQS世界艺术类大学排名第一的皇艺和享誉世界的英国伦艺都向她抛出了橄榄枝从西单骑摩拜到望京全程3个多小时收集了20多个单车乱堆积地点采访了数十位大爷和小朋友回家腿痛了整整一周只为做一个项目的调研成长的路上总是布满荆棘但坚持就是胜利杜娜/研究生/交互设计皇家艺术学院预科伦敦传媒学院格拉斯哥艺术学院金斯顿大学谢菲尔德哈勒姆大学杜娜offer(...

    2018-04-25
  • 交互设计中的人为本与用户需求究竟谈的是什么?

    以人为本和建立用户需求,是开展交互设计的首要任务。以人为本指的是:理解用户,理解人的感知和认知的本质,分析用户的思维模型。如何理解以人为本以人为本的两种理解:人本工具论之说和人本实质伦之说。人本工具论:这是从统治者角度出发的,出于实现自身利益的需要,把以人为本作为实现其利益的一种手段。这是伪以人为本、虚假的以人为本。人本实质伦:这是从人的立场出发,以人的自身角度研究问题的“人本观”作为出发点。在满足人的需求时,还应考虑对交互系统可持续发...

    微信热点 2018-02-26
  • 美甲店如何做好用户体验?【下】 | 互联互生

    上周的一篇文章我们说到了“用户体验”对于美甲店铺的重要性,文章中我提出了一个“峰值和终值的一个概念”,以及举了几个服务性的行业的例子,它们是如何利用“多数被遗忘,偶尔特漂亮”这个心理给用户带来不一般的体验感。今天这篇文章我们重点来谈谈咱们美甲店可以怎样在“用户体验”上有一些创新。好客服的法则随着网络越来越普及和重要,大部分美甲店主都开始注重自己的店铺在网络上面的评价,我们就先拿大众点评这个平台作为例子。一个店铺在大众点评上面肯定有很多的...

    2018-05-06