掌握故事板用户体验设计的 6 个简单步骤

​

• 问题

构思方案时团队在细节上难以共识

• 故事板是什么？故事板就像连环画一样，将用户使用解决方案的关键步骤顺序串联了起来，呈现了方案和用户之间的交互。

• 故事板以先后顺序展现团队票选出来的最佳解决方案，在过程中对于方案中未讨论的细节和开放性问题达成共识，同时也是为下一阶段的制作原型进行铺垫。

• 因此，虽然在决策方案阶段，团队已经对要验证的方案达成共识，在绘制故事板过程中，团队成员还是会因为细节的讨论上产生不少冲突和分歧，甚至有些团队陷入了漫无止境的讨论。下面通过六个步骤，避免大家因为进入非结构化的讨论而延长故事板绘制时间，让团队专注于高效产出故事板。

• 解决方案

6个步骤让团队在冲刺中高效地故事板设计

步骤一：写出用户验证流程

• 除了决策者的所有人拿便签纸
• 回顾上一步确定的解决方案
• 每个人写下一个你认为用户从进入到退出该解决方案的6个关键步骤 (比如点击/长按等)
• 此时可以参考用户体验历程和冲刺问题

• 可以先列出起点和终点。起点是一个真实的进入点，即用户是如何进入找到解决方案的；终点即理想的结束点，即用户是如何离开解决方案的，通常是他们使用解决方案完成了某个任务或目标。然后将故事的中间环节分割成用户完成任务的几个关键步骤。

• 比如，以摩托车出租服务这个解决方案为例。起点是用户搜索摩托车出租找到这一解决方案，终点是用户使用完摩托车后归还。用户的任务是使用摩托车，因此关键步骤会包含：阅读营销页面-在手机应用商城下载App-在App中预定摩托车-使用摩托车。

​

步骤二：在墙上创建一个矩阵

• 这一步是为了让团队每个成员都能将自己思考的用户验证流程都展示出来。

• 在正方形的便签纸上分别写下A B C…并将他们垂直地贴到墙上
• 在正方形的便签纸上分别写下1, 2, 3… 6并将他们水平地贴到墙上
• 见下方的例子

步骤三：每人读出内容，并把内容贴到墙上

• 一个人站起，向团队大声读出他/她便签纸的内容
• 按1-6的顺序把6个步骤的用户故事便签纸贴到墙上
• 所有人轮流重复一样的行动

步骤四：团队对验证流程进行投票

• 所有人除决策者外拿一个小圆点
• 为你认为故事线最清晰的行（参与者）投票
• 最后，决策者拿一个大圆点进行最后的投票
• 圈出获胜的验证流程
• 将获胜的验证流程贴在故事板模版

步骤五：团队对验证流程进行投票

• 回顾冲刺问题/用户体验历程/投票选出的构思草图页面
• 将优选的构想草图从其他页面中摘出来，贴在对应验证流程中
• 列出每个页面想从用户验证中学到的、验证的假设
• 如果发现一个步骤存在多个假设，选择一个最值得验证的
• 如无法决策则将这些假设想法都纳入故事板
• 将待验证假设归类到对应的用户验证流程中
• 团队讨论如何验证每一个假设，以及在故事板上的呈现方式

• 列出团队要验证的的基本假设是一个重新审视解决方案全局的好方法，尤其是当它发生在设计冲刺的中间阶段。

• 这些假设的对象可能是用户(例如:“用户愿意在使用摩托车出租App时授权访问地理位置”),可能是关于业务(“摩托车出粗市场足够大,能够支持公司的可持续发展”),还可能是关于技术(“技术团队能够开发自动匹配最接近用户的摩托车出租点给用户”)等等。

• 例如，如果您有一个比较重要的假设，即用户将乐于在您的产品中共享私有数据，那么在故事板中，你应该设计一个所能想到用户分享其私有数据的最大限度场景。当你在原型阶段向用户展示它时，将能很快发现您的假设是否正确。

