让商业变得更智能

如何为视障人士设计APP应用程序的经验
APP设计开发

为视障人士进行设计,似乎是一项艰巨的任务,但却是最佳实践项目。在可访问的移动应用程序上,你可以获得巨大的设计经验。

重要的是要确保网站也可以访问,并且有很多地方可以阅读关于网页的可访问性,从WCAG指南开始。

“全世界有2亿8500万人有视力障碍。我们需要确保我们可以为他们进行设计。”

在这篇文章中,我们将重点讨论移动应用程序的可访问性。因为虽然我们有多年积累的文档和许多网站上的可访问性相关的法律,但移动应用程序仍然相对较新的,移动应用的全部含义与WCAG无关。

出于这个原因,许多开发人员和设计人员仍然不知道如何让应用程序更加容易接近——尽管智能手机平台提供了一些工具来帮助提升可访问的体验。

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

我们每天都在为残疾人使用“发明和空间”,但现在人人都喜欢。一个很受欢迎的例子就是削减开支,最初是为了让轮椅使用者能够在人行道上行走。然而,如今,这些限制措施不仅被坐在轮椅上的人使用,还包括那些有婴儿车的家长、购物车里的重型货物、或者在机场运送行李的旅客。同样地,让你的应用程序可以访问,不仅可以让残障人士受益,也包括其他所有用户。

视力障碍有两种不同类型的用户:低视力的和没有视力的,他们的需求非常不同。在这篇文章中,我将讨论需求低视力的用户。

让你的应用程序可以照顾到视力受损的用户利益,即你的所有用户。

低视力

低视力的原因有很多,从远视,到白内障,到退化的眼睛状况,仅仅是由于年老而失去视力。尽管有各种各样的低视力,我们仍然可以通过一些简单的方式来设计满足这些用户的需求,这将使所有的用户受益。

动态类型

确定您的设计帐户和支持动态类型。你可以让你的应用程序为低视力的用户访问。在几乎所有设备的操作系统中,用户可以将文本大小进行更改。对于那些改变操作系统字体更大的用户,下载不允许动态类型的应用程序可能会让用户感到沮丧,并可能阻止用户使用你的应用程序。

iOS(左)和安卓(右)都允许用户通过操作系统设置调整字体大小。这种能力被称为动态型。

对比

确保正确的对比。很容易假设每个使用你的应用程序的人都是2000年出生的千禧一代,但这并不是事实。设计漂亮的东西是很容易的,但是会变得难以接近和不可读。

多做一些额外的工作,以确保颜色、排版和视觉效果对所有用户来说都是清晰易读的。快速检查这个的一个很好的方法是去找材料。io/color并单击可访问选项卡。它会让你知道你的颜色、字体大小和不透明度在你真正开始设计之前是清晰易读的。如果你使用草图,那么你也应该下载Stark(一个插件),它允许你直接从草图检查你的设计的可访问性。

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

色彩的运用

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

另外,如果你正在设计一款应用程序,它可以在多个国家或地区使用,你可以将你的标签和内容本地化。例如,在美国,“Got It”是按钮的常见标签,但在世界的不同地方可能就没有这层意义。

下面的例子显示了一个输入错误的密码,谷歌呈现的提示错误状态。这条线变红了,但也会弹出一条错误消息。这种信息可以被色盲的人看到,也可以被视障人士放大。

谷歌错误状态用颜色和文字来提醒用户的问题。

黑暗模式

在你的应用程序中实现一个夜晚或黑暗模式。如果你有一个有很多文本内容的应用程序,这一点尤其重要。对于低视力的用户来说,在黑暗背景下阅读轻文本比在浅色背景上阅读传统的黑色文本要容易得多。最近,苹果发布了iOS 11,它有一个“智能反转颜色”功能。这个功能只会反转UI,这意味着图像和应用程序图标保持原来的颜色。

如果你正在为Android设计一个应用程序,你仍然需要实现一个黑暗模式,如果你正在为iOS设备设计,那么请确保你的开发人员正在考虑与新的智能反转颜色特性的兼容性,并且你正在考虑你的图标和其他图像将如何在反向模式下观察。

苹果音乐应用程序的默认状态(左),和苹果新的智能反转模式(中),相对于颜色反转的老方法(右)。

这些有利于低视力用户的基本设计策略不仅可以帮助他们,还可以帮助所有用户。所有这些特征——动态的类型,对比度,颜色的使用,黑色的模式——不仅帮助那些视力受损的用户,而且也帮助那些“典型”的用户,他们可能在晚上在手机上阅读,或者想让他们的眼睛眯着眼看短信。

来源:UI中国【UIPark编译】

APP设计开发