查看原文
其他

帮您系统地认识全球化设计 (下篇) | 包容性

Google Play 谷歌开发者 2019-02-15

我们本次的连载迎来了最终的一篇,在这次连载中我们的用户体验研究员 Astrid Weber 和 Nithya Sambasivan 讨论了全球可访问产品构建过程背后的原则,并为设计和开发社区提供了实用的资源。在上篇文章中,我们强调了设计师和开发者可以如何强化对可访问性问题的感知能力。今天,我们会讨论设计师和开发者应该如何做出 UX 战术层面的决断,从而创建出拥有普遍包容性的应用。



快速复习: 什么是全球可访问性?


没有两个用户是完全相同的。身体和认知障碍以及环境因素都可能会阻碍人们充分与技术产品互动:包括硬件、软件等。


作为 UX 研究人员,我们经常发现,虽然用户和用例的限制各不相同,但不同的前置条件在设计方面的含义却可能是相似的。例如,明亮的阳光、低能见度或破裂的手机屏幕,这些都可能导致用户对对比度提出更高的需求。


据估计,80% 的残障人士生活在东南亚、非洲撒哈拉以南和中美洲等新兴市场。其中许多人都是新的互联网用户。生活在一个日益全球化的世界意味着我们有机会积极构建符合全球不同社会和文化要求的有道德、有意义的产品。让我们通过学习更多关于全球可访问性设计的知识来继续这一旅程。



考虑阳光和阴影等使用环境


世界各地的人们都会在阳光直射下使用他们的设备,但在地球南部尤其如此,他们每天的大部分时间都经常在户外度过。在这些环境中,低对比度屏幕设计对于视力不足的人们来说通常特别不友好。如果设计中的内容与背景之间的对比度不够高,那么重要的信息就可能会丢失或被忽视。 


怎么做:

  • 在默认情况下,让您的应用拥有高对比度 - 包括所有文本和可交互设计元素。

  • 足够的对比度的定义是:普通文本的对比度为 4.5 : 1 或更高,而大于 18p 的大文本的对比度为 3 : 1。

  • 在明亮的阳光下,通过低视力人士的视角 (使用视觉模拟工具) 测试您的应用。


推荐扩展阅读:

>> WebAIM 对比度检查器,只需输入前景和背景色即可计算对比度

https://webaim.org/resources/contrastchecker/

>> 可访问性扫描仪。我们上篇介绍过的,一键扫描可访问性并给出建议的小工具

https://play.google.com/store/apps/details?id=com.google.android.apps.accessibility.auditor&hl=en

>> No Coffee 视觉模拟器,一款 Chrome 插件,可以模拟不同屈光度、色盲等用户所看到的页面内容

https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl?hl=en-US



活用颜色蕴含的意义


颜色在不同的文化背景下具有许多不同的含义。例如,您不能假设红色在世界各地都像在美国那样表示警报的含义。此外,超过 5% 的男性人群患有某种形式的色盲 —— 通常未被诊断出来,并且可能看不到红色。最佳做法是避免仅依靠颜色与用户进行沟通,而是将颜色与其他视觉提示方式 (如粗体提示、笔划或图案) 相结合。


怎么做:

  • 使用设计来确保使用您的应用的每个人都能获得相同数量的信息,无论他们是否能够分辨颜色。

  • 使用多种视觉提示来传达应用的重要状态。  

  • 利用笔画、指示符、图案、纹理或触觉反馈来描述动作和内容。

  • 始终将视觉效果和图标与文本配对,尤其是在导航和点击按钮的文案设计上,以确保用户能够自如地使用。


推荐扩展阅读:

>> 色盲模拟器

http://www.color-blindness.com/coblis-color-blindness-simulator/

>> Material Design 中颜色和对比度的设计指南

https://material.io/design/usability/accessibility.html#color-contrast




针对各种屏幕条件和输入能力进行设计


新兴市场中很多用户会使用屏幕破裂的手机,我们的调研中有大约四分之一的用户表示,就算破碎的屏幕可能会划伤他们的手,他们也会继续使用他们的手机。屏幕破碎会使某些触控目标难以激活或完全无法操作。此外,手部灵巧程度不足或患有震颤症状的用户可能很难访问那些体积过小的 UI 元素。


怎么做:

  • 始终确保您的设计在纵向和横向模式下均可使用。这确保了需要将设备进行水平安装 (例如安装在轮椅前面) 的人以及屏幕有坏点的人都能用到全部的功能。  

  • 您的应用应以本地格式呈现文本、日期、时间、地址和电话号码,而不会删除或重叠文本。

  • 使用放大镜功能反复检查您的设计 —— 在放大到 200% 时,设计图案经常会出现断裂。


推荐扩展阅读:

>> Material Design 设计的关键指标

https://material.io/guidelines/layout/metrics-keylines.html

>> 一份关于碎屏智能手机的数据报告

https://www.digitaltrends.com/mobile/motorola-shattershield-cracked-smartphone-screen-survey/#/2



目标要远大


小屏幕设备通常价格更加低廉,它们便宜的价格使它们广受欢迎并被人们大量使用,特别在全球的各个南部地区。然而,各设备的像素质量差异很大。触摸屏质量较低,同时触摸目标不够大的小型手机可能会为所有用户带来可访问性问题。较大的点击目标同样能够适应那些手颤、手部灵活性有限或视力不佳的人。


怎么做:

  • 记住触摸目标的最小尺寸标准。48x48 px (或 Android 上的 48x48 dp) 是我们建议采用的最小触摸目标尺寸,这样就可以帮助那些灵活性或视力有限的人以及手机屏幕损坏的人。

  • 确保您的界面可以缩小到适应 4 英寸屏幕,并可以放大到适应 7 英寸屏幕。

  • 默认情况下,将文本和排版元素设置为大。


推荐扩展阅读:

>> Android 辅助功能指南

https://support.google.com/accessibility/android/answer/7101858?hl=en

>> 可访问性扫描仪,一键扫描可访问性并给出建议的小工具

https://play.google.com/store/apps/details?id=com.google.android.apps.accessibility.auditor&hl=en


包容性设计和易于使用的应用为全球用户打开了大门。设计周到的应用无疑会有助于他们拥抱更为独立的生活。作为用户体验设计师和开发者,我们有责任主动做出相应的设计决策,为所有国家和地区的新兴互联网用户提供服务。技术产品的可用性应该成为全球关注的问题,并通过设计和开发,让所有人,每一个人,都能畅享最新的技术成果。


了解 “Android Go 版本” 及如何为入门级设备和新兴市场的用户提供良好的服务和体验,请查阅 >> https://developer.android.google.cn/google-play/guides/android-go-edition/



 点击屏末 |  | "我们愿意更好地倾听您的声音 "




推荐阅读:

· 帮您系统地认识全球化设计 (上篇) | 认知度

· 针对现代 Android 更新游戏 API 等级

· Google Maps 如何本地化 “两轮车模式” ?

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存