微软：如何设计让用户喜爱的IP形象？

最近在微软官方论坛上看到一篇关于IP形象设计的全流程文章，写的非常好，忍不住想翻译给大家看。这篇文章详细分享了国外大厂是如何从用户需求出发，有理有据的讲述了一个受大家喜欢的IP形象的诞生历程。

我从中学到很多，也希望大家通过阅读这篇文章，能对IP形象的设计有更深的理解。

如果你的情绪变化可以改变皮肤颜色会发生什么？在突击测验中获得优胜后，你会散发出蓝绿色的光芒。而你失败时，头上的颜色变成了红色、橙色和紫色。当你面对恐惧时，你的全身都会是橘黄色。

这将如何影响你去理解自己和他人的情绪方式？今天就会认识这样一个情绪怪物，来自微软教育APP中的一只毛茸茸的IP形象。

通过颜色、身体语言、表情和文字定义，情绪怪物提供了一种可视化的方式表达一个人的情绪。在新冠大流行期间，当老师们努力与学生建立情感联系时，这只小动物变得不仅仅只是一张可爱的脸。

柔软而毛茸茸的小动物，色彩鲜艳

情绪怪兽（The Feelings Monster）是老师应用社交情感学习的辅助工具（彩云注：这是一个专业的教学方法，Social Emotional Learning (SEL)简称SEL，又学会一个新词，记笔记！）。随着人们认识到“软”技能（同理心、自我意识、沟通等）的重要性，这种方法在世界各地的课堂上越来越流行。

我们不是只被装在学校或工作间的生产机器，我们有着复杂的情绪，影响我们保持积极性、在逆境中保持弹性、建立牢固的关系以及创造自我意识的能力。

在Microsoft Reflect应用中，这是学生的用户体验界面

为心理健康而设计

情绪会影响一切：你的健康、做出的决定、关系和自尊。它们还会影响你的学习方式。自 1960 年代以来，研究表明孩子的感受与其学业成绩之间存在明显的相关性。但是情绪很难识别、理解和表达。

追求心理健康和自我意识具有挑战性。虽然这通常被认为是每个人都可以实现的，但许多人没有时间、资源或安全感，无法独立采取心理健康措施，从而变得更加焦虑了。首席产品经理Elad Graiver表示：“当你不知道不知所措是什么样子时，很难告诉你的老师‘我不知所措”。

在 Microsoft Reflect 的早期迭代中，学生被要求选择能够表达他们感受的词语。问题在于，孩子们并不总能理解他们必须选择的词语的全部含义来表达他们的情绪。他们选择正确词语的困难经历使他们更加犹豫是否要分享自己的感受。

产品设计师团队然后增加了表情以帮助学生去分类他们自己的情绪来明确他们自己的感受。使用表情符号，团队意识到细微差别能表达的情绪是有限的。为了培养学生的综合沟通能力，他们需要支持学习表达广泛的情感。团队萌生了创建角色的想法，很快他们就创造出了情绪怪兽。

来自团队设计研究的快速草图构思

重新寻找完美的情感形象

一个由视觉设计师、用研和内容设计师组成的多学科设计团队聚集在一起，共同打磨产品和角色。团队必须向社会上最脆弱的人群（儿童、青少年和年轻人）收集一些敏感信息，某个意义上说，他们也是该团队的合作者。

这个角色设计必须能够表达学生最真实的表情和情感，这对一个形象来说会有很高的期望。首席设计经理兼研究员 Abigail Steinem说，“我们要求学生能将这个形象视为他们自己”。

Steinem 采访了来自世界各地的学生，以评估他们对设计团队设计出的角色模型的反应。设计团队认为，化身可能是人或人形，但使用化身的学生有不一样的想法。

从游戏机到生产力软件，我们将以人为中心的视角带入我们的工作中，尽管将这些相同的原则应用于艺术和插图是一个独特的过程。如果自我表达是情绪和心理健康的化身，那么你如何在地球上几乎每个国家创建一个能够成功表达数百万年轻人情绪的化身？

设计过程中不同方向探索的飞机稿

情感怪兽的创意过程

创意总监Alberto Cerriteno表示：“我们正在寻找真正具有表现力的元素”。他正在做快速、反复的铅笔草图，Steinem 和高级产品设计师Yonatan Turkin随后向学生展示了这些草图，询问这幅画是否表达了他们认同的情感。

该团队的研究告诉Cerriteno，强调眼睛、嘴巴和手是传达人类情感和特定情感的关键要素，但一些学生的反馈发现了意想不到的地方。

