无障碍设计vs包容性设计：为人类创造更好的体验

-Yeeeees,我们是你的设计生涯加油站！-

听力障碍的人、严重耳部感染的人和拥挤的地铁上忘记耳机的通勤者有什么共同点？即他们都很难在数字界面中与音频内容进行交互。有两种主要的设计方法可以解决这样的问题：无障碍设计和包容性设计。

对包容性设计和无障碍设计的产品、服务和环境的需求从未如此紧迫。在我们努力创造一个迎合各行各业的社会时，理解和实施优先考虑多样性和包容性的设计变得势在必行。

点击上图链接 即可跳转了解2023fall优秀战绩

“

什么是包容性和无障碍设计？

如果我们仔细观察，我们会在各种产品中发现一丝可访问和包容性的设计，例如特斯拉汽车、无糖产品、矫形鞋床或眼镜。

这两种方法都使UI / UX设计人员能够创建移动应用程序，网站或SaaS平台，这些应用程序，网站或SaaS平台可以被尽可能多的人使用。另一方面，包容性设计与无障碍设计之间存在明显的划分，这影响了我们实施其原则和标准的方式。

* 添加小yeah（Angela988L） 助力申请~

无障碍设计

无障碍设计是指满足残疾人的需求，以便使用产品对他们和其他人群一样有效。

网络无障碍倡议于1997年启动，旨在帮助残疾人更容易访问互联网。他们认为，简单的 UI 更改通常足以提高可访问性。此外，像为视频提供音频描述以便视障人士知道发生了什么，或者只是使用颜色来指示问题一样基本的事情可以帮助您朝着真正可访问的设计迈出一步。

其他示例包括对控件和标签进行分组，以便运动障碍者可以更轻松地接触到它们。或者只是让您的网站更容易用键盘导航。无论如何，强烈建议进行可访问性审核，以轻松发现问题并修复它们。

Maltron的自适应键盘

包容性设计

虽然无障碍设计侧重于为特定的残障人士提供个性化产品，但包容性设计是一个更大的范围，专注于为每个人构建。其具有多样性，并考虑更广泛的用户及其需求。这些做法使产品或服务可以被尽可能多的人合理地使用，而无需专门的调整或设计，无论年龄、语言、能力和环境如何。

Microsoft的包容性设计工具包说明了如何应用包容性设计来支持许多不同的目标和结果。例如，在设计包容性时，重要的是要考虑盲人用户的需求，以及可能刚刚接受过激光眼科手术或在阳光明媚的日子里试图在手机上阅读某些内容的人的需求。

Microsoft的包容性设计工具包

包容性设计的主要原则是：

设计一系列产品以满足人们的需求

 为每个产品版本定义不同的目标用户

 开发新产品，尽量减少进一步适应

“

可访问性和包容性设计有什么区别？

简而言之，它们密切相关，但在方法上仍然存在差异。一目了然，包容性和无障碍设计之间的差异如下：

包容性设计适合所有人

无障碍设计考虑了永久残疾人士的具体需求，而包容性则考虑了以下类型的残疾：

● 永久性残疾：运动限制障碍，如肌萎缩侧索硬化症

● 暂时性残疾： 手部肌肉受伤或骨折

● 情境残疾： 有人双手满满的，或者即使他们目前的手很脏。

在以包容性设计为目标的同时，还考虑了各种临时残疾人的需求，从而产生了更通用的设计。

情境残疾

无障碍设计专注于最终产品，包容性设计是一种方法论

无障碍设计的主要重点是确保残疾人的易用性。它没有考虑他们将如何改变未来的设计，甚至没有考虑它如何影响任何没有残疾的人。

包容性设计是一种挑战设计师思考如何使产品更易于每个人使用的方法论。它考虑了情境障碍，这可能会使人们更难使用技术，并且不受直接最终产品的驱动。

无障碍设计有法律标准，包容性设计没有

在美国等世界部分地区，“美国残疾人法案”要求设计遵循无障碍委员会制定的无障碍标准。正如由W3C发起并由白宫支持的Web可访问性计划也有多种指导方针，以使互联网更易于访问。

无障碍设计列出了在尝试为残障人士提供产品时要遵循的标准和指南。而包容性设计着眼于测试和创造力，以帮助使设计对每个人都更加用户友好。

Yes Design也会通过洞察每年的设计热点与设计趋势推出相关主题的Workshop，锻炼同学们的小组合作与实践能力，比如之前所开设的有关服务设计、无障碍设计、交互设计的多领域研究工作坊等。在无障碍设计工作坊中，使同学们能够从更加宽阔的维度来思考概念的可行性和包容性。

点击上图链接 即可跳转了解YES无障碍设计工作坊

“

包容性和无障碍设计在哪里相遇？

虽然包容性设计和可访问性不是一回事，但可访问性是有效的包容性设计过程的主要结果之一。

但是，可访问性本身将遗漏大部分人口，他们没有定义的、法律认可的残疾，但可能会根据其环境中的特定情况与界面交互时遇到问题。包容性设计积极寻找包括残疾在内的各种情况，并旨在解决这些问题。

