编辑导语：用户往往通过视觉对产品产生第一直觉上的认知，因此在产品设计中，有效的视觉传达十分重要，而在视觉效果的传达中，产品最好结合情绪板来针对目标用户进行合理的设计方案规划。本文作者就对情绪板设计做了详细解读，一起来看一下。

一、有问题的产品设计

“1月21日，江苏苏州，一位家长称自家买的一款“网红清洁剂”，被家里老人误当做橙汁倒在杯子里给孩子喝下了，孩子被送入医院洗胃，通过图片可以看到瓶身上印有橙子的图案，且清洁剂是一种橙色的液体看起来确实很像橙汁，网上一搜，类似的商品还有不少。”

看到很多热搜评论里，很多的网友吐槽老人粗心，还有一些博主建议清洁器应该放在安全的地方，顺手营销了一波储物盒。

但实际上，这明显是清洁剂包装设计上的问题，为什么要让购买使用的用户承担风险呢？

商家很明显是一味地迎合年轻人的喜好，去美化包装产品，如果年轻人喝醉了头脑不清晰的时候，他是否能认出这是个清洁剂？

不要随意欺骗用户的感官，尤其是眼睛。

二、人是视觉动物

要说用户开始接触产品的第一感官是什么？

是视觉。

视觉的感受属于感官的体验，而提到感官体验，就不能不说情感化设计中的本能层。

1. 情绪化设计中的本能层

《设计心理学》中有提到情感化（情绪）设计：

情感化设计是旨在抓住用户注意力、诱发情绪反应，以提高执行特定行为的可能性的设计。通俗地讲，就是设计以某种方式去刺激用户，让其有情感上的波动。

通过产品的功能、产品的某些操作行为或者产品本身的某种气质，产生情绪上的唤醒和认同，最终使用户对产品产生某种认知，在他心目中形成独特的定位。

情感影响着人的感知、行为和思维方式，从设计的角度来看，没情感的产品冷冰冰难以与人建立起联系。

在该模型中，Norman提出用户在与产品交互时会产生三种不同水平的情感，分别为本能体验、行为体验和反思体验。

而感官体验，包括视觉，是属于本能层的。

2. 本能层的目标与设计

本能层，是最直接的处理层面，预先连接大脑以自动响应发生在物理世界中的事件，能迅速反应，判断好坏、安全或危险。

所以，针对本能层（感官）的体验设计需要注意用户在使用产品或与产品交互方面所期望的感受，关注产品的视觉、听觉、触觉等特性（产品的外形、质地、手感等外在表现）和产品的交互感受（如动画过度、延迟、物理按键反应）。

三、软件视觉的重要性

实体商品，第一眼永远都是商品的外包装，不然哪来那么多可以拍照发圈的“网红”产品呢？

而作为软件产品，自然是很难控制硬件设备这个载体了，那软件的视觉感受就非常重要了。

1. 移动软件也看脸

拿移动软件来说，用户未使用前，第一眼看到的，都不是APP界面，而是应用商店的logo。

无论是自行在应用市场进行搜索，还是看到朋友推荐过来的链接，第一眼基本上就是应用的图标了。

如果logo以及应用介绍的截图比较“上古”的话，除非是硬刚性的需求，不然用户看着都觉得像是个诈骗、灰色地带的APP，说不定反手一个举报。

基本上，很多的软件产品都是有着属于自己的品牌基调色。

经常用来购物的电商产品的logo和页面多采用红色系，如京东、淘宝、拼多多，只不过在这个色系又有所区分，本身红色就象征着热情、好动，当然，也更加吸引眼球，在一众APP中抓住注意力。

在比如，看到粉红色的界面，你会想到什么呢？美颜相机？还是，咳咳。

2. 设计师的无奈

在软件研发中心，设计师是主导视觉的，这自然是毫无疑义的。

但产品却喜欢“指手画脚”：

