Summary

本堂课无评分的Activity，整体也就是按Slice的流程走，分析scenarios，然后画Storyboards

本次Applied课程主要内容就是定义scenarios和画Storyboards，重点在Storyboard如何表达用户情绪、用户痛点、以及他如何解决这个问题。

Learning outcomes this session

• 定义情景（Defining scenarios）
• 绘制故事板（Drawing storyboards）
• Norman 的交互原则（Norman’s principles）

Storyboards

• 故事板是一种可视化工具，用于简洁地呈现与用户目标/用户故事相关的一个情景。
• 通过一系列图画与描述性文字，你将探索人在与系统交互之前、期间与之后的行为。
• 故事板会把人物画像（persona）、用户故事与情境整合进一个完整的场景中。

Our scenario

设想你被要求设计一款智能园艺应用，它能帮助多种类型的用户（从新手到资深园艺爱好者）判断在家里（后院、阳台、室内等）可以种什么，以及如何照料这些植物。

User scenario

Tom 是一名软件工程师。他刚买了一套带大后院的新房，想开始做一个户外花园。他想学习园艺知识，了解在墨尔本气候下哪些植物能长得好，以及如何照料它们。他已经开始在互联网上查资料，并从当地图书馆借了几本户外园艺相关的书。虽然起步有点费劲，但一旦建好，后院就会显得很漂亮。

他刚发现了一款园艺 App，准备用它学习园艺、挑选合适的植物。他用这个 App 查询植物信息、浇水量以及日常养护方法。后来，他还能把自己花园的进展分享给家人。看起来这是一个简单且有趣的方式来开启并维护他的花园。

设计Storyboards需要考虑的内容

思考你的故事结构（你要讲一个什么样的故事）：

• 开头与结尾是什么？
• 中间会发生什么？
• 你的用户会走哪条路径？
• 最终是顺利解决还是遇到问题？

思考你的人物画像（persona）：

• 他们想要达成什么？
• 他们在何处会使用它？
• 是什么驱动他们做出这些决策？

把情绪表达出来（Convey emotion）：

• 用户在想什么？
• 他们会经历哪些情绪？
• 标注痛点/挫折点。

思考用户故事（user story）：

• 他们将如何实现目标？
• 达成目标过程中可能会遇到哪些问题？

该场景的Storyboards

• 前 1–2 帧用于设定情境。
• 2–4 帧用于展示动作序列。
• 1–2 帧用于展示可能的结果。

  结局既可以是现实积极的，也可以揭示潜在问题，以便在后续设计阶段去解决。

Create Scenarios and Storyboards (40 mins)

小组活动（10 分钟）

1. 基于给定的某条用户故事写出一个用户情景。

   • 说明：未提供人物画像。你的小组可以自行想象用户细节。
2. 分析该用户情景中的参与者、动机、目标、行动与情绪。

   • 你可以像前面幻灯片那样，直接在情景文本上做注释；
   • 或者使用下一页提供的情景拆解表模板。

个人活动（30 分钟）

1. 根据你的小组情景绘制一个故事板。你可以复制使用提供的 Google Drawing 故事板模板。

   • 说明：故事板需完全由你亲自绘制（数字绘图或手绘均可）；不得使用 AI 或外部图片。

Don Norman 的交互设计原则（Principles of Interaction Design）

• I can afford to buy lunch today.
• This small lunchbox can afford being lifted.

在这两种情况下，“afford/affordance”的含义都是：能够实现某种动作的可能性/条件。

（在人机交互中，“可供性”指对象本身所提供的可被感知与利用的行动可能。）

Design Theories and Concepts

产品的概念模型（Conceptual Model）与用户的心智模型（Mental Model）

• 产品的概念模型：指设计者期望用户理解的“它应该如何工作”。

  用户可以通过以下方式形成理解：

  • 观察对象的外观（包括指示符 signifiers、约束 constraints与自然映射 natural mappings）；
  • 学习（如：阅读手册、观看教程，以及实际使用的反馈）。
• 用户的心智模型：指用户对对象及其交互方式的理解。

请思考右图中的这个对象：它是什么？该如何操作？

课堂讨论（Class discussion）

• 这里有哪些可供我们交互的控件？
• 可以执行哪些操作（例如：按一个键，或同时按两个键）？
• 该设计是否清楚地传达了如何与之交互？通过什么线索？
• 如何设置时间、日期或闹钟，以及控制收音机？
• 你的心智模型与设计者的概念模型可能有哪些差异？

  Design Theories and Concepts

课堂讨论（Class Discussion）

打开你 Monash 邮箱中的 **Google 日历（Google Calendar）**并探索其功能：

请列出：

• 你可以交互的**界面元素（UI elements）**有哪些？
• 对每个界面元素，你可以进行哪些交互（interactions）？

设计理论与概念（20 分钟）——Design Theories and Concepts

小组活动（Group activity）

1. 在 Google 日历中，找出若干交互，并说明以下各原则如何在设计中被体现（若存在）：

   • Affordance（可供性）
   • Signifiers（指示符）
   • Feedback（反馈）
   • Constraints（约束）
   • Natural mapping（自然映射）
2. 判断每个交互主要依赖：

   • 头脑中的知识（Knowledge in the head） 或 外部世界中的知识（Knowledge in the world）。