设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > APP设计 > APP可访问性设计:拒绝体验“障碍”

APP可访问性设计:拒绝体验“障碍”

snow
2018-05-07
591573


以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具

在多年的应用设计中,设计师们在牢记应用可访问性设计的同时,就提高产品设计质量方面,进行了诸多探讨。事实上,“可访问性”设计本身对于设计师而言,就是容易引起不满的存在。为什么呢?答案很简单。因为设计师们都不太喜欢添加“不必要”的功能来扰乱他们的设计。而可访问性设计不仅常常需要增加”不必要”功能,而且一定程度上还会破坏其应用设计的“美感”。一些设计师甚至不懂,为什么要为可访问性添加额外功能来增加界面噪音。而这些错误认识的根源就在于,设计师们并不明白,这些由可访问性设计带来的不便,往往只是暂时的。

 APP界面的可访问性设计

在多年的应用设计中,设计师们在牢记应用可访问性设计的同时,就提高产品设计质量方面,进行了诸多探讨。事实上,“可访问性”设计本身对于设计师而言,就是容易引起不满的存在。为什么呢?答案很简单。因为设计师们都不太喜欢添加“不必要”的功能来扰乱他们的设计。而可访问性设计不仅常常需要增加”不必要”功能,而且一定程度上还会破坏其应用设计的“美感”。一些设计师甚至不懂,为什么要为可访问性添加额外功能来增加界面噪音。而这些错误认识的根源就在于,设计师们并不明白,这些由可访问性设计带来的不便,往往只是暂时的。

这里所提及的“暂时性不便”指的是:在人们的一生中,难免会遇到,在最好的日子里陷入某种身体缺陷困境的情况。所幸,其中大多数的困境都只是暂时的,尽管也有一小部分困境会是永久性的,并将伴随一生。然而,如若设计师忽略这一部分人群,并设计出一些他们无法访问和使用的应用软件,那么,这将极大的影响软件应用的整体体验。事实上,据世界卫生组织报告显示,全球有超过15%的人口正遭受着某种“身体缺陷”。如若设计师忽略此类人群的需求进行设计,那么,毫无疑问,他们将直接丢失掉全球15%的用户。

应用可访问性运行原理


应用程序的可访问性设计是在软件应用现有的状态下进行改进,使应用能够帮助那些患有残疾的用户发现,保存和理解网络信息,甚至为网络做出一定贡献。现今,许多应用程序为残疾用户提供了与应用互动或完成某些操作的交互设计。这些设计极大的便利了他们的网络生活。

设计师设计的应用系统,就技术上而言,可能堪称奇迹。然而,如若其可访问性设计不够友好,那么,它与毫无实际效用的砖块,又有何不同。

而且,世界上有许多类型的身体残疾。而所有这些类型都可以总结为以下几种:

app应用可访问性运行原理

色彩识别障碍(色盲):它并非完全失明,而仅仅只是视力残疾的一种。拥有色彩识别障碍的人群仅仅只是不能像常人一般自如地分辨色彩。据相关研究人员透露,全世界有超过4.5%的人群患有此种视力残疾。

app界面要考虑色彩识别障碍


低视力:一般而言,患有低视力残疾的人们在使用电子产品时,常常困难重重。而且全球有将近1.35亿人口患有此类残疾。他们有些可能只是看不清事物,但有些则存在视力非常差的情况。

失明:完全无法看到这个世界的人,被称为盲人。由于他们无法通过视觉接收到外部信息,大部分情况下,他们都通过触觉,嗅觉以及听觉了解这个世界,并与外界进行交流。

运动技能残疾:很多人在一生中都会或多或少的遇到无法移动身体某个部位或身体某个部位行动受到限制的情况。这种残疾障碍会极大的影响我们对软件应用的使用。

听力障碍(耳聋):在访问和使用软件应用的过程中,听力障碍是一种影响颇大的障碍。因为大多软件应用都通过语音解释和引导用户完成某些操作。而这对于听力障碍的用户而言,能发挥的作用是极其微小的。

认知缺损:这是设计师必须小心处理的敏感领域之一。因为受认知缺失障碍影响的用户常常无法处理复杂的软件应用并完成某些操作。而这类认知障碍是由诸如自闭症这样的疾病引起的。

如何提高软件应用的可访问性?


很多种方法都可以提高软件应用的可访问性。以下为大家罗列一些简单的设计技巧,以获得更高的应用可访问性:

1.色彩不是唯一的视觉表达方式

色彩不是app界面设计唯一的视觉表达方式

大多数情况下,设计师们并不希望添加“不必要”的元素来扰乱他们的设计。然而,作为设计师,仅仅使用色彩向用户传达相关应用信息是远远不够的。例如,假设当拥有色彩识别障碍的用户使用类似软件应用时,就无法通过文本外的红色边框,了解到设计师的设计意图。而解决此类情况的有效方案,就是不仅仅使用色彩作为唯一的视觉交流方式。而是通过更多元素告知用户,正在进什么交互,以及它会带来什么结果等更多相关信息。

2.拒绝“大写”标签

app界面设计拒绝“大写”标签

大多设计师在软件应用中惯常使用大写标签。但是,这对于一些拥有认知缺损和视力障碍的用户而言,阅读起来会非常困难。

3.利用元素与背景对比

app页面设计利用元素与背景对比

事实证明,设计师更愿意添加一些对比度较低的元素。然而,对用户而言,当元素之间对比度降低时,他们对于应用界面内容的阅读和理解将会更加困难。根据WCAG 2.0标准显示,当小号的文本元素与背景的对比为4:5:1. 而大号的文本元素对比则为3:1时, 更易于用户阅读和理解。

4.元素之前保留适当间距

app界面元素之前保留适当间距

元素之间的间距是设计软件应用的一个重要因素。元素之间保留适当的间距,能够有效的提高软件应用的可用性和可访问性。如若元素在设计时,就考虑进可访问性设计,元素之间的间距设计就有规可循。事实上,根据一些设计经验,当输入字段大小介于32 px之间,高度约为40px时,这样的设计规格更有易于提高应用的可访问性。

5.使用键盘快捷键简化用户操作


毫不夸张的说, 键盘快捷键的使用,在必要的时候是可以救命的,尤其是对于那些不能动手完成某些操作来帮助自己或他人的人群来说。如若,有那么一款拥有类似可访问性设计的应用软件来帮助他们,那么他们就能够更加有效的工作。所以,对于他们来说,让他们更多的使用键盘,可以让应用体验更加舒适高效。

结语

尽管,app可访问性设计非常困难,且有一定局限性。但这些困难和相关局限性都是可以通过设计师的创意和创新简单解决。所以,无论如何,应用设计中,要牢记可访问性设计。

作者:muditha batagoda

原文链接:https://uxplanet.org/making-your-applications-work-for-everyone-c02476df00ff


学习工具,但不受限于某种工具。Mockplus做原型,更快更简单,现在下载Mockplus,免费体验畅快的原型设计之旅。

上一篇
【配色指南】UI设计中使用明亮色彩的利与弊,你知多少?

Cherry   05/09

『多级目录结构』在移动端的交互设计

HoZiN   05/07

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com