包容性网页设计快速指南

关键要点：

创新互联是工信部颁发资质IDC服务器商，为用户提供优质的四川主机托管服务

包容性设计旨在设计数字产品时考虑不同用户群体的观点。

它考虑了可能影响用户对产品体验的临时和情境因素。

设计师在创建包容性体验时可以使用 8 条包容性网页设计原则。

设计包容性网络产品的练习之一是微软的包容性设计思维。

一个常见的误解是包容性网页设计是无障碍设计的可互换术语。虽然有一个链接，但重要的是要认识到可访问性是包容性设计的一个组成部分，我们从多个人口统计的角度看待一个功能或产品。

不幸的是，包容性这个词是高度政治化的，让设计师对如何应用包容性中间件感到困惑。本文着眼于包容性网页设计，它是什么，不是什么，以及设计团队如何构建更具包容性的用户体验。

什么是包容性设计？

包容性设计是一种 UX 方法，设计师考虑不同用户群体和人口统计的环境和情况，以确保每个人而不是少数用户都可以访问产品。

遵循包容性设计流程会鼓励用户体验设计师考虑永久、临时和情境因素，这些因素会阻止人们按预期使用数字产品。

在考虑性别、年龄、种族和其他广义人口统计数据等包容性设计时，设计师必须避免偏见或假设。将如此广泛的人口统计数据视为限制是有偏见的（并且可能是令人反感的），并且可能弊大于利。

包容性设计与无障碍设计

将包容性设计视为封装可访问性的总称。在可访问性专门针对残疾用户的情况下，包容性延伸到用户可能感到被排斥的其他因素，例如语言障碍、身体限制、技术限制，甚至互联网连接。

可访问性解决了永久性限制或残疾，而包容性设计方法着眼于临时和情境因素。

包容性设计的永久、临时、情境考虑

用户体验设计师在考虑包容性网页设计时会使用三类：

永恒的

暂时的

情境

在这些类别中的每一个中都有一些残疾、限制或约束：

视觉的

灵巧

听力

认知的

演讲

设计团队在设计无障碍/包容性时经常犯的错误是只考虑永久性残疾，比如永久性听力障碍的人。

但是那些有暂时性或情境性听力障碍的人呢？

永久的：永久失聪或听力受损的人。

临时的：因受伤而暂时丧失听力的人。

环境：由于环境而无法听到声音的人，例如没有耳机的繁忙通勤列车上。

通常，当您为永久性残疾进行设计时，临时和情境用户也会受益。但设计师必须独立看待每一种情况，以确保体验是完全包容的。

在这个听力障碍示例中，视频字幕将使所有三个类别受益。尽管如此，设计师可能会考虑将视频静音，这样繁忙的通勤火车用户（情境）就不会打扰他们周围的人。

包容性网页设计的重要性

从社会角度来看，包容性网页设计不仅是一个好主意；它对商业价值也很重要。排除某些人的产品为公司创造了错失的收入机会。

假设您正在为美国市场设计一个应用程序，并假设每个人都会说英语，而事实上，有4100 万母语为西班牙语的人生活在美国；它占人口的 10% 以上。

在另一个示例中，您假设只有身体残疾的人不能使用他们的手。但是手臂受伤的人呢？还是抱着孩子但只有一只手可用的父母？

当您推断残疾、限制和约束的可能性时，您会看到包容性设计方法的重要性以及它如何影响业务及其客户。

包容性设计原则

UX 设计师可以用来为用户创造包容性体验的七项原则。

1.提供可比较的体验

2.考虑情境挑战

3.让用户控制

4.提供选择

5.内容优先

6.增加价值

7.获得不同的观点

许多设计师可能已经将这些原则应用于设计，但了解它们如何增强包容性可能会鼓励您更深入地研究并找到更大的改进空间。

1) 提供可比较的经验

用户界面应该使所有用户能够以可比较的价值、质量和效率完成任务。一个很好的例子是我们如何为图标、图像和其他图形使用替代文本，以便视障用户可以消化视觉内容。

用户体验设计师还必须考虑技术如何排除用户。有人可以在台式机和移动设备上完成相同的任务吗？Android和iOS之间有什么区别吗？

2) 考虑环境挑战

某人的环境如何影响他们的用户体验？当设计人员同情用户并在各种条件下使用数字产品进行测试时，他们可以设计解决方案来应对情境挑战。

例如，设计一个火车票务应用程序，让只有一只手的用户可以买票，这也有助于忙碌的体格健壮的通勤者在步行赶火车时用一只空闲的手买票。

3）让用户控制

一个好的设计可以让人们控制他们的用户体验。您还希望避免覆盖浏览器和设备设置，例如方向、字体大小、缩放和对比度。

残障用户通常需要特定设置才能使用数字产品。覆盖这些将阻碍它们的使用并将它们排除在用户体验之外。

设计师还应该考虑他们如何应用 UX 模式和动画。对于只使用键盘或屏幕阅读器的用户来说，无限滚动是一个挑战。添加“加载更多”按钮可为用户提供控制，同时提供相同级别的便利。

4) 优惠选择

UX 设计师必须在便利性和选择之间取得平衡。例如，刷卡既快捷又方便，但并非所有人都可以。提供一个按钮或链接来完成相同的任务使所有用户都可以访问该功能。

5) 内容优先

确定内容和布局的优先级可以帮助用户轻松完成核心任务并查找信息。设计师还可以使用手风琴等 UI 组件来隐藏用户不需要的内容。

例如，在 FAQ 部分使用手风琴有助于屏幕阅读器快速找到他们需要的答案，而不是通过每一个问答。其他用户也可以从这种常见问题解答格式中受益，因为他们可以扫描每个问题以找到他们想要的问题。

6) 增值

UX 设计师必须利用设备功能为用户增加价值。设备的麦克风、摄像头、振动和地理定位是有益于广泛人群的有用工具。

例如，针对语音搜索和命令优化您的产品不仅有利于屏幕阅读器，还有益于使用 Alexa、Siri 或 Bixby 的用户。

在许多情况下，用户体验设计师可以利用设备的功能来改善数字产品的用户体验并为每个人创造更多价值。

7）获得不同的观点

用户体验设计师必须从利益相关者和可用性参与者那里寻求不同的观点。研究和测试必须包括可能超出您的用户角色的参与者。

也许有残障或有限制的人没有使用您的产品，因为它排除了他们。因此，如果您仅根据客户数据和分析进行测试，您可能会在不知不觉中排除人。

应用包容性设计思维

定位：首先让自己了解用户的障碍和限制，以及不同的人如何与技术互动。

框架：从人类局限的角度看待您的设计。

构思：确定您的设计之间的不匹配以及第二步的限制。认识到产品设计没有万能的。

迭代：使用原型构建和测试概念。

优化：看看包容性设计解决方案如何影响产品体验，是否可行，以及它将如何在实际使用中转化？