客服经理

包容性设计:让网站服务每一个用户的UX进阶指南

2026-07-24 10:39:40
摘要

包容性设计:让网站服务每一个用户的UX进阶指南优秀的网站设计不应只服务于标准用户,而应尽可能覆盖不同能力、不同情境下的所有人。包容性

包容性设计:让网站服务每一个用户的UX进阶指南

优秀的网站设计不应只服务于“标准”用户,而应尽可能覆盖不同能力、不同情境下的所有人。包容性设计正是实现这一目标的UX设计方法论。

一、什么是包容性设计?

包容性设计采用以人为本的方法,将包容性、易用性和无障碍性融为一体。与“通用设计”(力求用单一设计服务所有人)不同,包容性设计更强调为特定个人或使用情形进行设计,然后将该设计推广到更广泛的人群

二、七项包容性设计原则

  1. 提供类似体验:确保界面为所有用户提供平等的体验,允许用户以符合其需求的方式完成任务,而不降低内容质量。

  2. 考虑情况:确保无论用户身处何种情境(如环境嘈杂、使用老旧设备),界面都能提供有价值的体验。

  3. 保持一致:使用用户熟悉的、符合逻辑的交互惯例。

  4. 让用户掌控一切:确保用户能以偏好的方式访问和互动内容。

  5. 提供选择:为复杂任务提供不同的完成方式。

  6. 确定内容的优先级:在内容和布局中按逻辑顺序排列元素,帮助用户聚焦核心任务。

  7. 增添价值:考虑功能对改善不同用户体验的用途和意义

三、无障碍设计的启发式原则

Deque设计团队将Jakob Nielsen的十大启发式原则应用于无障碍领域,总结出10条数字无障碍启发词语

  • 互动方法和模式:用户能使用自己选择的输入法(鼠标、键盘、触摸)高效互动。

  • 导航和寻路:用户能随时在系统中导航、查找内容和定位。

  • 结构和语义:用户能理解每个页面的内容结构和操作逻辑。

  • 错误预防和状态:互动控件有清晰的说明,并提供明确的错误状态及解决方法。

  • 对比度和易读性:文本和其他有意义信息易于区分和阅读。

  • 语言和可读性:内容易于阅读和理解。

  • 可预测性和一致性:每个元素的用途可预测,与整体系统关系明确。

  • 时间和保留:为用户提供足够时间完成任务,不会在会话结束时丢失信息。

  • 移动和闪烁:用户能停止移动、闪烁或动画元素。

  • 视觉和听觉替代方案:传达信息的视觉或听觉内容均有文本替代方案

四、将无障碍融入设计流程

  1. 使用角色(Personas) :在用户角色中纳入残障人士的情境,例如“因手部震颤导致精细动作能力下降,依赖键盘导航的用户”

  2. 进行无障碍启发式审核:团队对设计稿进行系统的无障碍检查并评分,以决定如何补救发现的问题

  3. 添加无障碍注释:在交付给开发团队的设计稿中,标注颜色对比度、键盘焦点顺序、屏幕阅读器可访问名称等信息