• 试着想出一种方法来测试所有的假设，无论是在用户研究中还是在其他可以马上开始的并行任务中(例如，让工程师花几个小时破解上面提及的自动匹配算法)。如果你现在还不能验证所有的假设，请放入设计冲刺的待办事项中。

• 在列举假设的过程中，团队对于同一个假设有多个想法是很常见的情况，在这种情况下，团队可以选择保留所有的想法或者对其中的一个达成共识。这将直接影响到在原型阶段，团队要制作一个原型亦或者多个。我们的建议是，如果团队每个人都对其中某个想法感到满意，那么就只保留一个假设；如果团队对选择哪个想法绞尽脑汁，认为每个都有其优缺点，那么这时候保留多个是更好的做法。

步骤六：绘制故事板

• 主笔人（选出1-2个主笔人）使用马克笔或者便利贴。用图画和文字填充细节
• 从第一个单元格开始。基于上一步讨论的假设和呈现方式进行绘制。整个团队探讨每一步
• 然后最后一个单元格
• 然后是剩下的单元格。剩下的格子是每一步的操作（1个分镜可以约等于测试中的1分钟）

• 故事板利用视觉讲故事，其保真度只需要给团队成员提供足够的信息。在故事板的每个空白格中，团队将绘制用户的单个动作—无论是单击按钮的指针、输入的文本，还是在现实生活中正在做某事的用户。你不必担心布局或设计的细节，但你必须考虑故事中发生的每一个动作。

• 绘制故事板不是一项轻松的工作，团队需要谨慎地进行操作。让一个人画画，但不要让他们自己画出所有的东西。小组成员应该参与进来，讨论接下来会发生什么，并尽可能多地帮助那个拿着白板笔的勇敢的人。

• 当您开始绘图时，设想您正在为用户研究参与者构建原型。他们如何得到你的产品?当他们到达那里时，他们会试图做什么?这将帮助你弄清楚故事板的每一帧画面要传达的信息。

• 关键成效

故事板，帮助团队理清产品的使用情境

借由故事板中连续的插画和分镜把一个人和产品或服务之间的交互体验呈现出来的，故事板的核心价值有：

• 可视化的效果：因为图片比文字会更加容易被理解，也更适合传达概念和想法，通过视觉化的方式，故事板把信息更为系统的呈现出来，也是一种更有叙述化的方式，让受众有一个更好的理解。
• 同理心：因为每个人都可以从故事中找到一个近似的经历或者是关联的信息，让我们产生一些共鸣，我们可以通过理解这些与我们类似的人、信息、经历对一个产品或体验行为有更好的参与性。

故事板模板

• 通过故事板展示产品的使用情境，包括用户交互的流程。将交互体验呈现出来的。

下载

• 参考文章：

• 1. Jake Knap 产品设计冲刺：决策阶段

• 想更深入学习绘制故事板的技巧，以及团队如何高效决策创新想法，为你推荐《设计冲刺：创意构思与优选方案》课程。

「课程推荐」创意构思方案

• 让你的团队在短时间内快速找到最佳的创意构思方案，并基于方案进行故事板绘制。

• 3 节微课

去学习

继续阅读本文相关话题

• 产品研究, 设计冲刺

Runwise 创研院

Runwise创新咨询旗下的专业创新智库机构。秉承Runwise.co创新社区“共享、共进、共创”的价值理念，与全球领先创新智库和创新专家紧密协作，拥有最严谨的研究员团队以及生成式AI驱动的创新知识库。为Runwise各机构和开放创新社区策划、设计和输出最新的创新趋势、前沿的创新方法、专业的创新实践以及深度的创新案例。

查看作者主页

原文链接：

创新工具 | 教你6步用故事板设计用户体验事半功倍

延展文章：

1. 创新工具｜用这5个chatGPT提示可快速获得高价值见解

2. 创新工具｜2023四个好用的有效复盘方法

3. 创新工具｜用"GTM画布"来规划并设计产品GTM策略和打法

4. 创新工具 | 如何以3×3增长模型矩阵驱动产品规模化增长
 

更多精彩案例与方案可以访问Runwise创新社区。