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