UX(UE)互联网产品思考@IT·互联网

如何为视障人士设计移动应用

2018-01-10  本文已影响24人  TaaCoo糖炒

据估计全世界有2.85亿人视力受损,其中3900万人失明,2.46亿人视力低下。如果您是一个数字产品团队的成员,希望建立一个能力最全面的团队,你的团队必须确保视障用户能够成功地使用您的产品。

考虑对视障人士的设计似乎是一项艰巨的任务,但通过遵循可行性原则,您可以在设计可访问的移动应用体验方面争取重大进展。确保网站可访问性很重要,从WCAG指南开始,您可以多阅读关于网页可访问性的内容。

“全世界有2.85亿人视力受损。我们需要确保我们正在为他们设计。”

在这篇文章中,我们将重点介绍移动应用的可访问性的最佳实践,因为虽然我们有多年的文档和许多无障碍网站相关法律,但移动应用还相对较新,而“移动”的完整含义不仅仅是WCAG指南。出于这个原因,尽管智能手机平台提供了帮助建立可访问体验的工具,但是许多开发人员和设计师仍然不知道如何让应用程序可访问。

你可能会想:“视障用户使用我的应用程序吗?值得花时间让我的应用程序可访问吗?”通过让视觉受损的用户可以访问您的应用程序,您不仅可以使视障人士受益,还可以让所有用户受益。

我们经常使用到那些为残疾人士而设的,现在却被所有人所享用的发明和空间。一个很常见的例子就是残疾人坡道,最初是为了让轮椅使用者能够进出人行道。然而,今天这些坡道不仅被轮椅使用者所使用,而且还被婴儿车的父母们、推着沉重手推车的购物者们,或者在机场拖着行李旅行者们使用。同理,让您的应用程序可以让所有用户受益,而不仅仅是那些残疾人。

当谈到视觉障碍时,可以考虑两种不同类型的用户:低视力用户无视力用户。虽然这两个用户都属于“视障者”,但他们的需求却大不相同。

在这篇文章中,我将讨论低视力用户的需求。然后,您可以在WillowTree博客上阅读为盲人用户设计移动应用程序体验时的最佳做法。

“让视觉受损的用户可以访问您的应用,让所有用户受益。”

低视力

视力低下的原因很多,从远视,白内障到退行性眼病,因年老失去视力。尽管有各种各样的低视力问题,但我们可以设计一些简单的方法来满足这些用户的需求,无论能力如何,都将使所有用户受益。

动态类型

确保您的设计支持动态类型。对于低视力用户来说,这是最简单也可以说是最常见的让你的应用程序可以访问的方法。在几乎所有设备的操作系统中,用户可以将文本大小更改为更大。对于改变操作系统字体的用户来说,下载不支持动态类型的应用程序可能会令人沮丧,并可能导致用户无法使用您的应用程序。

iOS(左)和Android(右)都允许用户通过操作系统设置调整字体大小。此功能被称为动态类型。

对比

确保适当的对比。很多人容易习惯性假设每个使用你的应用程序的人都是一个拥有20/20视力(参考下方视力表)的千禧年人(1980到2000年的一代年轻人),但是事实远非如此。那样很容易设计一些好看的但是不可访问和不可读的东西。

添加一点额外的工作,以确保所有用户的颜色、排版和视觉效果清晰易读。通过去Materio.io/color并点击辅助功能选项卡来快速检查是一个很好的方法。它会让你知道在你真正开始设计之前,你的颜色、字体大小和不透明度是否清晰易读。如果你使用Sketch,那么你也应该下载Stark,一个允许你直接从Sketch检查设计的可访问性的插件。

视力表

“确保所有用户的颜色,排版和视觉效果清晰易读”

色彩的运用

不要仅仅依靠颜色来传达消息。红色是坏的,绿色是好的 —— 我们认为这是一个普遍的道理。但对于视觉受损或色盲的用户来说,可能很难在屏幕上检测到颜色变化。为了防止这种情况发生,请确保通过使用多于颜色的方式来传递消息。当您的应用程序在其他国家使用时也是要考虑的,这一点很重要,因为不同的文化对颜色的理解是不同的。

此外,如果你正在设计一个应用程序,用于跨多个国家或地区,请将这些区域的标签和内容进行本地化。例如,在美国,“Got It”是按钮的常用标签,但在世界的不同地方可能没有意义。

下面的例子展示了Google的密码错误的错误状态。该行变为红色,同时也会弹出错误提示消息。这个信息可以被色盲人士看到,也可以被视障人士注意到。

此Google错误状态同时使用颜色和文字来提醒用户出现问题                                           

黑暗模式

在您的应用程序中实施夜间或黑暗模式。如果您有一个包含大量文本内容的应用,这一点尤其重要。对于低视力的用户来说,阅读深色背景下的浅色文本要比在浅色背景下使用深色文本要容易得多。最近,苹果发布了具有“反转颜色”功能的iOS 11。此功能只反转用户界面,图像和应用程序图标保持原来的颜色。

如果你正在设计Android的应用程序,你仍然需要实现一个黑暗模式; 如果您正在设计iOS设备的应用程序,那么请确保您的开发人员正在考虑与“反转颜色”功能的兼容性,并且考虑您的图标和其他图像在“反转颜色”模式下的呈现。

Apple Music应用的默认状态(左)和苹果“反转颜色”模式(中),与旧的颜色反转方法(右)相比。

这些有利于低视力用户的基本策略不仅有助于他们,还有助于您的所有用户。所有这些功能 - 动态类型、对比度、颜色使用和黑暗模式 不仅可以帮助视力受损的用户,而且还可以帮助那些可能夜间在手机上阅读或看小文本时需要眯起眼睛的“典型”用户。

原文作者:Ayesha Zafar   翻译:TaaCoo糖炒

原文链接

上一篇下一篇

猜你喜欢

热点阅读