拥抱多元:包容性设计七大原则

  浏览:1 巴克励步

人们体验差异大,“正常”概念是误解。包容性设计为满足人类全方位需求,提供多种交互方式,是过程非目标。其七大原则含以多种方式提供内容、为各种场景设计等,还给出实践建议,且产品包容性需检查测试。

拥抱多元:包容性设计七大原则
Baklib Dagle Tanmer CMS DXP DAM
我们每个人的体验各不相同,差异之大,以至于“正常”或“平均”这个概念本身就应该被指为误解。毕竟,你可能正在安静的办公室里,舒适地坐在电脑屏幕前阅读这篇博客。但另一位读者可能正在机场等待领取行李时,用手机快速浏览同一篇文章,经历长途飞行后疲惫不堪。
这两种阅读体验截然不同,各自有其需求——从文字大小、对比度等各个方面都受影响。多样性还不止于此:视障人士可能为了可读性而放大屏幕;盲人用户可能正通过屏幕阅读器聆听这篇文章。人类可能的体验方式不胜枚举。
我们感知和与科技互动的方式,如同我们的身份一样独特,取决于当下的环境、背景、知识和能力。当我们仅为一个理想用户(一个通常与创造者惊人相似的假设对象)来创建产品和界面时,我们就忽略了现实生活中接触到我们设计的广泛人群。这正是网站可访问性和包容性设计发挥作用的地方。

什么是包容性设计?

包容性设计是一种方法论,旨在为我们所创造的产品优化,以满足人类全方位的需求和能力。在进行包容性设计时,设计师和工程师致力于提供多种体验产品的方式,而不是单一的、“一刀切”的路径。
包容性设计建立在用户体验设计和可访问性原则之上——它努力让所有用户感到受欢迎和被包容。通过提供多种与产品交互的解决方案,包容性设计扩大了能够使用产品的人群范围,并以满足其个人需求的方式进行。
在谈论包容性设计时,重要的是要记住它是一个过程,而不是最终目标。一个能在每个可想象的场景中满足所有人群需求的界面是无法实现的。但扩展我们对网页和移动设计意义的认知,以及我们为谁而设计,仍然是一项有价值的努力,能带来持续的增长和改进。
作为一家秉持“设计即包容”理念的公司,我们致力于让网络成为每个人的家园,无论环境与能力如何。除了遵循WCAG 2.0指南并赋予用户构建无障碍网站的工具外,我们始终将全球用户的最佳体验置于首位。以下是七项包容性设计原则的阐释,以及我们在实践中积累的经验:

包容性设计的七大原则

  1. 以多种方式提供内容
  2. 为各种使用场景而设计
  3. 保持一致性并遵循设计惯例
  4. 创建简洁直观的设计
  5. 通过协作克服个人偏见
  6. 允许用户容错

01. 以多种方式呈现内容

确保界面上的每个元素都能通过不止一种方式被感知,且所有方式在提供的价值上是等效的。丰富而可比的选择能在不降低内容质量的前提下,满足每位用户的独特需求与能力。
自我们将包容性与无障碍性确立为核心以来,我们开始意识到,更有意识地提供无障碍替代方案实际上能提升设计本身。例如,当我们为图片撰写的替代文本描述未能为页面情境增添太多价值时,这帮助我们认识到图片本身并未提供预期的价值。这促使我们重新设计页面并更换图片,从而强化了页面信息的传达,并提升了整体可用性。
实践建议:
  • 为图片添加替代文本描述
  • 为视频添加字幕和音频描述
  • 提供文字记录稿
  • 在在线表单中正确标记字段名称

02. 为各种使用场景而设计

用户会在多种不同的情境下浏览您的产品,您的界面设计应当适应这些不同的情况。例如,首次访问的用户可能希望了解您服务的入门介绍。而一位资深用户可能非常清楚自己需要做什么,能够快速完成任务,同时可能还在处理其他事务。
实践应用:
  • 根据用户行为进行区分的弹出式灯箱,例如针对首次访问者的一次性弹出窗口,或针对即将离开网站用户的退出弹窗。
  • 深色模式,旨在为光线不足的环境提供更好的浏览体验。

