可用性（Usability）— 2025 年第 2 学期（S2）

作业二：分镜（Storyboarding）与低保真原型（25%，个人作业）

概述

设计与开发一款应用或网站，在时间与金钱方面都可能成本高昂。为了避免把大量资源投入到不能满足用户需求或存在可用性问题的最终产品上，值得先制作分镜和低保真原型。

分镜可以帮助你理解用户与产品交互的情境，以及他们在交互过程中的想法与情绪反应。低保真原型的草图让你能够快速且低成本地提出多种设计思路，并在投入大量精力制作高保真原型之前进行打磨与细化。

在本次作业中，请思考移动应用中常见、能够提升用户参与度的多种功能。例如：

• 使用设备相机进行拍摄或扫描
• 在互联网上执行搜索
• 使用地图展示某物的位置
• 进行评分或撰写评价
• 创建与更新用户档案
• 以链接或图片形式分享内容
• 获得并记录每日积分
• 基于使用情况提供推荐
• 向其他用户发送消息

在作业一中，你已经收集并分析了用户数据，并完成了人物角色（personas）、用户故事（user stories）以及新的需求。你将基于这些成果，指导你先创建分镜，然后开发若干低保真原型。本作业为个人作业。

1. 用户故事

从作业一中选择 2 条用户故事 及其对应的人物角色（可以来自任一组员的提交，但应当是被优先级评为 Must 或 Should 的用户故事）。如有必要，你可以对所选用户故事进行小幅修改，但须简要写明修改理由。

2. 分镜（Storyboarding）

请绘制 2 组分镜（每条所选用户故事各 1 组）。请确保每组分镜：

• 使用特定的人物角色（在分镜中标注该角色的名字）。
• 呈现特定的用户故事（分镜中应清晰体现要达成的目标）。
• 以 4–6 个画格 的视觉画面讲述情节，画面需为你亲自绘制。
• 每个画面下附简短文字说明，内容需有意义，并考虑用户的情绪/想法。

分镜可以呈现目标成功或失败的尝试。请考虑人物角色是谁，并给出真实可信的事件序列。

此外，你还必须考虑无障碍与包容性。至少有一组分镜需要呈现一位在使用应用时存在无障碍考量（例如永久性的、暂时性的或情境性的）的用户。

延伸阅读：https://www.nngroup.com/articles/storyboards-visualize-ideas/

分镜必须手绘：可以在纸上绘制（提交清晰的扫描件或照片），也可以使用数字绘图工具（如线条、基本形状、文字）绘制。不接受使用AI 生成内容或从网上下载的图片制作的画面。

3. 含验收标准的看板（Kanban Board with Acceptance Criteria）

在你已经充分理解用户与要解决的问题，并用分镜阐明需求之后，下一步是制定验收标准并产出若干原型界面草图：

• 按照讲座与课堂练习中使用的看板格式，为你在分镜中选择的用户故事列出验收标准（Acceptance Criteria）。
• 你的看板需要包含以下列，并以每条用户故事为一行：

User Stories | To Do | Doing | Done

4. 低保真原型界面与标注（Low-Fidelity Prototype Screens with Annotations）

根据最重要/最相关的验收标准，绘制 3 个低保真原型界面草图。这些界面必须展示你在前一任务中所选用户故事的部分验收标准是如何实现的。示例：（1）应用的“首页（Home）”界面，（2）“搜索结果（Search Results）”界面，等等。假设用户已登录；不要绘制注册/登录界面。

• 每条用户故事最少需要在三张界面中实现 3 条验收标准（可更多）。
• 同一条用户故事的验收标准可以分布在多个界面上实现。
• 草图完成后，请更新看板，将已实现的标准移动到 “Done” 列。

除了一般的设计与可用性原则，你的原型还必须体现无障碍与包容性设计：

• 选择 3 条 Norman 的设计原则 与 3 条无障碍原则（可感知 Perceivable、可操作 Operable、可理解 Understandable），在你的原型草图上打标注，指出这些原则应用在何处。这些标注应均匀分布在各个界面上（即每个界面至少包含 1 条 Norman 原则 与 1 条 WCAG 原则）。

  • 标注无需描述实现细节——只需在被高亮的元素旁标出原则名称。例如：

    • Norman 原则：“Feedback（反馈）”“Natural Mapping（自然映射）”
    • 无障碍原则：“Perceivable（可感知）”“Operable（可操作）”