无障碍设计和包容性设计携手合作，降低阻碍人们有效使用数字产品的障碍。这些障碍通常是在设计师为像他们这样的人创造产品时在设计过程中无意中产生的。通过采用包容性设计方法并同情不同的人群，设计师可以创造出所有人都可以使用的产品。

包容性设计和无障碍设计都可以改进的一种方法是学习真实人们在特定环境中适应技术障碍的方式。通过研究人们发现的适应情况的方法，设计师可以创造更好的解决方案。例如，如果一个人在无法阅读文章（由于情况或残疾）时使用文本到语音转换来收听文章，设计师可以提供音频版本。

添加小yeah（Angela988L） 助力申请~

“

包容性设计示例

This American Life (TAL)

This American Life (TAL)是一个每周一次的公共广播节目和播客。2011年，《美国生活》开始转录其整个音频档案，并向网站访问者免费提供。因此，该公司通过让听力障碍人士、声音敏感环境中的访客以及任何了解英语作为第二语言的人都能访问其内容，从而吸引了更广泛的受众。

加拿大政府：性别多样性

2019年，加拿大政府承认性别存在于一个光谱上，人们的认同超越了传统的“女性”和“男性”结构。政府引入了第三种性别选项，允许加拿大公民和居民更新官方文件，包括护照、公民证书、旅行证件等。其他几个国家现在在法律上承认非二元性的人，并允许公民认同“男性”和“女性”以外的性别选择。

Microsoft自适应配件

Microsoft宣布推出一套新的配件，如鼠标和键盘，旨在为身体障碍者提供更多的技术。除了让更多人更容易使用电脑外，新的Microsoft自适应配件还支持3D打印附加组件，以便消费者可以根据自己的特定需求定制每件作品并创建理想的设置。

点击上图链接 即可跳转了解2023下半年设计竞赛

Fenty Beauty：化妆品的多样性和包容性

据报道，Fenty Beauty由 Rihanna 于2017年创建，在最初的100天内赚了40亿美元，《时代》杂志将其评为年度25项发明之一。该品牌开始提供 40 种不同色调的粉底，后来扩展到 50 种。Fenty Beauty的成功很大程度上归功于该品牌如何“与长期以来被美容行业视为不存在的女性在情感上建立联系”。

触觉路面：领先多数

* 添加小yeah（Angela988L） 助力申请~

1967年在日本发明的触觉路面，也就是我们常说的“导盲砖”，现在在世界各地都可以找到。最初是为了引导视力障碍者而创建的，这种设计对分心的步行者很有帮助。导盲砖主要分为两种：那些有凸起圆点的地砖是“危险警示砖”，提醒人们谨慎慢行，而那些有平行条纹的地砖是“前行导引砖”，会向人们提供行进方向提示。您可以在地铁站台旁、人行道尽头、楼梯边缘以及整个城市主要街道上找到这条人行道，以便在必要时帮助引导和提醒人们。

“

无障碍设计示例

拱门博物馆

拱门博物馆位于美国著名的圣路易斯拱门下方，建筑主体是一个埋设在地下的地景建筑。建筑的核心理念就是创造一个所有游客都能平等的使用体验，无障碍设计也成为其中最重要的部分。

使用大而清晰的字体

使用可读字体在产品设计和网页设计中同样重要，确保在产品说明中使用具有高颜色对比度的大字体。根据您的产品，有时包含盲文文本可能是有意义的。

PriestmanGoode滑板车

受伦敦设计博物馆委托，PriestmanGoode的踏板车设计具有吸引力和创新性，可对抗老年人行动不便的耻辱感。该设计以儿童和年轻人使用的踏板车为蓝本，将移动性视为终生的旅程。

Buoy Cup

设计师Soon-sik Choi带来的浮标杯（Buoy Cup）在水杯手柄的上方增加了一个浮标，在浮力作用下，浮标会随着水量的增加而上升，而浮标尾在与拇指的接触下就能告知视障人士杯子中的水量几何。

点击上图链接 即可了解2023iF设计大奖金奖作品

“

结论

每个设计师，无论其专业如何，都应致力于创造可供最广泛人群使用的产品。要做到这一点，他们必须摆脱先入为主的“典型”用户观念，而是将人们视为独特的、多样化的个体，根据他们的特定环境，在他们生命中的不同时期具有不同的能力。

当设计师关注实际使用他们开发的产品的人，以及当某些东西不适合他们时他们如何适应时，设计师可以使用包容性设计原则来创建用户友好的产品，这些产品适用于大多数人并在此过程中满足可访问性指南。

* 添加小yeah（Angela988L） 助力申请~

文章参考：

https://www.divami.com/blog/accessible-vs-inclusive-design-understanding-the-difference

https://arounda.agency/blog/accessible-vs-inclusive-design-whats-the-difference

https://www.toptal.com/designers/ui/inclusive-design-infographic

https://maze.co/guides/inclusive-design/inclusive-design-examples/

END