故事板
故事板： 绘制4-12个面板的序列，显示用户（或客户、员工）随时间推移在场景中的移动。每个面板展示一个时刻：他们在做什么、想什么、感受什么。叙事序列揭示了摩擦、愉悦和功能列表或流程图中看不见的空白。用于对齐团队、测试概念、无需构建任何东西即可传达设计意图。
什么是故事板？
故事板由华特迪士尼工作室在1930年代初发明，归功于动画师韦伯·史密斯，他将顺序草图钉在板上以规划动画序列。在故事板之前，动画电影主要通过书面剧本规划——故事板使时间和视觉序列作为一个整体可见，使导演能够识别节奏问题、遗漏的节拍和叙事空白。
该技术迁移到广告和真人电影制作，然后在1980年代和1990年代进入产品设计和用户体验研究领域。在服务和产品设计中，故事板服务于相同的功能：使时间序列成为空间整体可见，从而使序列中的模式和问题变得明显。
故事板提供的关键洞察是叙事连续性——它迫使设计师展示用户如何从A点到B点再到C点，包括功能规格经常忽略的过渡。功能列表告诉你产品做什么；故事板展示使用它是什么感觉。功能之间的时刻（找到应用、打开它、困惑、放弃、再试一次）通常比功能本身更重要。
工作原理
步骤1：定义场景
— 用户/角色是谁？
— 他们的目标是什么？
— 背景和起始条件是什么？
步骤2：识别关键时刻
— 故事中最重要的6-12个时刻是什么？
— 包括：触发、关键互动、决策点、情绪高/低点、解决
步骤3：绘制每个面板
— 简笔画即可——细节不是重点
— 每个面板展示：行动 + 背景 + （可选）想法/感受
— 面板下方的说明描述正在发生什么
步骤4：讲述故事
— 与他人一起作为叙事走过故事板
— 识别感觉不完整、困惑或情绪平淡的时刻
— 注意哪些面板需要多个子面板（发生太多事情）
步骤5：迭代
— 基于反馈添加、删除或重新排序面板
— 关注用户挣扎或情绪上成功的时刻
— 为最不确定的时刻制作原型
面板组件：
- 图像：场景的简单草图（简笔画即可）
- 说明：1-2句描述正在发生什么
- 思想泡泡（可选）：角色在想什么或感受什么
- 背景说明（可选）：设备、位置、时间压力
三个真实案例
Airbnb的关键2009故事板
2009年，Airbnb正在挣扎。联合创始人乔·格比亚引入故事板来映射完整的客人和房东体验。团队为客人预订住宿和房东列出空间创建了故事板，绘制了从发现到退房的每个时刻。该练习揭示了房源照片是关键的信任时刻——而大多数房东不知道如何拍摄他们的空间。这一洞察直接导致Airbnb向房东房产派遣专业摄影师，这对公司首次主要增长拐点做出了重要贡献。故事板使"照片质量"时刻以任何指标报告都无法做到的方式变得可见。
Uber司机入门流程
早期Uber在注册过程中面临极高的司机流失率。用户体验团队用24个面板绘制了完整的司机入门旅程——从第一次看到Uber广告到完成第一次行程。故事板揭示了四个司机体验令人困惑或焦虑的时刻：保险文件步骤、实时行程中的第一次应用导航、支付时间和评分系统。每个都是以前未被追踪的摩擦点。重新设计这些时刻后，司机流失率在A/B测试中降低了15%。
医院患者旅程映射
英国一家NHS信托机构使用故事板绘制患者从全科医生转诊到专科咨询的旅程——这是一个最多需要6个月的47步过程。故事板绘制在长卷纸上，每个时刻标注了来自访谈的患者引言。可视化序列揭示了四个医院系统中没有人对患者体验负责的时刻（他们"在系统之间"）。重新设计这四个交接点将转诊到咨询时间减少了31%，没有增加人员。
何时使用
✅ 故事板在以下情况有价值：
- 从头设计新产品、服务或体验
- 向利益相关者传达设计理念，无需原型
- 识别现有用户旅程中的摩擦点
- 使跨职能团队围绕共享用户叙事保持一致
- 准备用户研究（故事有助于构建访谈问题）
❌ 不太适用的情况：
- 交互对顺序面板来说过于复杂（高度非线性流程）
- 团队已经对体验达成了共识，需要技术规格
- 问题纯粹是功能性的（优化算法速度）而非体验性的
| 搭配使用 | 原因 |
|---|---|
| 待办任务 | 待办任务识别工作；故事板展示产品如何执行它 |
| 设计思维 | 故事板是设计思维构思和原型阶段的主要工具 |
| 共情地图 | 共情地图深入一个时刻；故事板覆盖整个旅程 |
| 最小可行测试 | 故事板识别哪些时刻需要实验验证 |
常见误用和局限性
过度精美。 故事板的价值在于速度和灵活性。投资于精美插图的团队失去了快速重新排列、添加或删除面板的能力。用便签或便利贴绘制的粗略草图通常比干净的数字故事板更有价值。
遗漏情感内容。 仅显示行动的技术故事板错过了最重要的维度：用户在每个时刻的感受。用户体验的情感弧线通常揭示了功能性弧线掩盖的设计优先级。
只画快乐路径。 仅显示理想成功旅程的故事板是设计幻想。最有价值的故事板包括：失败状态（用户找不到所需内容）、错误恢复（用户犯错并修复）和情绪低谷（解决前的沮丧时刻）。
相关模型
| 模型 | 关系 |
|---|---|
| 设计思维 | 故事板是设计思维原型阶段的核心工具 |
| 待办任务 | 待办任务定义故事板应展示什么 |
| 最小可行测试 | 故事板揭示哪些时刻需要实验验证 |
常见问题
创建故事板需要会画画吗？
不需要。简笔画完全足够。故事板面板的目的是在空间上锚定叙事时刻——给团队一些可以指着说"这是用户挣扎的地方"的东西。绘图的保真度与此功能无关。经验丰富的用户体验设计师经常故意画得很粗糙，以表明故事板是思考工具，而非可交付成果，并鼓励队友自由注释和修改。
故事板和用户旅程图有什么区别？
用户旅程图通常更结构化和定量——它以表格格式映射阶段、接触点、行动、情绪和痛点，通常有研究数据支持。故事板更叙事和定性——它讲述一个特定用户在特定背景下的具体故事，使用图像传达时刻的质感。旅程图更适合跨团队对齐整体范围；故事板更适合建立共情和快速概念沟通。它们是互补的：用旅程图识别哪些时刻最重要，然后详细绘制关键时刻的故事板。
故事板应该有多少面板？
6-12个面板对大多数产品和服务设计应用是最高效的。少于6个可能遗漏关键过渡时刻。超过15个变得难以同时在脑海中把握——故事板的关键价值是整个序列一次可见。如果故事确实需要超过15个时刻，考虑将其分为多个故事板，分别对应旅程的不同阶段（获取、入门、常规使用、流失）。
延伸阅读
- Martin, B. & Hanington, B. (2012). Universal Methods of Design — 故事板和99种其他设计研究方法
- Unger, R. & Chandler, C. (2009). A Project Guide to UX Design — 产品设计实践中的故事板
- Brown, T. (2009). Change by Design — 作为共情和沟通工具的故事板
用AI应用
本页是MindMax心智模型知识库的一部分。