包容性设计:让网站服务每一个用户的UX进阶指南
优秀的网站设计不应只服务于“标准”用户,而应尽可能覆盖不同能力、不同情境下的所有人。包容性设计正是实现这一目标的UX设计方法论。
一、什么是包容性设计?
包容性设计采用以人为本的方法,将包容性、易用性和无障碍性融为一体。与“通用设计”(力求用单一设计服务所有人)不同,包容性设计更强调为特定个人或使用情形进行设计,然后将该设计推广到更广泛的人群。
二、七项包容性设计原则
-
提供类似体验:确保界面为所有用户提供平等的体验,允许用户以符合其需求的方式完成任务,而不降低内容质量。
-
考虑情况:确保无论用户身处何种情境(如环境嘈杂、使用老旧设备),界面都能提供有价值的体验。
-
保持一致:使用用户熟悉的、符合逻辑的交互惯例。
-
让用户掌控一切:确保用户能以偏好的方式访问和互动内容。
-
提供选择:为复杂任务提供不同的完成方式。
-
确定内容的优先级:在内容和布局中按逻辑顺序排列元素,帮助用户聚焦核心任务。
-
增添价值:考虑功能对改善不同用户体验的用途和意义。
三、无障碍设计的启发式原则
Deque设计团队将Jakob Nielsen的十大启发式原则应用于无障碍领域,总结出10条数字无障碍启发词语:
-
互动方法和模式:用户能使用自己选择的输入法(鼠标、键盘、触摸)高效互动。
-
导航和寻路:用户能随时在系统中导航、查找内容和定位。
-
结构和语义:用户能理解每个页面的内容结构和操作逻辑。
-
错误预防和状态:互动控件有清晰的说明,并提供明确的错误状态及解决方法。
-
对比度和易读性:文本和其他有意义信息易于区分和阅读。
-
语言和可读性:内容易于阅读和理解。
-
可预测性和一致性:每个元素的用途可预测,与整体系统关系明确。
-
时间和保留:为用户提供足够时间完成任务,不会在会话结束时丢失信息。
-
移动和闪烁:用户能停止移动、闪烁或动画元素。
-
视觉和听觉替代方案:传达信息的视觉或听觉内容均有文本替代方案。
四、将无障碍融入设计流程
-
使用角色(Personas) :在用户角色中纳入残障人士的情境,例如“因手部震颤导致精细动作能力下降,依赖键盘导航的用户”。
-
进行无障碍启发式审核:团队对设计稿进行系统的无障碍检查并评分,以决定如何补救发现的问题。
-
添加无障碍注释:在交付给开发团队的设计稿中,标注颜色对比度、键盘焦点顺序、屏幕阅读器可访问名称等信息。


