阅读障碍用户的 UI/UX 设计

目前，各种规模的企业都在努力提高包容性。 这一值得称道的举措使人们能够从商品和服务中受益，而不管他们的健康状况如何。

数字服务也在尝试拥抱包容性，网络和移动开发行业在这场竞赛中处于领先地位。 Instagram 最近推出了其应用程序的更新，其中包含两个辅助功能，即自动替代文本和自定义替代文本。

这些功能使视障用户能够从使用该应用程序中获得最佳体验。

目前，该行业仍在学习创建包容性的 UX/UI 设计，这些设计对于不同的人来说同样是用户友好的。 在本文中，您将找到有关阅读障碍用户的 UI/UX 设计的信息。

如果你想知道它为什么重要，这里有一个事实：根据其研究，耶鲁大学阅读障碍与创造力中心得出的结论是，世界上多达 20% 的人口可能在某种程度上患有阅读障碍。 也就是说，您的应用程序或网站的十分之二的用户在使用时可能无法获得良好的用户体验。

阅读障碍意识

阅读障碍是一种导致所有年龄组、种族、社会地位和智力水平的儿童和成人出现书写、拼写和阅读困难的疾病。 阅读障碍是一种常见的神经学习障碍，不能完全治愈。 它不会传染，也不会遗传。 这种情况与懒惰和不愿学习无关。 尽管这种基于语言的学习障碍无法治愈，但它不会自动阻止患有这种疾病的人在学业、专业和个人方面取得成功。 通过适当的干预和技术援助，阅读障碍者可以像其他人一样过上成功的生活。

一些著名的成功人士患有阅读障碍。 阿尔伯特·爱因斯坦、理查德·布兰森、汤姆·克鲁斯、金·凯瑞、沃尔特·迪斯尼和乌比·戈德堡被诊断出患有阅读障碍。 这种情况并没有阻止约翰·F·肯尼迪、乔治·华盛顿和乔治·W·布什成为美国总统。 如果没有得到诊断和充分解决，阅读障碍会导致学业成绩不佳、焦虑、沮丧和自卑。

让每个人都可以访问网络还有法律方面的问题。 您可以查看 WAI Web 无障碍政策资源，查看有关无障碍法律政策的文章。

为阅读障碍而设计

现代教育高度数字化。 很多时候，孩子们通过 iPad 学习阅读和写作的基础知识。 然而，他们并不是唯一需要可访问解决方案的群体。 世界各地不同的人都需要可访问的 Web 和移动工具，他们可以使用并从中受益，而不受限制。

一些非常成功的针对阅读障碍的数字教育解决方案已经存在。 其中包括 Leo、Teen and Adults Phonics Library、Knoword、Reading Machine 和 Draw Something 等应用程序。 在为您的产品设计适合阅读障碍的设计时，请查看它们以获取灵感。

为阅读障碍设计 UX 和 UI 可能比创建常规 Web 或移动应用程序更难。 在这种情况下，设计师需要做的不仅仅是遵循行业的最佳实践。 要设计一个对阅读障碍友好的 UX/UI，必须跟上该领域的最新发展，并遵循已经证明是成功的指导方针。 在使您的网站或应用程序易于阅读障碍者使用时，最好与具有相关成功经验并可以向您展示他们的作品集或案例研究的设计师合作。

当您让特定人群可以访问您的产品时，仅遵循针对该案例的最佳实践是不够的。 您应该始终让目标受众测试产品，以了解他们如何与之互动。 即使经过彻底的质量保证测试，也可能存在只有阅读障碍者才能注意到的问题。 无论您设计什么数字产品，您都需要时刻关注其用户。 对您来说似乎最好的解决方案可能会让实际使用它的人感到困惑和不利。

为阅读障碍者设计 UX/UI 的最佳实践

一个可访问的 UX/UI，对阅读障碍者来说是用户友好的，可以按如下方式开发：