• “这个APP颜色不好看啊，太老气了。”
• “图标不够大气，不能够显示我们的特色。”
• “这个再改改吧，我觉得画成这样比较好。”

……

“算了，还是第一版比较好。”

设计师，卒。

产品经理有意见当然是没问题的，但往往拿不出修改的关键证据，或者说，说服不了任何人。

如果将视觉变成凭借各自喜好进行评判的话，那肯定是无法达到最优解。

所以，要将目光聚焦在目标产品用户和产品本身的定位上。

有时候，主观也很客观。

四、情绪板定基调风格

产品经理需要和设计师精诚合作，将用户体验和产品定位结合好，这时候就应该利用好情绪板这个方法了。

情绪板是啥？

维基百科中对情绪板（Mood Board）的解释是：情绪板是由拼贴元素组成的视觉展示，由图像、文本、对象小样等元素组成。可以是有目标主题的，也可以是随机选择的任何素材。

我用简单易懂的话来描述：

说到这个产品定位，你能想起哪些描述，这些描述可以归类并具象化成为什么事物，找这些事物的视觉元素。

以下分为四步走，产品参与走好前三部就可以了。

1. 头脑风暴想关键词

产品经理和设计师一起找一些用户做头脑风暴，如果没有用户的话，拉上开发问题也不大。

头脑风暴法：

是一种最为普遍采用的群体创意活动。以收集创意为目的，通常将具有相关科研能力和知识素养的人集中组成一个小组，进行集体讨论，参与者能敞开思想、自由交流、相互启发和激励，引起创造性设想的链式反应，鼓励参与者产生尽可能多的创意。

它通过对提出的设想方案逐一进行客观连续地分析，以寻找切实可行的最佳方案。在思维激发和相互启发方面，比单个个体更有创新优势，通常起到1+1大于2的效果

该方法是产生完善于形成想法的通用技术，广泛应用于交互设计，尤其是产生候选设计，支撑用户提出好的新想法。

在这个阶段，就是不断地想和产品定位相关的关键词，也可以先列举几个明确的主题关键词进行不断地发散。

小tip：最好别带手机进去，尽量脑暴半小时以上。

2. 卡片分类去冗余

这时候，我们拿到了一堆的关键词，大家之前经历了发散，此时要做的就是收敛，将所有的关键词按照卡片分类的方式进行聚类，并且去掉一些太过离谱的和一些不重要的。

卡片分类法是根据收集到的资料和信息的相近性进行分类综合分析建立共识的一种定性方法，目的是将个人的想法和见解层次化，从而显示共同的结构和主题。可以帮助小组组织复杂的想法和信息，可以用于发现问题和需求，可以用于寻找解决问题的方案。

小tip：相对小类别的关键词不需要太关注。

3. 具象化关键词

得到每类关键词后，提炼出该类关键词可以映射到现实世界的事物。

例如恐怖，可以想到白骨、黑夜、老宅子、燃烧的蜡烛等。

小tip：事物必须是大部分人都认可的。

4. 交给“像素眼”（产品勿操）

将上述各类别里面的事物做个优先级，剩下的就交给设计师了，无论是颜色、图标，还是banner风格等等，设计师就有了明确的参考标准了。

这就是看客观标准下主观的发挥了，相信你的设计师。

五、结尾

再回过头来看清洁剂的包装设计。

像这种会影响到健康、安全的产品，本身就应该要做警告性处理，如包装颜色、液体气味、图标等，在本能层调用感官的时候就应该加入人类抗拒的因素。

百草枯就是在液体中加入气味剂，一方面再打开瓶子就让人“保持距离”，另外一方面能帮助误吞的人催吐。

当然，不同的产品要使用不同的设计，但一定要结合定位和用户群体而考虑。

本文由 @loosaumin 原创发布于人人都是产品经理，未经许可，禁止转载。

题图来自Unsplash，基于CC0协议。