故事板是您用户体验设计过程中缺失的一环吗？

故事板……这就是编剧用来创作电影和电视节目的东西，对吧？ 是的，这是真的，但故事板不仅限于虚构的娱乐世界。 它们还可以在您的用户体验设计过程中发挥重要作用。

在这篇文章中，我将介绍所有故事板。 我将从一个简单的定义开始，然后研究如何使用故事板来设计用户在项目中的旅程，从而设计出更好的用户体验。

什么是故事板？

故事板是一个相当简单的概念。 基本上，它们是按顺序移动故事的简单插图。 正如我所提到的，它们最广为人知的是用作开发电影和戏剧情节线的工具。

为了将故事板应用于电影时的有趣可视化，Flavorwire 将一些著名电影的故事板列表放在一起。 还记得《惊魂记》中著名的浴帘场景吗？ 这是故事板形式的样子：

但是故事板不仅可用于布置虚构的情节。 它们也已成为可视化真实人如何体验网站或应用程序的流行方法。

当涉及到您的网站或应用程序时，故事板基本上遵循特定用户角色的完整旅程，从他们努力解决问题开始，到他们与您的创作互动并体验积极的解决方案结束。

重要的是你的故事板描绘了一个在真实环境中遇到真实问题的真实人物。 故事板应该始终让人感觉真实并立足于现实。

那么这在现实中会是什么样子呢？ 以下是奥斯汀设计中心的 Chelsea Hostetter 的一个例子：

请注意切尔西的故事板如何从头到尾描绘一个完整的故事？ 它不仅仅关注 Susan 对 Heartline 应用程序的使用。 它从现实生活中的情况开始，以苏珊使用应用程序与汤姆联系为高峰，并以现实生活中的问题解决结束。

故事板如何帮助改进用户体验设计？

如今，人们非常关注大数据。 虽然冷硬数据当然很有价值，但它完全将人从设计过程中移除。 故事板可以帮助将人类元素带回设计中。

借助故事板，您可以让真人完成实际操作，而不是抽象的功能描述或分析数据。

除了人为因素之外，故事板还可以让您轻松快速地修改和迭代您的想法。 因为您所做的只是勾勒出流程，所以与创建具有相同功能的工作原型相比，您需要投入的时间要少得多。

这意味着您可以比原型更快地推出更改。

帮助创建第一个故事板的提示

您不需要成为专业的插画家来创建故事板，但是您应该遵循一些策略来创建对您的设计过程有实际帮助的故事板。

请记住，您的目标是创造真实且令人信服的东西。 如果需要，请返回并再次查看 Heartline 示例。 请注意这个故事：

• 充满了人类的情感
• 专注于整个场景，而不仅仅是角色使用您产品的部分
• 有明确的分辨率

虽然切尔西的最终产品是一个很好的例子，但不要觉得您需要直接从空白页面进入完全充实的故事板。

相反，它有助于慢慢建立最终产品。

首先，请记住您的目标是：

• 正宗人物
• 一个现实生活的问题
• 通过您的产品解决该问题的合乎逻辑的、真实的方式
• 故事板末尾的实际分辨率

为确保您了解所有这些元素，从勾勒故事基础的纯文本描述开始会更容易。 将它们以叙事弧线连接在一起，但不要担心太深入。

然后，返回并通过引入更详细的情感来重写您的故事。 你的角色在旅程的每个阶段都有什么感受？ 他们高兴吗？ 伤心？ 冷漠？

一旦您以纯文本形式勾勒出叙述和情感，您就可以将其转换为实际的故事板。 要做到这一点，请将故事中的每个动作分解成一个单独的框架，并使用真实的插图勾勒出来。

如果您具有艺术技巧，请尝试在绘制故事板时将情感真正带入您的插图中。

帮助您创建故事板的工具

在我深入介绍一些帮助您创建用户体验故事板的工具之前，我应该先说明一个事实，即您可能已经在某个壁橱中放置了足够的工具。

也就是说——您不一定需要任何花哨的东西来创建故事板。 如果您要成为唯一一个查看故事板的人，那么用笔和纸进行 lo-fi 完全没问题。 或者，您始终可以使用 PowerPoint 等数字方法将其组合成一个有凝聚力的故事。

但是，如果您要与其他团队成员合作，您可能希望创建看起来比笔和纸或 PowerPoint 允许的更精致和专业的故事板。 在这些情况下，以下工具可以提供帮助……

故事板那个

Storyboard That 可以让您使用预先制作的拖放元素构建逐帧故事板，而不是手工绘制草图。 一旦您用纯文本勾勒出您的故事，您就可以使用这些元素来构建更精美的最终产品。

该工具使用起来相当简单。 您真正需要做的就是：

• 为您的场景选择背景
• 添加字符
• 带入文本或项目

例如，我能够在短短几分钟内创建这个基本的故事板：

虽然我怀疑我会赢得故事板比赛，但它比手工绘制草图要快得多（至少对我而言）。 唯一的缺点是你失去了用角色的面部表情表达情感的能力。

基本的 Storyboard That 工具是免费的，但他们也有提供更多功能的高级计划。

区

Boords 是一种更加灵活和高科技的工具，可帮助您从现有插图创建故事板。

虽然它不会帮助您实际创建这些插图，但它确实可以帮助您安排它们、添加注释以及通过 Internet 或 PDF 共享您的故事板：

因此，如果您打算在故事板上与其他人合作，Boords 可以让您更轻松地进行动态调整。

有一个基本的免费计划，可让您免费获得最多两个故事板。 但在那之后，您需要为 Pro 付费。

包起来

故事板不仅适用于电影和戏剧。 它们帮助您更快地迭代，更好地了解您的用户，并在您的整个设计过程中加入人性化的面孔。

请记住——您的故事板需要真实且令人信服。 草拟一个你的产品拯救世界的草率情况可能会让人感觉很好，但这不是故事板的目标。 保持现实并专注于从头到尾讲述完整的故事。

现在轮到你了——你在设计过程中使用故事板吗？ 如果是这样，您认为它们值得花时间来制作吗？

CharacterFamily/shutterstock.com 的文章缩略图