情感是我们生活中不可割舍的元素，UI设计师也开始在设计时添加「情感化元素」，但是我们忽视掉了一个最基本的难题，为什么要做情感化设计？产品可在情感化设计中受到哪些？

解决难题之前，我们必须知道一下情感化设计的概念。

情感化设计是基于产品的功能性和易用性后，追求的更高层次的目标。我们只有先知道产品的逻辑，全面理解预测后，才能作出不妨碍产品用途下的情感化设计。

早在2002年，美国认知心理学家Donald Norman就强调了这一概念，他将产品特点划分为功能性、有用性、易用性和愉悦性四个层面，由低至高，而情感化设计则进入顶部位置。

好了，现在你们将要有了一个初步的思维，下面我来为你们解答刚才的难题。

心流，也就是沉浸式体验。E Sherman在《Flow:the psychology of optimal experience》中看到了沉浸式体验，沉浸就是让人专注在当前的目标（由设计者营造）情境下感觉愉快和满足，产生共鸣，忘记真实世界的情境。

设计师会借助画面、氛围、图形、文案、动效和戏剧等方法，以打造出符合当前环境的情境，帮助用户迅速融入其中。

沉浸式体验更常见的形式是向用户讲故事。故事是处理信息的一种方式，将这些操作、信息通过故事的方式释放给用户，让用户造成同样的心灵共鸣，进而被打动，对它的印象非常深刻。

我们以Sortie En Mer为例。Sortie En Mer是一个模拟溺水的网站，是为Guy Gotton宣传航海服的，游戏宗旨是教育他们出海一定要穿救生衣。在交互上与其他同类网站不同，这一部分是以第一人称的视角来阐述故事跟经验。

故事很简单情感化，主人公在航海的过程中从船上落下后挣扎到致死的过程，加上音乐的突显，会觉得非常绝望。画面由柔和到暗沉，也隐喻来主人公体力不支。

同类主题的网站，大多只纯粹的展现服装的特点跟防水材料相关的科技数据。Sortie En Mer在普通的交互逻辑上进行了情感化设计，将一个海上出现意外的独白，通过讲述传递给用户，让用户有身临其境的参与感，营造融入其中的觉得。

通常我们觉得产品是冷冰冰的，但是优秀的产品情感化，并不是冷冰冰的颇有情感，它似乎就是一个活生生的生命，具有时尚，人们很愿意与有感情有温度的生命交朋友。

那怎么能够做有温度的同学呢？我们可以借助以下两个案例来预测。

1. 融360

现在这些产品都有自己的吉祥物，通过吉祥物去改善产品温度。那么吉祥物是基于哪些设计起来的呢？我们以融360的吉祥物设计为例。

首先，我们先预测一下其产品的构成：融360是一款移动金融智选平台（核心定位），用户大都为有房贷、办理信用卡需求的中青年群体（使用人群），交互和视觉偏向于简洁，具有普适性。

在进行产品的情感化设计时，我们必须从产品特点跟客户本身出发，在探究的过程中，这二者间有哪些关系，是我们必须深入讨论的弊端。这种情感化设计是产品特性的一个展现，需要与其「性格、气质、腔调」相符。

A. 吉祥物以人形宝宝的样子出现，将产品拟人化，消除了人机间的冰冷交互，帮助客户跟产品间制定友好的联系；

B. 它为什么会是一只猪？因为金融总是与牛相伴，华尔街金融街靠牛守护，用户也会get到这点。

C. 牛大宝可靠、聪明，分别对应着产品的安全感和智能性，与产品性格相符。

那具体在App中是如何应用的呢？

情绪是爱情有意识的感受，它有目标性，通常也是因素，比如当客户在输入信息时，会造成焦虑心理，为了减少这些指责，我们用一个有情绪感的icon来解决。或者当客户在退出时，用一个卖萌的表情去讨好用户。

情感化设计可以提高客户对产品个性的定位。就是由于牛大宝与产品非常相近，更无法被大众所接受，才一跃成为了「金融网红」。

2. same

Same是一款对于年轻人的、去中心化的社交系统，类似于豆瓣、微博等，但既不完全相同。因为客户人群的年轻化，所以整体以活泼、简洁为主。

我真的超级喜欢Same的小人icon，每一个icon都觉得「活了」。在加入情感化设计的同时，也考虑到了核心元素在每个环节的延展性，进一步强化了客户对产品性格的思维。

当然，same的情感化设计并除了表现在icon上，还表现在诸多地方。比如说话题、banner设计。

缺省页设计。

向用户数树立友好的形象，不单指icon多么精美、界面风格如此流行、配色多么漂亮。而是借助情感元素所传达出来的信息和时尚，与整个视觉设计维持一致，且区分于竞品，可以帮助客户对产品有正面思维的设计。

所以，首先应想好进行情感化设计是想贯彻什么，产品的立场、强调、气质和形象分别是哪个。简单的说，就是你期望用户如何去感知你的产品。

从产品的细节出发，悉心观察，换位思考，满足各形各种的客户意愿跟偏好。为人们带来喜悦的感受，帮她们解决难题，帮你们改善效率，甚至给认识她们的一切，成为人们更靠谱的小伙伴。

隐藏的细节设计是打造惊喜，和表现产品设计格调的地方。在产品某些点上进行微交互和动画设计，可以为用户带来较高的愉悦感。

大家有没有厌倦千篇一律的、点了只会傻乎乎变色的「赞」？而Twitter是如何做的呢？在普通的赞的基础上添加了微交互，用户在点赞后会受到一个动态的感情反馈，愉悦感会成倍的降低。

情感化的细节设计是为了成就出一个有趣的瞬间，并可以把顾客的注意力吸引到恰当的位置，让用户在不知不觉间养成对产品的使用习惯，也可以培养用户粘性。用户在尝试过以后，对于这些交互会有「哎呦，不错哦」的觉得。

设计细节，并不是单纯的从UI角度去说它好不好看，而是从预测其能否可以在大的视觉模式下，将情感融入其中，辅助造就产品的性格与定位。

将产品的细节融入情感，一是带给了产品原本的调性和创意；二是充分展现产品的定位跟特征。它的出现只是使用户故意的感受些什么，而是期望用户可以认知到它原本就是产品里的一部分，从而表现产品的价值。

现在，产品类别趋近，情感化设计也在日渐相似。大家必须按照详细产品性质的不同，具体疑问具体探讨，避免随波逐流。

为了使产品功能与客户情感的承接，更好的满足他们感情的诉求，我们必须在情感化设计上大幅探索与挖掘，并为之努力。