非常干货系列之UI设计师怎样借助故事板做好用户体验

今天的文章当中，将着重介绍故事板，以及它是如何解决用户体验问题的。

 

故事板是什么

故事板最初是源自于电影行业，早在20世纪20年代的时候，迪士尼工作室内就常常用故事板来勾勒故事草图，这些草图让电影和动画工作者可以在拍摄之前，初版构建出想要展现的世界。对于UX设计师而言，故事板也非常有用，产品的使用场景，用户的交互流程，都借由一系列连续的插画故事化地呈现出来。

这是迪士尼制作《狮子王》的故事板

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

·可视化。图片比文字更容易理解，更适合传达概念和想法。通过视觉化的方式，故事板将信息更为系统的呈现出来。

·记忆性。有研究表明，相比于文字描述，图片信息的可记忆性比文字强22倍。

·同理心。每个人都能从故事中找到近似的经历，关联的事情，我们能够理解和我们自己类似的人与经历。

·参与性。故事能够引人注意，能够吸引我们的好奇心，能够让我们看清楚其中的意义，并参与进去。

 

故事板与UX设计的关系

故事板在UX设计中也很重要，它可以帮助你直观地探索和预测用户对于产品的体验。借助故事板来思考你的产品，就像将它置于电影的视角下来观察和推断用户的行为和反馈。这种环境下，你可以更自然地了解用户随着时间的推移，在交互和行为上有着怎样的改变，从而让你可以更加清晰地对产品进行描述与展现。

为何故事板在UX设计中如此重要

在整个产品开发设计流程中，故事板绝对是一种经济、实用又低成本的探索工具，纵览整个UX设计流程，我们能够看到它有如下特征：

·以人为本的设计方法。UX设计师在数据的基础上，加入人物角色，将产品流程整合成故事，让设计人员能够“面对着用户”做设计，并且拿出针对用户的解决方案。故事板能够帮助设计人员了解场景，潜在的语境，以及有待测试的假设。

·参与与评论。故事板是以团队为基础的设计活动，每个人都能参与进来，都应该为之提供有用的信息和素材，进行完善。和电影行业相同，每个场景都应该让团队成员参与讨论，并提出批评意见和建议。讲故事的方式更容易激发团队对于用户体验的理解，让大家更加紧密地围绕着用户构建清晰的体验设计。

·迭代。故事板通过迭代不断完善。通过插画勾勒出来的概念设计和交互，让设计人员低成本地测试和探索。毕竟，故事板最开始是粗糙而简陋的，想法和构思需要在不断探索中完善。

 

创建你自己的故事板

在谈及自己绘制故事板的时候，绝大多数人会纠结于手绘这件事情。好消息是，你不需要多会手绘就能绘制故事板。

这是Martin Scorsese 为电影《Goodfellas》所画的故事板，粗糙的令人发指。

能够传达信息，阐述清楚故事，才是故事板的关键所在。

设计师的关键技能并不是Photoshop和Sketch，而是构建和描述场景的能力。

如何搭建起故事的结构？

如果你想将一个故事视觉化地呈现在别人面前，那么你还需要做一些准备工作让你的故事板有逻辑，易于理解，且具有说服力。你需要了解故事的基础元素，并且将其解构成不同的模块，才能让其以邻人信服的方式呈现。每个故事都应该具有以下的基本要素：

·角色。故事中所涉及到的具体人物角色。他们的行为，外观和期望，以及在整个经验和历程中所做的每一个决定，都非常的重要。展现角色在整个流程中的体验，内心的想法和决定，都是故事板所需要达成的事情。

·场景。这是角色所处的环境。

·情节。许多设计师在进行设计的时候，会跳过上下文环境、使用场景和基础的设定与流程，直接进入细节设计，这样做是很容易出现错漏的。故事应该拥有基础架构，设定和剧情的，有起因，经过，结果。所以，在故事板当中，应该给你所设定的角色一个目标，有东西触发事件开始，并且通过执行，完成任务，或者阶段性结束任务，为角色留下新的问题。我们可以使用 Freytag 的金字塔来描述情节：

为了让你的故事足够强健，在绘制故事板的时候，你需要注意下面的问题：

·真实。你的故事板主要得清晰地呈现你所设计的主要角色，目标，以及所要发生的事情。如果你在故事板中呈现一些和主线无关的内容，故事板的观看者甚至最后的用户会发现它们的存在。因此，尽量将重点放在真实的人类和真实的环境中，你的用户会感同身受。

·简单。不要出现不必要的角色、场景和事件。无论你所设计的句子有多精妙，图片有多漂亮，如果与核心无关，就没有价值，删除它们。

·情感。在故事板中呈现你的角色的情感和情绪，这一点非常重要。

使用故事板来呈现用户体验

刚开始绘制故事板的时候，你可能上手并没有那么快，尤其当你对绘画信心不足的时候。但是不用担心，想要画好故事板，其实只需要掌握好如下几个技巧就行：

·从文本+箭头开始。将故事分割为不同的瞬间（背景信息，事件触发，角色作出的决定，以及最终的结果或遗留的问题）。

·为你的故事增加情感和情绪。通过添加表情符的方式为故事板强化情绪表达，帮助其他的观看者明白这些角色身上发生的事情和经历的情感情绪。尤其要注意标明痛点和关键点的情绪反应（角色期待发生的事情，以及结果对角色的影响）。尽可能简单直观地勾勒出情感状态。

·将每个步骤填写到故事板框架中。强调特定的时刻，并且思考你的角色在这些时刻的感受。

·清晰的结果。不要让故事板的观看者对故事的结果抱有疑虑。如果角色最终结果并不理想，那么你应该清晰地呈现出实际遭遇的关键问题；如果结果比较不错，那么你应该表明角色从中获得的好处。

结语

故事板对于用户体验很重要，想要做好其实也需要经历一个过程。但是不得不承认，它确实很有效。结合用户研究的数据与结果，你能通过故事板，越来越了解你的目标用户，也能让你的产品设计越来越成熟。