Mood Boards in UX: How and Why to Use Them

UX情绪板：如何以及为何使用它们

情绪板是一种图像、视频帧、图案或文字的拼贴，可以让人一眼就Get到某种感觉。情绪板广泛应用于视觉艺术的各种应用，包括品牌，图形，时尚，电影，工业和室内设计。有时，它们甚至被用于非视觉领域（如音乐、香水设计），以捕捉情绪和感觉。

为何在UX或UI设计中使用情绪板

在用户体验设计中，情绪板可以用来直观地展示数字产品应该创造的感觉或价值观。作为一种易于理解的拼贴画，即使对于没有多少设计经验的人来说也是如此。

例如，假设你的团队正在为城市建筑工人开发一个职业应用程序，你可以列出一些描述你想要达到的视觉效果的词：

O 激发性的

O 精力充沛的

O 明亮的

这些词可以很好地为内容建立一种情景，但它们不能很好地指导视觉设计或品牌。相反，你可以使用一个情绪板，上面有辛勤工作的年轻建筑工人和充满活力的城市风景，用蓝黄相间的调色板。

情绪板会给团队提供视觉线索，告诉他们应该设计什么样的应用。

通常，情绪板用于定义产品的主要UI颜色和视觉设计身份，但它们可以包括设计的其他方面。例如，你的情绪板也可能有:

O 语调词

O 营销或可以说服的想法

O 交互设计模式

O 来自其他产品的灵感截图

这个集合甚至可能在以后用来帮助启发视觉风格指南。此外，情绪板可以帮助你的团队:

O 通过在一个地方收集设计灵感来产生想法

O 快速传达产品的基调

O 调整解释和未来的设计方向

它们还具有可以协作创建的优点：多个人员可以为它们做出贡献，无论是同步的还是不同步的。

何时创建情绪板

情绪板可以在新产品设计过程的早期，或者在对现有产品进行实质性修改时使用。例如，它们可以是在设计-思考周期的定义或构思阶段创建的——有助于在设计师开始制作原型之前就视觉效果的风格达成共识。

团队中的任何人都可以创建情绪板，并且在协作创建时会更加有效。通常，像用户界面设计师、视觉设计师、平台设计师或动作（交互）设计师这样的创意专业人士会主导整个过程，但他们也可能涉及其他利益相关者，如产品所有者、设计负责人或内容经理。

建议最好创建几个情绪板来尝试多种情绪，并找到一个最适合你的产品。

情绪板也可以作为人物角色创建过程的一部分，帮助可视化人物角色特征，如爱好、住所、职业、最喜欢的东西或信仰。

如何创建和使用情绪板

创建自己的情绪板需要做到以下几点：

1⃣️ 检查任何现有的品牌或产品标识材料

2⃣️ 选择工具

3⃣️ 选择要表达的情绪

4⃣️ 收集视觉资源

5⃣️ 以有序的布局安排视觉效果

6⃣️ 与团队分享

您可以自己执行所有这些步骤，但是步骤3和步骤4非常适合协作——你可以考虑一个情绪板研讨会，从你的团队中收集输入和想法，或者让每个队友自己制作一个情绪板，并将它们结合起来。

01

检查现有资料

如果你的公司或团队已经建立了品牌标识或风格指南，那么在创建情绪板之前，请查看这些文件。以此为出发点，确保你的情绪板符合现有的标准。

02

选择工具

如果你或你的团队喜欢动手活动，使用白板或泡沫板制作物理板可能是一个不错的选择。用手添加和移动资源可以激发灵感和想法。

然而，这个选项并不适合远程团队，并且很难在整个组织中保存和共享。此外，准备和打印物理图像以及使用胶水、大头针、磁铁和胶带等工具可能既耗时又浪费。

数字情绪板工具，是更为方便的操作方式。从本质上讲，你所需要的只是一个能够收集和移动视觉效果的工具。如果你打算和你的团队一起创建情绪板，选择一个每个人都可以一起工作的工具。像Miro、Mural或FigJam这样的数字白板工具非常适合远程情绪板研讨会。

03

选择情绪

你希望你的产品传递什么样的氛围或情绪？你希望你的用户在使用产品时有什么感觉？如果你和创意专业人士一起工作，讨论他们想要的产品外观，并写下他们使用的词语。

如果你想出了几个词，用字典或思维导图查找同义词，并想想每个词之间的细微差别，选择4-5个最能代表你想表达的情绪的词。这个过程类似于建立一个产品的语气——尝试多写几个语气词并将它们分组。

04

收集视觉效果

寻找并收集任何类型的视觉资源，比如图像、插图、视频框架、图案或文本......可以在以下地方寻找视觉资源:

O 搜索引擎的图像搜索

O 社交媒体

O Pinterest, Behance等图片参考网站

O 实物，如杂志、书籍或个人物品

当你收集这些物品，争取统一。虽然情绪板是多种形式的大熔炉，但它们都应该属于一个特定的主题，并传达你所选择的情绪。

例如，冷静和严肃的特征不应该与有趣和可爱的特征相结合。如果你脑子里有几个不同的视觉概念，那就制作单独的情绪板，而不是把它们挤在一起。

您可以包括已建立的产品图像或竞争对手产品的截图。然而，请记住情绪板是关于视觉效果的，而不是关于功能的——在情绪板中过度使用截图可能会过早地关注特定的结果或功能。

05

安排视觉效果

一个好的心情板需要有一个清晰的视觉层次。可以把关键来源放在比其他来源更大的地方，或者放在情绪板的中间。此外，将相同类型的资源分组可以帮助其他人快速浏览你的情绪板，同时利用留白在每个条目之间建立有序的分隔。

06

分享情绪版

如果你自己创建了一个情绪板，那么让你的队友提供反馈和添加建议是个好主意。

如果你选择让每个队友创建一个不同的情绪板，将你的同事制作的情绪板聚集在一个地方并进行比较，这样会看到一些共同的和不同的想法，因为每个人都有自己独特的视觉视角。

直接在白板上留下便利贴，给同事反馈。如果有必要，用颜色标记它们，比如用绿色表示你想要拿走的东西，用红色表示你想要避免的东西。在讨论之后，通过替换和移除对方的资产来最终确定情绪板。

制作情绪板是收集各种视觉特征、进行实验并决定产品整体视觉和情感方向的好方法。通过遵循这些概念，你的情绪板将在整个设计过程中为你的团队提供非常有用的指导。

Ref：https://www.nngroup.com/articles/mood-boards/

本文由WELLDESIGN独家原创，未经授权请勿转载。