【UIPark编译】如何为视障人士设计移动应用程序的经验

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

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

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

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

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

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

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

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

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

  低视力

  一

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

  动态类型

  一

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

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

  对比

  一

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

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

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

  色彩的运用

  一

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

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

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

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

  黑暗模式

  一

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,874评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,102评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,676评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,911评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,937评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,935评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,860评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,660评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,113评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,363评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,506评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,238评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,861评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,486评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,674评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,513评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,426评论 2 352

推荐阅读更多精彩内容

  • 据估计全世界有2.85亿人视力受损,其中3900万人失明,2.46亿人视力低下。如果您是一个数字产品团队的成员,希...
    TaaCoo糖炒阅读 1,220评论 0 5
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,649评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,048评论 25 707
  • 为了一个眼神,我的足迹踏遍整个世界
    如风如画如未来阅读 160评论 0 1
  • 例1.在防冶癌症方在,橙汁有多种潜在的积极作用,尤其由于它富含橙皮素和柚苷素等类黄酮抗氧化剂。研究证据表明,橙汁可...
    c与php阅读 426评论 0 1