包容性设计是一种考虑技能、背景、文化和限制的多样性，创造出适合尽可能多的人的产品的实践。不仅仅是[技术]可访问性；以及消除障碍并创造尊重不同用户现实的体验的能力。在数字产品中，这意味着要考虑语言、对比度、导航、流程、认知负荷和使用环境。
本指南展示了如何实际应用包容性设计，尤其是在需要扩展的团队中。您将了解基本步骤、如何确定优先级、如何将包容性转变为流程，以及如何防止主题成为清单项。目标是提供更好的体验、减少摩擦并扩大产品的覆盖范围。
实践中什么是包容性设计
包容性设计意味着在设计时要意识到人类差异。并非所有用户都视力良好、阅读速度快、双手使用手机或拥有稳定的连接。有些用户疲倦、压力大、焦虑、年老、环境嘈杂或光线昏暗。当产品考虑到这些变化时，每个人都会变得更容易。
简单的例子：带有清晰文本和适当尺寸的按钮可以帮助视力不佳的人，但它也可以帮助任何在交通中用一只手使用手机的人。包容性也不例外；它改善了整体体验。
包容性设计 x 无障碍
无障碍是包容性设计的一部分，但它并不是一切。辅助功能涉及对比度、键盘导航和屏幕阅读器兼容性等技术要求。包容性设计更进一步，考虑了语言、背景、文化和体验的多样性。
换句话说：
- 辅助功能确保残疾人可以使用它。
- 包容性确保不同的人能够理解、感受并轻松完成任务。
要扩展产品，两者都需要。没有包容性的可访问性成为一个正确但冰冷的应用程序。没有[可访问性1]的包容性就会成为一个富有同情心但有限的应用程序。
为什么包容性设计对数字产品很重要
影响不仅仅是社会性的。有直接的好处：
- 更多用户可以完成任务。
- 更少的支持和更少的抱怨。
- 关键流程的更大转化。
- 更好的品牌声誉和信任。
- 遵守标准和法规。
在竞争激烈的市场中，经验很重要。包容性的应用程序可以减少放弃并提高忠诚度。这成为一个真正的优势。
步骤 1：映射用户多样性
第一步是认识到您的用户并不完全相同。要绘制多样性图，您可以使用：
- 对不同背景的用户进行采访。
- 数据分析以了解细分市场。
- 观察真实环境中的使用情况。
- 支持反馈和评论。
目标是识别相关差异：年龄、识字水平、视觉能力、语言、技术获取和文化背景。这张地图指导设计决策。
第 2 步：确定最常见的障碍
绘制用户图后，确定常见障碍。一些典型的障碍：
- 小且低对比度的文本。
- 技术语言或行话。
- 漫长而混乱的溪流。
- 需要大量打字的表格。
- 缺乏对错误的明确反馈。
- 快速连接依赖性。
这些障碍以不同的方式影响不同的用户。通过消除障碍，您可以改善每个人的体验。
步骤 3：定义包容性优先事项
并不总是能够解决所有问题。因此，根据影响设定优先级。一个简单的模型：
- 高冲击力和高频率：首先纠正。
- 高影响力和低频率：计划修正。
- 低冲击和高频率：尽可能进行调整。
- 低影响和低频率：未来积压。
该模型可帮助您在不失去焦点的情况下分配资源。
步骤 4：调整语言和缩微文案
语言是最大的无形障碍之一。复杂的文本会疏远识字率较低或有压力的用户。对于包容性设计：
- 使用简短而客观的句子。
- 避免使用行话和内部术语。
- 在提出要求之前解释一下会发生什么。
- 必要时使用示例。
- 避免诸如“错误”之类的通用消息。
清晰的语言可以增加信任并减少放弃。这对于包容性至关重要。
步骤 5：确保视觉清晰度
视觉清晰度意味着简单的层次结构和足够的对比度。这包括：
- 引导用户的标题。
- 足够大小的按钮。
- 避免错误点击的间距。
- 推荐的最低对比度。
- 颜色的一致使用。
如果用户需要“寻找”按钮，那么设计就失败了。清晰的布局可减少认知负荷并增加包容性。
##第六步：让交互更加灵活
用户有不同的偏好和限制。包容性设计提供了不止一种完成任务的途径。示例：
- 允许使用电子邮件或电话登录。
- 提供生物识别信息和密码。
- 允许保存进度并稍后继续。
- 使用列表选择和搜索。
灵活性并不意味着复杂性。这意味着让每个用户选择最方便的路径。
步骤 7：包括技术可访问性
技术可访问性不能是可选的。需要将其纳入流程中。基本项目：
- 文本的最小对比度。
- 字段和按钮中的标签。
- 支持屏幕阅读器。
- 通过键盘或手势导航。
- 视觉焦点指示器。
如果没有这个，一些用户根本无法使用该产品。合规风险也会增加。
步骤8：用不同的用户进行测试
包容性设计需要现实世界的测试。仅与内部公众进行测试是行不通的。寻找个人资料的多样性：
- 弱视用户。
- 老年人。
- 缺乏数字化经验的人。
- 连接速度慢的用户。
- 来自不同文化的用户。
不需要每次都和几十个人一起测试。小而频繁的测试会产生持续学习。
障碍和解决方案表
| 共同的障碍 | 影响 | 包容性解决方案 |
|---|---|---|
| 小文字 | 高 | 最小尺寸和字体调整 |
| 低对比度 | 高 | 调整颜色和主题 |
| 技术术语 | 中等 | 简单的语言 |
| 长流 | 高 | 减少步骤 |
| 缺乏反馈 | 高 | 清除消息 |
| 连接速度慢 | 中等 | 离线模式和缓存 |
该表可帮助您确定优先顺序。一般来说，文本、对比度和流程是最紧迫的修复。
融入不同的文化背景
如果产品服务于多个国家或地区，包容性还涉及文化。这包括语言、参考文献和格式。例如：
- 日期和时间因地点而异。
- 语言有正式程度。
- 颜色可以有不同的含义。
- 有些术语在一个国家/地区很常见，而在另一个国家/地区则很奇怪。
本地化不仅仅是翻译，更是翻译。和文化适应。忽视这一点会降低包容性。
移动端包容性设计
在移动领域，包容性面临着特定的挑战：
- 用一只手使用。
- 可变照明。
- 小屏幕。
- 移动互动。
为了解决这些问题，请简化流程、使用大按钮并避免依赖复杂的手势。目的是减少工作量。
包容性和绩效
绩效和包容性。缓慢的应用程序会排除使用旧设备和连接较弱的用户。因此，优化性能是包容性设计的一部分。一些做法：
- 减少图像权重。
- 避免沉重的动画。
- 按需上传内容。
- 尽可能提供离线模式。
应用程序越轻，包容性就越大。
包容性设计和细分
一个常见的危险是分割太多而失去简单性。包容并不意味着创建数十个版本。这意味着创建强大的基础体验，然后允许进行调整。最好的办法是：
- 创建一个简单的主流程。
- 提供细节定制。
- 使用[辅助功能2]的设置。
这既保持了产品的一致性，又满足了不同的需求。
包容性设计清单
在发布新屏幕之前请使用此清单：
- 文字是否清晰且没有行话？
- 按钮是否大且可见？
- 对比度是否足够？
- 对于错误是否有明确的反馈？
- 主线是否短？
- 该应用程序可以与屏幕阅读器配合使用吗？
- 对于连接速度较低的用户，是否有其他选择？
- 语言是否适合受众？
如果您对几项回答“否”，则设计需要调整。
包容性收益的真实案例
案例 1：交通应用
通过增加按钮的大小并简化运行流程，该应用程序减少了老年用户的取消操作。纳入对收入产生了直接影响。
案例2：健康应用
一款健康应用程序注意到许多用户放弃了注册。解决方案是减少字段数量并解释为什么每条信息都是必要的。完成率上升了。
案例 3：教育应用
通过添加离线支持，该应用程序现在可以为连接不稳定地区的用户提供服务。这扩大了影响范围并提高了声誉。
这些案例表明，包容是战略，而不仅仅是社会责任。
如何在团队中创建包容文化
包容性设计不能仅依赖于一位设计师。它需要文化。一些做法：
- 对团队进行[无障碍3原则]方面的培训。
- 创建审查清单。
- 在测试中包含不同的用户。
- 用指标衡量包容性的影响。
当团队理解其价值时，包容性设计就成为流程的一部分。
指导决策的问题
- 此流程适用于弱视用户吗？
- 这篇文章对于非专家来说有意义吗？
- 这个应用程序在旧设备上运行良好吗？
- 这个任务可以用一只手完成吗？
- 此流程是否尊重不同的文化背景？
这些问题可以帮助您保持专注。
结论
包容性设计是扩展数字产品的强大策略。它改善了每个人的体验，减少了障碍并扩大了覆盖范围。要进行应用，您需要绘制多样性图、消除障碍、确定影响的优先顺序、调整语言、确保可访问性4并与真实用户进行测试。
如果您始终如一地执行这些步骤，您的产品就会增长而不会被删除。这不仅仅是一个道德问题；和真正的竞争优势。
另请阅读
- 【以用户为中心的设计：日常生活中如何选择5
- 【以用户为中心的设计：如何选择规模6
- 【交互设计：如何用清单进行选择7
- [数字无障碍用户体验8
- [应用原型设计：实例优化9
- 【高保真原型：结合实际案例优化10