不会画画，如何制作出优秀的故事板？（内含免费模版）
我们的「设计干货」栏目，包含了所有关于设计师行业中的经验分享、工具使用、办公技巧、设计方法论等干货内容，希望能为你的设计工作带来帮助。
01
故事板为什么一定要画出来？
故事板在一个设计项目中起到了非常关键的作用，可以说一个项目的成功或者说一个好的产品设计离不开一个优秀的故事板。特别是在现今及将来，设计场景愈加复杂的情况下，一个能帮助设计师准确地发现问题，捕捉到用户情绪的故事板，是帮助我们创造有价值的产品原型或服务的核心。
那么我们可以先了解一下故事板。
故事板简单来说，其实就是用图像来讲故事。这个概念起源于动画行业，最初是由迪士尼工作室提出并应用的，他们将一张张草图钉在墙纸上，方便讨论和调整顺序，由此产生了故事板的原型，后来也被广泛应用在电影、游戏、交互设计等行业中。
当然，我们今天主要讲的是故事板在设计行业中的应用。设计师用一系列顺序绘图来呈现产品的使用场景，用户的交互流程，将用户生活或现有产品使用过程中的需求和痛点用图像的方式呈现出来，能帮助设计团队更好地制定出能真正解决用户问题的设计方案。
很多人会问故事板为什么一定要画出来？首先图像能够让故事第一眼就被理解、更容易被记住、比文字更有说服力。创作者千言万语的思路以可视的方式被呈现出来，重要的信息和问题以直观的视觉语言被表达。
可视化的情节往往能高效地传达信息，令人印象深刻，从而使设计师更容易产生一种同理心和沉浸感，过程中产生的问题也会比文字呈现得更立体。当你全面理解用户和产品之间的交互关系时，自然就能做出更好的决策，设计出更符合用户需求的产品了。这也就是故事板可视化，可回忆，同理心，参与度的特点。
但是，考虑制作故事板时，大多数人都将注意力放在绘画能力上。不是每个设计师都擅长手绘，所以很多想尝试故事板的设计师或是产品经理常常对此犯了难。
02
不会画画，还能制作优秀的故事板吗？
其实，不会画画的设计师依旧能做出非常优秀的故事板，只要你能触摸到故事板的核心。任何故事板的重心都在于提供明确的用户体验，你的故事如何清晰地将信息传达。所以设计师所应该具备的是制定和描述场景的能力，使一些不明确的用户需求变得更具象和有说服力。
「某些故事板非常粗糙，但只要故事板能够传达资讯和情绪，粗糙也没关系。」这是Archer的故事板艺术家Kevin Mellon 的观点。
要做好一个基本的故事板，首先需要具备这几个要素。
I. 角色
你故事中所涉及的角色，其实也就是你未来的目标用户。你对他们的画像越清晰，他们在过程中的感受以及做出的决定就会越具体和准确。记住，角色的内心才是你的故事板要探索的核心。
II. 场景
场景是角色所处的环境，物理环境的任何细节和变化都会触发角色内心和行为上的变化
III. 情节
讲故事的时候要体现出明显的动机，要包括从触发到结束的全过程。很多设计师常常直接进入到用户对产品的体验和操作中，这会让你忽略掉用户的目标和动机，从而忽略如何创造产品的竞争力。
而要判断一个故事板是否优秀，我们可以从物理环境和心理变化（actions & thoughts）这两个维度来考虑。也就是说，我们是否可以通过故事板的梳理，将我们研究的问题中，物理世界的问题和心理世界的问题分别暴露出来，从而达成对这个问题的充分研究。
「actions」可以帮助我们分辨行为上的合理和不合理，「thoughts」的梳理与用户旅程地图较为相通，能帮助我们感知背后的用户心态。那么我们用故事板来梳理问题，而不是用户旅程地图，就是为了让我们更聚焦在action上面。因为“画”出来的action，会帮助我们更好理解用户在场景中到底会遇到什么样的情景。
总结一下，优秀的故事板，需要将人、物、环境充分结合起来。在分析问题的时候，不仅要关注到屏幕环境的展现，更重要的是展现出屏幕之外的用户动机和应用场景。好的故事板既能帮助设计师融入到用户的使用情景中，产生同理心；也能让我们以旁观者的状态，观看全局，以此来反思和总结整个过程中的问题与合理性。
那么就到了最后一个问题，该如何解决画画的问题呢？
03
没有绘画基础，如何打造足够专业的故事板
没有绘画基础要去制作故事板的话，快速的解决办法当然是借助工具。而关于借助什么工具，其实这个探索的过程我们就可以用一个故事板来体现。
我们可以假设一下，一个画功不好的小白设计师，想要做一个故事板，在他寻找辅助工具时都会遇见什么样的困难，产生什么样的心理变化，这些因素就是帮助我们研究问题的关键所在。最后，我们会得到一个帮助不会画画的设计师制作故事板的最优工具。
传统制作故事板的手段其实就是通过纸绘、Photoshop或者在PPT里制作。通过这个故事板，其实我们可以很轻易地感知到角色在选择工具中的痛点和问题。
在纸上手绘需要角色具备一定的绘画能力，但是不易修改，在与他人分享时有了必须面对面的硬性要求；在ps中绘图其实并不比手绘轻松，需要消耗的时间较长，分享时只能通过一个又一个的文件形式，且对象要查看时受限于是否有相应的工具；而用PPT制作故事板，页面会非常局限，操作上来说也会比较复杂，很影响对于故事板制作体验。可见，这些手段都不是优选。
通过这些画面，我们也可以感受到小明从一开始的迷茫，到寻找工具中遇见种种问题后心情越发烦躁。这些过程相信大家完全可以共情，他最希望的，其实就是找到一个可以迅速上手，不需要自己画画，并且直接套用的故事板模板。
而此时Fabrie的出现解决了什么问题呢？
首先它有模板引导，而且是可编辑的模板，可以根据自己的具体情况灵活调整。而且他可以批量上传图片，自带的图片采集插件效率倍增，还可以自由裁剪，操作很简单，对于小白设计师来说，大大满足了他们想要省时省力，快速上手的心理。
你可以任意添加便利贴用来辅助说明，或者用线条强化场景之间的联系。这些其实都很适合不太会画画的设计师来整理思路，强化你的故事板情节。
在Fabrie的白板上，除了故事板，其实还可以插入各种各样的辅助资料，甚至可以上传PDF，这就为你规避了需要来回切换不同软件的麻烦。在你完成故事板后，你也可以在同一个白板下，开启用户旅程图、头脑风暴等，相当于你大部分后续的工作都可以在Fabrie中完成。
最后当你需要将故事板分享给团队征求反馈的时候，只需要分享一个链接，大家就可以直接同时在线修改和反馈，交流不再受限于物理空间，也不需要再忍受文件迭代传输的困扰，这也是Fabrie在线协作工具的本质。最近Fabrie还上线了团队功能，团队之间的协作就更方便和高效了，创建团队后可以邀请协作者加入，文档之间充分共享，非常利于项目的管理和成员之间的有序协作。
此时关于我们研究的问题：「不会画画的设计师，用什么工具来制作故事板是优选」，其实已经得出了结论。这其实也侧面体现出了故事板的意义，通过画面，呈现真实场景，能帮助我们聚焦于用户在这个过程中的actions&thoughts，那么这个故事板就是优秀的。
接下来我们可以看看具体该如何使用fabrie制作故事板：
Step1：将目标用户具象化
以用户为中心的设计是建立伟大产品和服务的关键。故事板通过可视化的用户互动流程来关注他们使用产品服务的体验，所以我们首先要做的就是聚焦故事中的用户角色，并且越具体越好。可以尝试从以下维度探索：
I. 常规统计学特征：选取年龄、性别、种族、收入、教育、职业等基本属性；
II. 个人标签：比如生活方式、消费习惯；
III. 用户背景：使用产品/服务的经验、认知和动机；
IV. 用户期望：选择同类产品/服务时考虑的核心诉求和目的；
V. 用户痛点：产品/服务设计中与用户契合的吸引点；
VI. 用户门槛：若产品/服务本身存在使用门槛，则相应需明确目标用户所需的技能条件；
当我们标记出越详细的关键用户要素，越能帮助我们理清用户与产品的关系，形成产品的使用场景，以及服务的交互流程。
Fabrie 创作小提醒：
· 你可以为不同类型的目标用户分别创建一个故事板，后续可以在同一个白板中进行类比和分析；
· 用便利贴标注辅助说明用户画像和场景。
Step2：围绕用户梳理故事脉络
为你的故事板确定了角色之后，就要开始构建你的故事。首先，弄清楚你想研究的问题，并确保它在你的叙述中展示出来。尽量展示出人物的心理需求，和故事的触发动机，让故事的脉络围绕着你要研究的问题展开。
Step3：定义关键故事场景
接下来，就可以开始确定你故事中的关键场景，用编号来梳理行为的先后顺序。对于场景的描述最好简洁概括，表达要准确，确保每个人看到时的理解是一致的。
Fabrie 创作小提醒：
· 解除群组可对故事场景卡片进行结构调整；
· 故事脉络中的关键文字信息可以设置不同的颜色进行区分。
Step4：视觉化表达故事场景
现在是时候开始将每个场景可视化了，在制作每个场景画面的过程中，也是你带入角色的身份感知的过程。通过将场景、环境的视觉化展示，就能更多地触发人物的心理变化，暴露情景内不合理的问题，这也是我们为什么要用故事板的原因。
如果你不会画画其实也不用担心。在Fabrie 在线故事板中，你可以插入从任何地方收集的摄影素材、插图、屏幕截图等，只要能清晰地展示故事的情节开展，那就是成功的。即使你是手残党，也可以大胆地尝试绘画，Fabrie里有自由绘制的功能，删除也很便捷，用便利贴辅助表达，其实也可以成就你的故事板。注意制作过程中要思考更多的Why，而不是How。
Fabrie 创作小提醒：
· 直接从本地拖入图片批量上传到白板，然后分场景归入对应的卡片；
· 可以通过 Fabrie 图片采集插件更高效管理故事素材。
Step5：为你的情绪板添加情感
虽然每一张故事场景卡片都是静态图文，但要尽量传达它作为一个动态叙事的面貌和感受。描述用户的风格偏好、情绪和行为，核心其是关于传递一个设计概念，以帮助你的团队更好捕捉和理解其中用户心态的微妙变化过程。
Fabrie 创作小提醒：
· 可以用图形工具模拟气泡框，适当表达出人物的内心需求和变化；
· 插入表情符号辅助表达当中情绪的部分。
Step6：明确结果，进行迭代
故事板是解决方案与用户如何交互的直观说明，用视觉流的形式呈现细节。当所有场景都清晰展现时，你就可以明确你要研究的问题是否有了结果。提炼和记录下用户在交互过程中所遇到的问题，为团队后续的产品设计提供优化和迭代的建议。
当你需要跟团队伙伴分享你的结论或寻求意见时，可以直接将其放入团队项目中。展示时还可以一键转化成演示模式。后续不如在同一个白板中添加设计迭代计划，用户旅程地图，使项目的进度和过程更系统地展现在同一个空间里。
Fabrie 创作小提醒：
· 文档支持一键分享并配置不同权限；
· 文档支持多人在线实时协作，面对面或在线会议都好用。
总结一下，故事板其实就是用直观的画面和简单的文本来综述用户与解决方案的交互故事，是一个引导、阐述、组织和验证需求的过程。相比于画功，其实更重要的是设计师的洞察力和共情能力，学会在制作的过程中主动发现用户在使用产品时的会面对的物理困难以及心理变化。ps：让Fabrie来开启你的故事板之路吧～后台回复关键词「故事板」，即可领取模板链接哦。
「Fabrie文档」是一款面向全球设计师团队的在线协作类产品，这里是 Fabrie的「设计干货」的不定期推送，欢迎订阅保持关注。如果我们的内容中出现了什么不当之处或有图片侵权的情况，请尽情指出，我们一定会及时改正，也欢迎大家随时与我们分享设计行业的新鲜事。
往期分享
远程入职12位新同事，如何做到平稳落地
模板分享Vol.02｜用情绪板耕耘设计师的视觉后花园
👇 点击「阅读原文」查阅更多