草图必须手绘：可以在纸上绘制（提交清晰扫描/照片），也可用数字绘图工具（线条、基本形状、文字）绘制。不接受使用AI 生成或网络图片制作的画面。

草图应当清晰、比例得当，并具备与低保真原型相匹配的恰当细节层级，以传达每个界面的目的。

总数不得超过 3 个界面。超出数量的界面（及其相关标注/理论说明）将不予评分。

5. 说明报告（Report）

撰写一份简短报告，解释你在原型设计中做出的最重要决策。每个界面都需要包含：

• 带有唯一编号与名称的界面标题；
• 该界面对应的用户故事（可一条或多条）；
• 简要说明所标注的 Norman 原则 或 无障碍原则 是如何在该界面中得到体现的（建议每个界面约 150 字：即每条原则约 75 字）。

结论（不超过 150 字）

• 用简短文字对报告作结：反思低保真原型的局限性，并为即将开展的高保真原型明确 2 个目标。

注意：助教在批改作业二时不会回看你们之前的提交。因此，请在作业二文档末尾的附录中附上与你所选用户故事相关的人物角色（来自作业一）。

提交物的格式（Format of the deliverables）

请思考如何以面向潜在客户的方式展示你的材料。你的提交必须包含：

• 标题页（Title Page）
• 目录（Table of Contents）
• 引言（Introduction，最多 150 字）
• 2 条所选用户故事（如有修改，请附修改理由）
• 2 组分镜（其中至少 1 组体现无障碍情境）
• 2 个看板（每条用户故事 1 个），展示拟定与已完成的验收标准
• 低保真原型（共 3 个界面，已做标注）
• 设计报告（Design Report）

  • 原型界面所应用的理论说明（每个界面不超过 150 字）
• 结论（Conclusion，最多 150 字）
• 附录（Appendix）

  • 相关人物角色（来自作业一，且与所选用户故事对应）

提交物应专业排版——就像要交给潜在客户一样。

报告文件名请遵循以下格式：FIT5152-Sub2-Applied#-YourName（例如：FIT5152-Sub2-Applied01-AshKetchum）。

提交截止时间：9 月 19 日（星期五）晚 11:55。

评分与政策（Assessment Policies）

生成式 AI 工具的使用（Use of Generative AI Tools）

在本次评估中，你只能使用生成式 AI 工具来生成人物角色头像照片。凡使用生成式 AI 的地方，必须进行致谢与说明，包括明确所用工具与提示词（参见 Learn HQ）。你需要：

• 清晰标明：你作品中具体哪些部分使用了生成式 AI；
• 提供 AI 工具链接；
• 提供所用提示词（prompt）；
• 说明你在提交前如何修改了原始生成结果。

将生成式 AI 用于其他用途，或未作适当致谢即使用生成式 AI，均构成学术诚信违规。

抄袭与学术诚信（Plagiarism and academic integrity）

以下情形均构成抄袭：

• 完全或部分使用他人作品而未引用/未标注来源；
• 对他人作品进行意译或修改却未致谢；
• 将 AI 生成内容作为自己的原创提交且未作说明。

你有责任在作品中保持学术诚信，并了解与有意/无意违规相关的流程与惩罚。

提交至 Moodle（Submission of deliverables to Moodle）

所有需评分的作业必须通过 Moodle 的指定提交链接上传。在可行的情况下，提交物会使用相似度检测工具（如 TurnItIn）进行扫描。除非作业简述中另有明确说明，否则不接受以电子邮件、Google Drive 等其他方式提交。

迟交（Late Submissions）

每逾期 1 天（含不足 1 天的部分），将从该作业可得总分中扣除 5% 作为罚分。逾期超过 7 天提交的作业将被记为0 分，且可能不提供反馈。

所有延期或特殊考虑的申请必须通过在线延期申请表提交。提交申请并不意味着一定获批，因此你应当继续推进作业，并在力所能及的最早时间提交。

Tips

• 确保你的草图中不要使用颜色

示例