做所有人都能够访问的网站——论包容性设计与多元化人物样板

创建一个能够让任何人、所有人都能访问的 web 的重要性经常被万维网的发明者及其本身所强调：

“互联网的魅力来至于它的普适性。能被任何人所访问，即便是残障人士——这是一个关键要素” – Tim Berners Lee

本文由此将探讨为何在设计过程中使用“多元化人物样板”能让我们更好的理解可访问性及受众，帮助我们在越发广阔的市场中做出包容性更强的产品。我们将会看到可访问性为何会在生活中随时影响到任何人，且为何无行为能力实际上非常普遍。

举个例子，甚至是某些运动创伤如腕部骨折也可以归类为无行为能力，随之而来的便是可访问性困难，因为患者此时可能已无力使用电脑鼠标。

而因为可访问性经常与可用性相互混淆，所以首先让我们来看看两者之间的不同之处。

可访问性对比可用性

简单来讲，“可访问性”确保无行为能力者可以象其他人一样从某系统中获取相同的信息，且得到相同的益处。而 “可用性” 是一个质量属性 ，用来衡量用户界面（UI）的使用容易程度。

这个区别很重要，因为假如某个是站点不可访问的，那么用户体验便没有可能，甚至就不存在可用性一说。正如 DigitalGov 所说：

“可用性要依赖于可访问性 ” – DigitalGov

这由此凸显出：高度的可访问性是良好的可用性以及更好的大众化产品的坚强基石。W3C（万维网联盟）专为 web 而对可访问性给出了更加完整的定义：

“对于 web 来讲，可访问性意味着无行为能力者能够洞察、理解、导航以及与网站和工具交互，并且他们可以平等的没有障碍的贡献内容。” – The W3C

可访问性能影响到任何人

有一点需要重点强调：“无行为能力者”在上述W3C的定义中，并不仅仅局限于大家立马就会联想到的使用屏幕阅读器的盲人。实际上无行为能力者还囊括了广大的功能受损人士。

事实上 Adobe 公司宣称将近 20% 的美国民众身患某种残障，且几乎 75% 的八十岁以上老人也是如此。更广泛概念上的残障分类意味着可访问性几乎会影响到所有人，正如下面常见残障所示：

常见残障分类

• 视觉性功能障碍可包括色盲或者老年人中常见的视力衰退。
• 残障范畴 （根据 Adobe 的说法）还包括了暂时性无行为能力，如腕部骨折而使得无法使用鼠标。
• Paul Boag 提出我们所有人在生活中都有可能因为某些通常是无法避免的事件而遭受残障困扰，如运动受伤、小手术或日常事故等。

所有这些都凸显出设计过程中引入可访问性考虑的重要性。这样我们创造出的产品便能适应更加广泛的群体。比较有名的引入方法为“包容性设计”（也被称为“通用化设计”，或者“泛型设计”）。这里便让我们来探讨一下包容性设计的成效及其应用方式。

 

“包容性设计”介绍

假如某个产品应用将会被主流受众如网民所访问，包容性设计方式确保当创建产品或服务时能够满足 最广泛的消费者 的需求。

正如 W3C 所概括的，包容性设计适用于“所有的民众，不管其能力、年龄、经济状况、教育水平、地理位置以及语种等等”。通过满足最广受众的需求，包容性设计与 web 可访问性产生出交叠， 确保产品应用为每个人所访问。

提高所有人的用户体验

包含性设计有一个很大的益处便是它不但提升了产品对于无行为能力者的用户体验，对其他普通大众也是如此。例如一个具有辅助访问特性的站点很可能不仅仅是使弱视人士更加容易浏览，而是对于所有人都如此。

W3C 当说到如下时强调了这一点

“与可访问性相交叠的其它最佳实践有：移动 web 设计、设备无关性、多情态交互、可用性、老年用户设计以及搜索引擎优化（ESO）等等。” – The W3C

现在我们已经了解了什么是包容性设计，接着可以来谈谈如何使用“多元化人物样板”来设计包容性。

应用于包容性设计的多元化人物样板

一个人物角色样板是您产品或服务的某类典型用户的概括性代表，通常要以对真实民众所进行的研究为根基，要能够验证所有做出的可能性假设。

人物样板要能够在整个设计过程中随着新的研究结果出现而精确演变。他们在验证设计决策、功能优先次序以及团队走向引导等方面都能起到重要作用。下面举一个示例：

人物样板示例：Jerry Jones，软件开发工程师

如上所示，一个人物样板可以归纳出以下几个属性，它们有助于生成虚构人物：

常见人物样板属性

• 名字: 给您的人物样板命名可以使他们显得更加真实，您甚至会发现您的团队会以该名称来指代此类客户。
• 动机: 客户为什么要使用您的产品？
• 目标: 客户要实现什么样的目标，您的产品对此能有什么帮助？
• 挫败: 您的客户在做某项事情时会遇到什么困难？
• 人口特征: 年龄、性别、地域、职业。
• 肖像: 给您的样板客户一张脸从而使其更加真实且产生共鸣。
• 引语: 用什么样的令人印象深刻的词藻来概括您的客户并且总结出您想要为他们解决的问题？

样板人物越真实您的产品便能做得更好，这也是为什么创建多元化人物样板很重要。如前通遍所述，无行为能力者是非常常见的，一旦忽视了该群体会引发很多的用户挫败感及排斥感——这反过来则会降低某个产品的商业成功度（正如 牛津大学包容性设计工具箱 一文中所述）。

多元化人物样板

多元化人物样板可以帮助我们理解无行为能力者可能以怎样的不同方式来使用产品，或是通过怎样的不同手段来进行交互。

