故事板——用户体验设计中的利器

图片作者：wikiHow

在用户体验设计中有一些我们很熟悉的技巧，比如workshop和用户访谈。我们把所做的研究融合到用户故事中，还有用户的操作流程中，用人物画像、线框图之类的产出物跟其他人来交流我们的想法和设计方案。这一切都建立在一个基础上——我们有真实的用户让我们去给他们做设计。为了打造更好的产品，我们必须理解在用户的世界里发生了什么，我们的产品能为他们做些什么，这也就是故事板的用处。
在本文中，我们把故事板当做一个探索UX问题解决方案的媒介，同时也是与其他人交流问题和表达解决方案的媒介。

什么是故事板？

故事板就是一系列插画，每张插画像一张照片一样记录某个瞬间，而所有的插画连起来最终还原了一个故事。大体上讲，它就是像连环画一样的东西，里面的图片有序地排列在一起，用视觉化的方式讲述一个故事。这个方法来自于电影制作行业，Walt Disney工作室从1920年就开始使用这种方法，并且把它推广了开来。故事板让他们能够在电影开始制作之前就把故事情节展现出来。

狮子王的故事板

故事板是传递信息的最强力工具：

• 可视化：一张图片可以包含上千字的信息量，理解一个想法最好的办法就是把它画出来。
• 容易记：比起单调记录事实的文字，讲故事要让人好记22倍
• 同理心：当你讲述一个可能真实发生在别人生活中的故事的时候，听众很容易对故事中和他们有相似问题的角色产生共鸣。
• 参与度：故事能吸引人们的注意力：我们天生的好奇心驱使我们走进这个故事里，而且当我们从故事中感受到一种快要成功的感觉时，我们也会更加愿意参与到其中。

用户体验设计中的故事板又是什么？

故事板在UX中是一个帮助你以视觉化的方式探索、预测一个用户使用某个产品时所产生体验的工具。它就像一部电影，告诉人们用户怎么使用这个产品。这能帮助你了解人们如何随着时间的推移与产品行交互，从而让你清楚地知道如讲述一个完善的故事。

为什么故事板在UX中至关重要？

故事板在设计流程中是一个有效而且低代价的捕捉、关联、探索体验的方式。在UX设计流程中，它有如下优点：

• 以人为中心的设计方法：故事让数据像人一样鲜活起来，故事板把我们的设计方案带到生活中，设计师能够站在用户的立场上去审视自己的设计。故事板帮助设计师理解已知的场景，同时也能验证对潜在场景的假设。
• 一种“批改”的技巧：故事板是由一个团队共同完成的，每个人都能参与到其中（不仅是设计师们）。对于电影制作也是同样的，所有的团队成员都应该对每个场景进行“批改”。故事板能激发出新的概念设计，并且让团队成员紧密的团结在一起、清楚地了解正在设计的东西。
• 一种迭代的方式：故事板需要不断迭代。用草图大致描绘用户行为的成本非常低，设计师能够用它来测试他设计的概念。无需过分关注从中产生的想法，因为它们来得太快、太粗糙了。

创建你自己的故事板

当提到故事板的时候，大多数人都会担心他们的绘画能力。有一个好消息要告诉你，你完全不用担心你的画技有多烂！

根据Martin Scorsese的电影《Goodfellas》创建的故事板

最重要的是你想要讲述的故事，清晰地传达信息才是关键。

设计师的主要技能不是Photoshop或者Sketch，而是清晰地规划和描述场景的能力。

如何设计一个故事的框架

如果你想要用视觉化的方式呈现一个故事，把用户的问题传达给他人，那么你需要做一些准备让它变得有逻辑、易理解、有说服力。通过理解讲故事的基本原理然后把故事分解，我们可以用一种更强大、更有说服力的方式展现它。每个故事都应该包含以下几个基本要素：

• 角色：出现在故事中的具体角色，他的行为、外表、期望还有他所做的决定都至关重要。揭示角色内心的想法对于成功描绘他在这个故事中的体验是必不可少的。
• 场景：角色所处的环境（真实世界中包含人和物的环境）。
• 情节：有很多设计师总是迫不及待地展开他们故事的细节，而不是首先讲述背景故事。不要成为他们中的一员——在你的脑海中应该要有一个故事的总体结构，包含显而易见的开头、中间发展还有结局。故事中展开的情节应该聚焦于角色最终的目标。剧情应该有一个明确的开端，结局应该是你的设计方案解决了问题或是角色遇到了尚未解决的问题。建议使用Fretag金字塔构建你故事的情节。
  Freytag金字塔的5个部分：开局、上升、高潮、下降（解决方案或问题）、结局（结论）。[Ben Crothers](https://twitter.com/bencrothers)在金字塔中添加了一个关于一个手机坏掉了的小故事

为了让故事更加完善，你需要思考以下几点：

• 真实性：让角色、他的目标和他经历的事情尽量清晰。如果你讲的故事不能和你的产品产生联系，你的用户很可能会质疑你。因此专注于真实场景中真实的人物，你的观众会与角色产生共鸣。
• 简洁：删掉任何不必要的东西。无论它看起来有多漂亮，如果它没有为整体的信息增加价值，你都应该删掉它。
• 情感：在角色的经历中传达出他的情感状态是非常必要的。

用故事板描述体验

第一次用故事板可能会有点难以上手，尤其是当你对自己的画技不自信的时候。别担心，下面的指南会帮助你做出一个更棒的故事板：

• 以文字和箭头起手：关键是要把一整个故事拆解成一个个小的瞬间（背景、开头、角色所做的决定、结局）。
  一系列的瞬间
• 加上情绪：为每一个阶段都加上情绪，帮助别人理解角色心中在想什么。记得在这个过程中描述所有对成功/痛点的反应（角色期望发生什么，还有结果对他的影响）。画一个简单的小表情表示每个阶段的情感。
  加上表情后的一系列图片，帮助他人理解角色在各个阶段的的心情
• 把每个阶段转变成一帧图像：强调每一个瞬间，想想你的角色在那时的感受。
  故事板中的帧
• 设计一个明确的结局：确保你的观众没有对故事的结局留下疑问。如果你想描述一个痛点，那就应该以完整地描述这个问题来收尾；如果你想展现你的解决方案，那么结局应该表现你的设计给角色带来了什么好处。
  笑脸和哭脸可以为你的故事添加情感，并且让故事在你观众的心中鲜活起来。图片来自Chelsea Hostetter, Austin Center for Design

小结

在UX中使用故事板并不简单，但却很有用。用图像来讲故事是一种很好的方法，尽可能地使用它吧。你为了理解用户而做出的一切努力都是有价值的。
谢谢！

---

*本文为译文
原文：Storyboarding in UX Design
作者：Nick Babich