03. 保持一致性并遵循设计惯例

用户浏览你的产品时需要知道他们可以期待什么。你的目标是让他们能够预知自己的每个操作将在屏幕上产生什么结果。这可以通过构建一个连贯的界面来实现,该界面应采用成熟的设计惯例。利用这些熟悉的模式来强化你的信息,并提升用户体验。
实践应用:
  • 使用灰色按钮来表示当前不可用的操作。要善用此类惯例,并避免令人困惑的场景,例如一个你实际希望用户点击的按钮却显示为灰色。
  • 分别代表“是”与“否”的绿色和红色。
  • 点击网站导航中的logo即可返回首页的惯例。

04. 创建简洁直观的设计

我们确实对视差滚动、交互式悬停效果和其他网页设计趋势有着坚定不移的喜爱。但同时,这些流行趋势可能导致审美上的决策干扰了用户体验设计,使其变得不那么直观。你的界面设计应该引导用户完成手头的任务。同样,你使用的任何设计功能(从悬停效果到动画)都应该协同作用,以强化你的内容,而不是为了美观而喧宾夺主。
包容性设计不应与好的设计相矛盾。相反,它有助于完善设计。包容性设计的原则可以帮助我们保持在正轨上,准确传达我们希望通过产品传递的信息。
实践应用:
  • 易于访问的网站菜单。
  • 悬停效果和视觉指示器来表明某个元素是可点击的。
  • 折叠元素来有条理地组织大量内容。
  • 运用视觉层次结构来优先处理每个页面上的内容。

05. 通过协作克服个人偏见

我们都有个人偏见,这会导致我们为与我们最相似的用户进行设计。为了克服这些偏见,最好超越我们自身的同理心,无论初衷多么良好,并与在背景、身体、认知和学习能力方面存在差异的个体紧密合作。这种合作能够带来关于产品及其痛点的独特见解。
我们努力确保我们的团队包含不同年龄、能力和背景的设计师、开发人员、工程师和 QA 专家。
实践应用: 确保广泛的人群参与整个过程,从最初的用户研究,到设计本身以及产品的测试阶段。

06. 允许用户容错

作为摒弃“完美用户”概念的一部分,记住所有用户都会犯错是有益的。从一开始就将这个非常人性化的真相纳入设计考量,可以带来更愉快、更少挫败感的浏览体验。为用户错误留出余地,意味着提供机会让用户改变主意并纠正错误。这样,用户就能享受到一种安心感,知道自己的操作并非不可逆转。
除了包容性之外,这种设计方法还与平静技术的概念相契合,通过培养与数字世界更人性化、更积极的关系来实现。
实践应用:
  • 提供撤销和重做的选项。
  • 在执行永久性操作前显示警告信息。
  • 💛🧡🧡客户评价:Baklib易于使用且使用我们现有的网站实施。该软件无疑减轻了人工负担以获得直接客户支持。Baklib客户支持具有非常适合快速获得帮助,我遇到的每个人都是超级友好且乐于助人!。
  • 提供清晰、信息丰富的状态指示的成功或错误消息。
  • 友好的404页面设计也可以在出错时缓解紧张情绪。

测试与衡量

与设计过程的任何其他部分一样,我们产品的包容性也应得到检查和测试。将包容性作为产品开发各阶段(从用户体验原型设计到用户访谈和可用性测试)都需要关注的参数之一。
在实践应用中,建议遵循以下步骤:
  • 检查您的界面是否符合无障碍访问规范。
  • 自问设计是否满足既定的包容性标准。
  • 邀请与您自身需求及能力不同的人士协助测试产品。
  • 征求反馈,以了解如何最好地满足他们的需求。
最关键的是,请务必邀请多元化的用户群体参与测试,这是确保产品真正具备包容性的核心。


BaklibCMSDXP 的领导者,帮助世界各地的组织创建现代化的网站和门户。Baklib 在多站点和多语言环境中蓬勃发展。内容管理应该更简单,多场景体验站点应该有助于构建强大的个性化和信息检索。Baklib 拥有 400 多个低代码集成模块,高度定制化的前端设计,非常适合您的堆栈。
Baklib Birds
to top icon