Week 5 Applied
本页目录· 8 条
Summary
遇到有In-class Activity的课,基本上整节课就是在做那个个人作业,然后等Tutor检查到你,没检查到的时候就是在干等。
Learning outcomes this session
- 分析并识别界面中的无障碍性与排斥现象
- 练习与用户建立同理心
- 讨论“排斥”的类型以及实现“包容性设计”的机会
- 分享在你的设计中重视用户多样性的意义与做法
Web Content Accessibility Guidelines
- 可感知性(Perceivable):用户能以其可用的感官感知界面与内容吗?
- 可操作性(Operable):用户能执行界面所需的操作吗?
- 可理解性(Understandable):用户能在认知上理解界面与内容吗?
- 健壮性(Robust):不同技术能否正确处理界面与内容?
注:“可感知、可操作、可理解”与人的能力直接相关。
本周可用资源:
● WCAG 2.2 完整规范:https://www.w3.org/TR/WCAG22/
● “如何满足 WCAG”速查:https://www.w3.org/WAI/WCAG22/quickref/
Accessibility Principles in App Design (25 mins)
在你的手机上选择一款应用,浏览其页面,寻找与 WCAG 原则相关的“有利”或“有害”特性。
在列出的 3 个 WCAG 原则中,每个原则各找 1 个“有利”或“有害”的特性。
- 为每个特性截屏并添加到你的幻灯片中(注意避免个人/敏感信息)。
- 清楚标注该特性对无障碍是“有利”还是“有害”。
- 简要描述该特性,以及它为何有利/有害——通过说明受影响的用户类型或人类能力来识别“被排斥”。
要求:你识别的特性必须是你亲自在该应用中观察到的;每个示例必须不同(即不可用同一特性对应多个 WCAG 原则)。
Practise empathising with personas (30 minutes)
基于前几次应用课的园艺应用示例,探索无障碍与包容性设计。
- 选择一位提供的样例角色(persona)及其配套的用户故事。
- 识别该角色可能受限的一项能力:
- 视觉、听觉、言语或触觉?
- 判断该角色的无障碍需求属于:
- 永久性残障、临时性残障,还是情境性障碍?
请使用下一页的模板为该用户创建一张“同理心地图”
Accessibility in Storyboards
在作业提交 2 中,你将制作包含无障碍考虑的分镜(storyboard)。你展示的情境可以涉及永久性残障、临时性残障或情境性障碍。
- 该角色的残障/障碍如何影响其使用应用的能力?
- 该角色是否仍能达成其目标?
- 在分镜的画面与文字描述中体现同理(说/想/感受/做)的要素。
Empathy and accessibility in storyboards (10 mins)
将无障碍纳入分镜,需要以周到且真实的方式刻画角色所面临的挑战与同理。
请参考下一页的分镜示例,讨论每一格画面可以如何改进,以更好体现对角色及其处境的同理:
- 每一格包含了多少种不同类型的信息?
- 识别可以展示角色“想/说/感受”的机会点。
- 在哪些位置可以更真实或更细致地表现同理?
Design for accessibility (15 minutes)
设想不同用户在使用智能园艺应用时可能遇到的各类无障碍问题。
讨论如何为应用设计“包容性功能”,以支持更广泛的能力范围,并提出能应对特定无障碍需求的功能。
对于你提出的每个功能:
- 简要描述该功能是什么。
- 指出受益的用户类型。
- 指出与实现相关的 WCAG 指南(参考:https://www.w3.org/TR/WCAG22/