易用性设计:如何让你的应用程序适用于所有人

在多年的应用程序设计中,设计师之间进行了多次的探讨,一直在为提高产品设计的质量以及可用性而进行设计。可用性这个词本身就给设计师带来了一种轻微的不满意感。你可能会问为什么,设计师讨厌用“不必要”的功能来混淆他们的设计,这可能会损害设计的“美感”。一些设计师一直在思考为什么他们应该设计额外的功能来填补应用程序的功能。设计师不了解的是我们都面临着临时性的问题。

我所说的所谓临时性的问题是指我们生活中的每一个人都会遇到阻碍,它可能会影响我们生活中最好的事情。这些情况大多是暂时的,有些可能是永久性的,并且会一直陪伴在你身边。如果我们忽略了你并设计了你无法访问的应用程序,那可能会影响你的整个体验。根据世界卫生组织的报告,全球超过15%的人正在遭受某种障碍。如果我们在设计应用程序过程中,忽略了这一群人的体验,那么我们将丢下这全球15%的用户。

了解可用性

应用程序设计的可用性将从自身的定位得到改善,并能使残障人士能够发现,保留,熟知网站,并为网站做出贡献。许多应用程序为残障人士提供了交互和完成任务的功能。它将极大的帮助那些无法访问互联网的用户。

一个系统可能是一个技术奇迹,但是如果它不友好,那么它跟一块没有任何用途的砖没什么区别。

世界上有许多种残疾类型。所有这些都属于以下类别。

色盲:这不是一种失明形式,而是一种残疾形式,这类人群无法像正常人一样自然地看到色彩。据研究人员称,超过4.5%的人口患有这个问题。

视力低下:视力低下的人在运用电子设备时会遇到很多问题。全世界有近1.35亿人有低视力。视力低下可能是由于看不清物体而导致可怕的视力。

失明:根本没有能力看到世界的人被视为失明。盲人无法铺捉到关于世界的任何信息。大多数时候,他们通过触摸,嗅觉和听力来传递信息。

运动技能障碍:许多人在他们的一生中面临着某种限制你移动某个身体部位的能力。这种残疾限制了我们有效使用应用程序的能力。

耳聋:使用应用程序时,耳聋可能是一个非常大的障碍。大多数时候都需要有语音命令来解释并且引导来完成任务。否则,他们将无法完成任务。

认知障碍:这是设计师必须非常小心对待的敏感领域之一。受认知障碍影响的人无法使用复杂的应用程序并完成任务。认知障碍是由于自闭症等疾病而发生的。

如何提高应用程序的可访问性

有很多方法可以做到这一点。我们先来看看一些简单的点,我们可以通过可访问性设计在应用程序设计中脱颖而出。

2.1. 不使用色彩作为唯一的视觉传达方法


大多数时候作为设计师,我们不希望用“不必要”的元素来混淆我们的设计。作为设计师,我们犯了一个错误,那就是使用唯一颜色来向用户传达信息。设想这样的场景: 一个色盲人使用该应用程序时,将无法看到文本框周围的红色边框。对于这些类型场景的解决方案,我们不应该使用颜色作为唯一的视觉传达方法,而是通过元素来告知与你进行交互的元素之间会发生什么事情,这将为用户提供更多的信息。

2.2. 用“CAPS”全部标注“No”


大多数设计人员使用这种在其应用程序中把Caps作为标签的做法。但是有认知障碍和能见度低的人在阅读文本时可能会遇到问题。

2.3. 元素和背景的对比


设计师更多地喜欢创造出一些对比度较低的元素。当元素的对比度较低时,真的很难阅读和理解它是什么。根据WCAG 2.0标准,小文本元素与其背景的对比度应为4:5:1。大的文本元素与其背景对比度应该为3:1。

2.4. 保持元素之间的适当间距


元素间距是设计元素时的一个重要因素。通过使元素具有适当的间距来提高可用性和可访问性。如果元素是以可访问性来创建的,那么元素应该有法则。根据法则,元素应该在输入字段的大小介于32 px之间呈现元素,并且使得字段高度为40px可以很好地访问用户。

2.5. 使用键盘快捷键让用户轻松完成工作

键盘快捷键可以挽救某人的生命。举个例子,一个无法移动手,但试图完成重要任务来帮助他或她自己生活的人。如果我们能提供辅助功能以支持这些有需求的人,他们可能会更有效的工作。通过键盘进行操作,他们在使用应用程序时会更加的方便和快捷。

结论

可访问性设计可能会很有难度。而你所看到的的设计局限往往可以通过创新和头脑风暴的方法而得到突破。

uxplanet

译文地址:Mockplus

作者:muditha batagoda

译者:jongde

(0)

相关推荐

  • 网易设计师复盘小程序轻设计

    年初小程序即将发布时,几乎所有的互联网从业人员都会讨论甚至希望在第一波浪潮里能有所为,打开一个新的局面.2017年已过大半,小程序只悄声作为一些产品的附加入口.然而作为第一批试水的设计师,我或许可以分 ...

  • U享会|小程序专场(下)-产品案例分析及设计需注意的“坑”

    上一篇<小程序专场(上)>,通过对小程序业态分析及结合相关案例分享,详细介绍了小程序裂变的相关内容.而本篇文章,主要介绍的是:告诉大家如何搭建一个完整且优秀的小程序产品,以及你在开发小程序 ...

  • 现代404页面设计趋势分析与案例

    每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了.一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏览,安抚情绪,找到他们真正想要 ...

  • Mac OS X系统中应用程序如何安装与卸载(多种方法)

    MAC OS X系统发布后,许多MAC用户纷纷升级更新了自己的系统。不过更新了新系统之后,有一个比较麻烦的就是要将自己电脑上的应用程序重新安装,并把不需要的应用程序卸载掉。那么,MAC OS X系统该 ...

  • PPT文字的创新设计

    文字是PPT页面的重要组成部分。无论在何种视觉媒体中,文字和图片都是PPT两大构成要素。PPT里文字排列组合的好坏,直接影响着PPT页面的视觉表达效果。因此,PPT的文字设计是增强视觉传达效果,提高P ...

  • VS2013中程序怎么做代码分析?

    编写过程序的朋友都知道,写完代码只是走完万里长征的第一步.接下来的步骤,比如说调试.优化等,才是最令人头疼的.要想写出来的程序占用资源少,速度飞快,尽早找出性能瓶颈和资源占用“冤大头”无疑是最重要的. ...

  • 2018年12条移动端用户体验设计趋势

    在移动应用领域,事物正飞速发展.要想在用户体验设计领域获得成功,设计师必须有远见,并为即将到来的新挑战做好准备. 为了简化这个任务,我列出了2018年最重要.最有影响力的趋势,而且很有可能远不止如此. ...

  • 在Affinity Designer设计UI界面

    Affinity Designer操作使用容易上手,比起功能强大的AI和PS来讲很适合初学者,本篇文章通过设计UI界面来带大家熟悉Affinity Designer常用的工具使用,其中我们重点设计图形 ...

  • UI布局欣赏:文章列表与内容详情页设计

    小编:今天带大家一起来欣赏一些文章列表与内容详情页的设计作品,这些界面的排版都是比较新颖时尚的,希望可以给你带来一些新的感觉和灵感.当然我们在做设计的时候也要考虑到程序员是否可以实现,不能只顾着把页面 ...