画故事板先确定角色想完成什么,再画出触发、行动、阻碍和结果。制作可以按设定场景、选择关键画面、添加草图、补叙事、共享讨论、核对修订六步完成。六步指制作过程,不要求每个故事都恰好六帧。
故事板用连续画面解释事件怎样发生,既可用于视频分镜,也可帮助产品团队讨论用户场景。它不是把人物特征贴成一组卡片:相邻画面之间应有时间或因果联系,让没听过背景的人也能复述故事。需要区分应用场景时,可参考用户故事板的设计思路。
故事板可以从纸笔草图开始,也可以在Boardmix故事板画布中安排画面、文字与团队意见。以下以“大山”的场景卡片为起点,说明怎样从人物信息走向连贯叙事,再逐步完成可供评审的故事板。

1. 设定用户场景
在创建故事板之前,产品经理要先清晰地了解自己想要讲述的故事,及理想状态下的用户场景。最好的出发点是分解即将使用的脚本和叙述,设定用户场景主题,从这里开始才能确保后面的内容不会偏移原来的主题。
通过标记突出重要信息、地点、人物、叙事重点和主要情节来标记故事的关键部分将有助于故事板框架的形成。通过对故事概要中关键信息的标注,可以让故事板中场景的切换变得更加清晰明了。
例如大山要在早高峰乘公交去公司。先写一句场景目标:“大山需要判断能否按时到岗,并决定等待还是换路线。”时间、地点和约束明确后,后面的画面才有取舍。图中的朋友、敌人和网络形象可以作为人物背景,但若不影响这次通勤,就不要占用主故事的帧数。
可以先在Boardmix中用文本区保存故事概要,标出角色、目标、地点和关键转折,再将确认的信息拆进各个场景。若使用已有脚本,先摘出当前故事需要的段落;素材的导入方式以工作区当前支持项为准,不必为了开始绘制先上传整个文档。

2. 绘制关键场景
在标注完剧本中的关键场景后,下一步就是对关键场景的绘制。产品经理可以给每一个场景一个相关的标题,便于将这些场景链接到完善的故事概要中,而这也是将故事顺序可视化的第一步。
| 画面 | 可观察的动作 | 这一帧为什么存在 |
|---|---|---|
| 出门前 | 大山查看预计到站时间 | 交代目标与时间约束 |
| 到达站台 | 发现站台排队较长、车辆尚未到达 | 让原计划出现阻碍 |
| 判断选择 | 核对下一班与替代路线 | 显示用户真正需要的判断信息 |
| 采取行动 | 选择继续等待或换乘 | 把决定变成动作 |
| 到达公司 | 确认到达结果并回看选择 | 交代结果,避免故事停在按钮点击 |
若讨论的是到站提示,只保留影响提示设计的帧;若讨论整段通勤体验,可以继续展开换乘分支。先在图中标明哪些信息需要访谈或观察确认,再据此安排研究。
通过BoardMix在线白板中的容器功能,在白板上可以为每一个场景创造一个单独的容器。通过容器的方式,可以轻松对每一个场景卡片进行拖拽,而不需要担心场景顺序出错导致后续更新的麻烦。同时,动态调节的容器空间也方便了对后续故事场景的拓展。

3. 添加图像或草图
在为每一个关键场景画出带有标题或数字标号的空间之后,下一步是对每个场景的可视化。在这一步并不需要将细节精美的成品展示出来,更重要的是通过故事创建出合适的构图。
草图只需画清人物、环境和动作。可以用画笔、形状或已获授权的照片与截图表达,不必把每一帧都画成精修插画。沿用同一人物的外观和场景方向,避免前一帧等车、后一帧忽然到办公室,却没有任何过渡。

4. 描述每一帧的故事情节
虽然添加的每一张图像或草图都是静态的图片,但在故事中它们应该是连贯的。一件需要考虑的事情是如何实现从一个场景到下一个场景的过渡,在这一点上,需要为图像添加更多信息。
对于角色风格、情绪和行为的描述,以及更多画外音的详细信息,能够帮助团队更好地通过故事板联想到创作完成之后的视觉表现。可以将故事概要的内容通过各个图像进行重新编辑,在BoardMix在线白板中每个图像的下面添加相应的文本,能很轻松地完成这一步骤。
每帧下方优先写“发生什么—用户如何理解—接下来做什么”。例如“看到车辆还需等待,因此查看替代路线”,比“用户体验不好”更能支持讨论。如果情绪没有观察依据,将它写成待核假设;不要用一个沮丧表情替代研究结论。

5. 一键分享故事板
在前面的阶段都完成之后,就可以向团队分享制作完成的故事板,并从团队成员那里收集对创作内容的反馈。通过这一步可以更客观地了解其他人从你的故事板能了解到的故事信息,确保你的故事板有一个更好的故事表达顺序,并通过他们对故事板存在的一些疏漏进行弥补。与团队分享故事板是前期制作中的最终调整,通过团队中每个人的反馈调整故事框架和对内容进行调整编辑。

将画布分享给相关成员前,检查访问和编辑权限。让一位没有参与绘图的同事先独立看图,再复述角色目标、转折与结果;记录他在哪一帧需要额外解释。团队反馈放在对应画面附近,最终决定写回故事说明,避免评论与正文保留两套结论。
6. 走读、修订并记录下一步
对大山的故事逐帧提问:他为什么在此刻关注到站时间?能看到什么信息?这个信息为什么足以影响路线选择?结果是否真的回应按时到岗的目标?缺少依据的地方保留为研究问题,有明显跳步的地方补过渡,不必把所有未知都画成确定结果。
| 常见问题 | 修订动作 |
|---|---|
| 每帧只有人物标签,没有事件 | 改成可观察动作,补前后关系 |
| 从困难直接跳到满意结局 | 加入选择依据与解决过程 |
| 一帧包含多个时间和地点 | 拆帧或删除不影响判断的细节 |
| 评审意见彼此矛盾 | 记录分歧、决定人和需要补的证据 |
定稿时保存故事范围、版本与尚未确认的假设。需要验证界面操作时转到原型;需要研究真实行为时回到访谈或观察。故事板帮助确定要验证什么,并不证明方案已经有效。
先完成一次走读,再决定是否进入原型或制作。故事板的价值在于暴露情境与逻辑缺口,而不是用漂亮画面替代用户研究。
先保证场景可读,再考虑视觉精细度;评审应围绕证据和假设,而不是画面审美。