• 高对比度和阅读障碍不匹配。 患有阅读障碍的人经常发现在高对比度的屏幕上阅读文本具有挑战性。 从他们的角度来看，字母、单词和线条看起来像是在“跳舞”，改变了它们的位置，给读者带来了困难。 为了让用户更轻松，请选择柔和的背景而不是高对比度的颜色。 使用白色背景时，请选择深灰色文本而不是黑色。 它不会影响普通用户的清晰度和可读性，但会显着改善阅读障碍。
• 小心字体。 适合阅读障碍的字体增加了行距和明显的印刷元素，这些元素通常会让他们感到困惑。 有为阅读障碍量身定做的字体，例如 Dyslexie 或 Open Dyslexic。 一种经常被嘲笑的 Comic Sans 字体也非常适合这些观众。 背后的原因很简单——这种字体中的字母之间有很大的间距，并且具有独特的排版元素，可以帮助用户更轻松地区分相似的字母。 如果您的字体选择仅限于常规选项，请选择 Arial、Century Gothic、Tahoma、Trebuchet 或 Verdana。
• 保持文字简短。 该建议特别涉及文本行和一般屏幕。 研究表明，为了更好地理解，屏幕上的一行不应超过 45 个字符。 此外，不建议选择小于 12 到 14 磅的字体。
• 不要超载文本样式。 虽然字母在阅读障碍者的眼中往往会跳舞，但用花哨的斜体和下划线修饰它们不会让事情变得更好。 为了让阅读障碍者清楚地了解文本的关键点，请使用粗体。 您也可以使用方框和较大的小写字母来强调重要的文本块。
• 结合可读性工具。 通过启用可读性工具，为您的用户提供更多方式来理解您产品中的文本。 阅读障碍者和视障用户将极大地受益于文本到音频的功能。 您可以通过以下两种方式之一实现此功能：使用第三方自动化工具或将某人阅读文本区域的音频剪辑包含到产品中。
• 拆分功能。 当一个屏幕中有太多功能时，请尝试减少功能数量或将屏幕一分为二。 最好有几个更清晰的应用程序屏幕，而不是几个过载的应用程序屏幕，这可能会导致用户难以适应它们。
• 优先考虑灵活性。 在为阅读障碍用户设计时，优先考虑创建灵活的产品。 为您的用户构建多条到达同一目的地的路径并没有什么坏处。 避免创建会使用户重复冗长复杂步骤并再次输入文本行的死角。 没有一个用户会乐意这样做。
• 允许定制。 设计师可以选择颜色、对比度、字体和样式的最佳组合。 但是，对于您的数字产品的一些用户来说，预定的选择可能仍然是不利的。 允许合理水平的设计定制是没有害处的。 让用户选择字体、文本放大倍数、文本和背景颜色。
• 用图形增强文本。 尽可能使用图标来支持文本，或使用它们代替文本以便更好地理解。 图像和视频应有助于文本，使设计更清晰，并提高其可访问性。 为视障用户提供带有字幕的视频。
• 使用自动填充、提醒和提示。 不要让您的应用用户记住他们曾经在您的应用中输入和搜索过的所有内容。 使用来自用户历史记录的建议启用类似 Google 的搜索字段将非常有帮助。 如果可能，请向您的用户提供提示。

• 加入自动更正。 当应用程序仅仅因为您拼错一个字母而无法理解您时，这很烦人。 像 Pinterest 这样的服务会猜测用户的意思，并为他们提供选择。 这样的功能对于阅读障碍用户来说可能很宝贵。 它对年轻观众和非母语人士也很有用。

  

  

• 越简单越好。 不要在设计中使用可能分散用户注意力和困惑的不必要元素。 阅读障碍的 UX/UI 设计应该减少用户的认知负担。 它应该尽可能清晰和无干扰。

阅读障碍设计的不良做法

有一些 UX/UI 实践对开发人员和普通用户来说似乎合乎逻辑且有用，但对阅读障碍者来说有些不利。 以下是您应该避免的不良做法的简要概述：

• 大块厚重的文字。 虽然它们似乎是将尽可能多的文本压缩到一个屏幕上的好选择，但就可读性和用户友好性而言，它们总是一个糟糕的选择。

• 铺天盖地的画面。 不要把所有东西都挤在一个屏幕上。 根据最近的移动和网络应用程序开发和设计趋势，极简主义是新的黑色。 看看 Instagram 个人资料页面。 您看不到它的所有应用程序功能。 没有干扰和视觉噪音。

  

• 句末双倍行距。 有些人可能认为句子末尾的双空格会使文本更清晰。 但是，对于有阅读障碍的用户来说，情况并非如此。 双倍行距使文本在阅读障碍者的眼中像河流一样模糊。
• 使用模糊的按钮。 当一个按钮说“点击这里”时，它的含义对于应用程序开发者和创建者来说是很清楚的，但对于有阅读障碍的用户来说可能并不那么明显。 使按钮上的命令尽可能简单和明确。
• 一页上的所有信息。 虽然将关于一件事的所有信息放在一个地方可能是合乎逻辑的，但对于阅读障碍用户来说这不是一个好主意。 让您的用户有机会使用几种不同的路径获取相同的数据。

最后的想法

互联网作为一种技术出现，每个人都可以使用。 开发人员和设计师应该保持数字技术对所有类型的用户一视同仁，无论它变得多么先进和复杂。

智能手机技术的发展使数百万人将移动设备作为在线交流、互动和娱乐的主要来源。 创建具有可访问性的 Web 和移动应用程序应该成为开发人员和设计师的第二天性。

阅读障碍的可访问性问题已经研究了一段时间，并且已经有一些好的实践可以用于您的项目。 让患有阅读障碍的用户可以访问您的数字产品设计并不复杂。 可访问性不会影响您产品的时尚和时尚。 作为奖励，它将使它更加强调和人性化。 毕竟，每个人都应该可以访问信息，因为它是我们生活中不可分割的一部分。

阅读障碍的资源：

您将在下面找到相关的最新资源列表，这些资源可以帮助您为有阅读障碍的用户创建更好的 UX/UI 设计：

1. 促进阅读障碍儿童学习的 20 种设计资源
2. 英国阅读障碍协会：阅读障碍风格指南
3. UX Planet：为阅读障碍而设计
4. Dyslexia International i（非营利信息资源）
5. Helen Arkell 阅读障碍中心（慈善和信息资源）
6. 国际阅读障碍协会
7. Usabilla：如何设计阅读障碍