以下展示的多元化金字塔模型可以帮助定位包容性设计所需应对的合理残障程度。这个模型显示了行为能力在人口中是怎样差异不同的，金字塔从具备完全行为能力民众开始，越往上则残障程度越高。

多元化的金字塔模型 (图象来源: 包容性设计工具箱)

虽然该模型有使包容性设计囊括重度残障的打算，但也承认这将会很难；因为金字塔顶端的群体需要更多社会层面的解决方法。

让人物样板多元化

让我们回过头来看一下前面的名叫 Jerry Jones 的客户样板示例；值得注意的是那里没有提及客户的行为能力（或无行为能力）。因此，为了让样板人物多元化，我们可以添加一额外属性：“行为能力”。不管 Jerry 有无行为能力，当我们在为不同客户创建人物样板时，该属性能帮助展开包容性考虑。除开行为能力之外，还可增加如下的属性以促进人物样板的更加多元化：

样板多元化的相关属性

• 行为能力: 客户的行为能力等级——他们存在任何功能障碍吗？
• 适应性: 客户有多少上网经验？他们的行为能力会导致任何电脑使用上的特殊障碍吗？
• 态度: 他们对待生活的态度是怎样的，对待 web 的态度又是怎样的？
• 接入端口: 此客户访问 web 需要借助于辅助性技术吗？

修改 Jerry 样板示例以增加以上属性，其结果如下图中内容所示（注意位于右侧的附加属性）：

人物样板多元化调整

通过检视样板人物的附加属性，我们可以看出 Jerry 患有由过亮屏幕引起的“眼疲劳”症，而且由于遭受肢体重复性劳损而无法使用鼠标，只能依赖于键盘输入。这为在做输入相关的设计决定时提供了依据，也使得最终产品能够为更加广泛的受众所访问。

让我们更进一步，来判定生成多元化人物样板时所需考虑的残障类型。 

先从行为能力类别开始

在 web 可访问性方面，当添加客户的行为能力属性从而使人物样板多元化时，我们可以考虑从 W3C 概括的功能障碍类别开始。

• 听觉
• 认知
• 神经系统
• 身体
• 语言
• 视觉

当行为能力的类别定义好之后，它往往能够帮助我们理解前面列出的其它属性。例如，假如客户身患上肢功能损伤，那么他们也许无法使用鼠标输入，而是最适合使用如键盘等其它不同的输入设备。

考虑伤残等级

伤残等级的范围可以从轻微到严重，这决定了客户使用某一产品或服务时所要面临的困难程度。这里给出上面列举的几项功能障碍类别所可能的伤残范围：

• 听觉受损 其程度可以从一耳障碍到双耳障碍，且可从“听不清”到“失聪”。
• 身体受损 可包括肌肉控制受限（如出现肌肉非自主性运动），关节炎症（运动受限），或者是肢体残缺。
• 认知受损 可影响人们对信息的理解能力强弱。这涉及到某些系统神经的紊乱，会影响人们 视、听、说、动及信息处理 的能力强弱。

了解无行为能力所产生的阻碍

每种残障都会带来各种不同的阻碍以及包容性设计时需要考虑的不同因素。

• 听觉阻碍 可涵盖各种音频内容，意味着过分依赖于语音的视频会让有听觉障碍的客户难以观看。
• 身体阻碍 可以是不提供全键盘操作支持或者导航系统紊乱的网站。
• 谁知阻碍 可包括令人难以捉摸的页面布局，或者是大量的文本而无有用的图片来帮助理解。

一个完整的残障及阻碍列表可以在 W3C关于互联网用户多元化的指导 中找到。

考虑辅助技术与产品强化

当有民众因其行为能力等级过低而面临阻碍时，存在许多即普通又简单的强化方式使得产品能够被访问。

比如，消除听觉阻碍的强化包括给视频打上字幕，或使用可读的文字记录而不用去听。

正如前面所提到的，这类强化不但帮助了听力困难人士，而且常常是提高了所有人的用户体验。这也正是 Hbspot 在其文章 为什么您的 Facebook 视频需要针对静音情况做优化 中所强调的。

他们认为在很多情况下人们（与其行为能力等级无关）会关掉声音来看视频，如处于公共场所等。在此类情形下，字幕使得由声音传递的信息可以为眼睛所获取。事实上如今我们在很多视频上都开始能看到此种做法。正如下图所示：

一个通过字幕来克服听觉阻碍的视频(@foodvideos)

多元化人物样板示例

互联网上有许多极佳的多元化人物样板范例将此文的许多理念运用到了实践。下面列出几个很棒的例子，当您生成自己的多元化人物样板时可以之作参考：

Barclays 多元化人物样板

Barclays 已经整合生成了 完整人物样板合集。 它涵盖了广泛的无行为能力如双向性精神障碍、脑瘫、诵读障碍以及其它功能性障碍等。每个样板还包含了详细的人物传记以及生活方式描述，这对理解无行为能力者很有用。

Barclays 多元化人物样板

属于所有人互联网

《 属于所有人的互联网 》一书强调“设计可被访问的用户体验”。它包含了一系列非常优秀的多元化人物样板，部分列举如下：

Trevor: 一个患有自闭障碍的中学学生

Emily:脑瘫，独立生活

Jacob: 某律师事物所的盲人律师

完整合集以及详细描述可以在 UX Mag的图书预览 中找到。

 

更进一步

为了让人物样板更加凝实，创建“用户场景”会很有助益。在其内可编撰故事情节来探究您客户的典型日常。这可帮助找出更多您产品中能够解决的痛穴。祝你在制作自己的多元化人物样板时一帆风顺！

---

Comment this article