高级设计师Felipe Medina Contreras说：“没有人为此做好准备”。学生会提出一些意想不到的问题，比如形象的手应该有手指还是只有拇指？如果没有一个或另一个，手看起来就像拳头。如果他们要有手指，他们就不能有四个。

在日本，这可能是指Yakuza或黑手党。虹膜呢？谁会想到眉毛的重要性？他们的缺席使形象无法向其他人传达思想。现在，想象一下，在做了所有这些之后，团队仍然需要弄清楚“情绪怪兽”到底会是什么样子？

第一版角色形象其中一个

从Contreras最初的迭代中，设计团队发现这个角色不可能是人类。“这是我们第一个错误的想法，”他说。学生们将颜色和人形与特定的种族和性别联系起来，这削弱了用这种生物真正赋予每个人表达情感的目标。

通过反复尝试，他们了解到角色的身体特征不必像真人那样复杂。这个角色必须是雌雄同体的。他们不需要衣服。他们的面部特征必须精致，而不是过于简单。不过，这个角色还必须灵活多变。

学生们也不想要机器人。设计一个抽象人物成为团队的新焦点。学生们告诉Steinem：“不管你们的形象最终做成什么样，希望它能有触感、有毛、温暖的，让我有理由相信它能准确地表达我”。

他们想要生动的色彩来展现他们充满活力的内心世界。在这一切中，圆滚滚的、柔软的情绪怪兽诞生了。这个变色的角色也结交了年轻人和大学生。Turkin说：“我们发现，在皮克斯电影中长大的这一代孩子在拥抱毛茸茸的怪物，以表达成年后的感受方面没有问题”。

多维度放大形象影响力

为了进一步增加形象曝光机会，团队探索了如何使体验多维化。情绪怪兽最终以插图、漫画和真人木偶的形式存在于现实中。

作为一部漫画，情绪怪兽通过引导呼吸和运动帮助学生释放紧张和焦虑。在木偶的形式下，情绪怪物在他们的情绪世界中导航的视频，有助于使不舒服的情绪正常化，并塑造健康的应对技能。作为一个例子，“情绪怪物”代表了50多个微妙的单词，可以用来描述学生的感受。

情绪怪兽的情绪潮起潮落

内容设计师 Tany Holzworth 通过增加深度和性格，帮助进一步将情绪怪兽带入生活。情绪怪兽以木偶的形式进入现实世界，与朋友一起展示他们的应对技巧并使情绪表达正常化。

“他们是一群敏感的灵魂。他们喜欢植物，说话有点太快，和他们的阿姨住在一起。给他一些背景故事帮助我思考他们在面对挑战情绪时可能会说什么以及他们可能会如何行动，”Holzworth说。

教育者有时会利用有趣的体育活动来分散他们的课程，在提高他们的考试分数的同时，也会提高孩子的注意力以及营造一个有趣的学校环境。

为了支持教育者引导这些大脑休息，做成一个动画情绪怪兽跳舞、冥想和瑜伽。很快，当这一功能可用时，学生将可以在三个选项中进行选择。

技术艺术总监 Rudy Vessup 说，他观看了孩子们跳舞的视频，让这个生物模仿孩子们的动作。Vessup 说 “我必须让他们的动作简单流畅，但要自然，”情绪怪兽指引全班同学行动起来。

情绪怪兽让大脑休息下，开始聆听音响中的声音

身体运动还创造了学生通常感觉不够的东西：自主性。他们可以控制自己的行动，个人能动性的重要性也适用于产品设计。学生通常了解世界上的问题，但很少参与制定解决方案。

同样，在创建他们使用的工具时，他们并不经常被征求意见，对于情绪怪兽背后的团队来说，逆势而上很重要。学生的意见反映了 Microsoft Reflect 和情绪怪兽开发的每个阶段，这让学生代表了解他们希望如何通过我们的产品表达自己。

在世界各地，年轻人正在一个复杂、有时甚至是残酷的环境中生存。他们需要一个可以提供安全空间来练习应对技巧的人。

在 SEL 实践中添加情绪怪兽可以帮助教育工作者提供这种榜样，一种柔和的榜样，可以减少参与的障碍——比如直接与你的老师交谈。我们希望情绪怪兽将继续让学生和教育工作者在分享他们的情感时感到更加轻松和被理解。

原文：https://medium.com/microsoft-design/the-feelings-monster-building-a-character-with-all-the-feels-331b5b871fd1

作者：Microsoft Design

译者：彩云Sky

彩云的小号，会发一些这边看不到的内容，期待大家的关注订阅！