UI界面中的情感化设计

Pido Chou
7 min readJun 2, 2017

--

情感化设计在用户体验的金字塔中一直处在塔尖的位置,是在解决了产品的功能和可用性问题后,设计师追求的更高的目标。

比喻方法来自 Jessie Chen

狭义的情感化设计指带给用户积极、正面情感的产品设计 ,如喜欢、快乐等情绪反应。而广义的情感化设计还包含一些负面的情感,比如悲伤和遗憾的回忆。

成功的情感化设计可以帮助产品在同质化竞争中脱颖而出,提高用户的忠诚度和认同感,让用户自发的参与产品的传播。本文希望通过研究情感化设计在UI界面设计中应用的成功案例,为接下来的产品设计提供一些参考。

情感化设计的作用

1.缓解负面情绪

这是情感化设计最常出现的领域,在用户遭遇挫折时或不得不进行长时间的等待时,通过设计转移用户的注意力或化解用户的负面情绪,减少用户的流失。

等待感是最影响用户对产品的感知体验问题,有实验表明用户对等待时间的感知比界面的视觉、流程不合理等问题的感知都要强烈。用户在进行某个操作之后,如果140ms内没有得到回应,用户就会感觉到明显的延迟。 此外,有研究表明,APP/移动页面慢1秒会有7%的用户转化流失,57%的用户会放弃在手机上加载时间超过3秒的页面。

解决等待感最好的方法,当然是优化程序,减少等待的时间。但是当客观上等待时间无法再减少时,就需要通过情感化设计来缓解用户在等待过程中产生的焦虑的情绪,尽量减少用户的流失了。

Android TV的开机动画,通过丰富而有趣的动效设计,有效的转移了用户的注意力,使漫长的开机等待过程没有那么枯燥。

在程序或用户本身操作出错时,用户会产生挫败感,比如网页加载失败、网络信号差、页面没有内容等等。但是通过一些有趣的图片或者文案,可以有效的减轻这种挫败感。

Yelp在获取用户位置失败的时候显示了一个忍者恐龙,并且问用户“你是忍者吗?找不到你的位置呢”,在表达错误信息的同时,可能还会获得用户的会心一笑。

来自Little big details

2.引导用户行为

更高一级的情感化设计,可以通过通过正面或负面的情绪表达引导用户的行为从而达成产品目标。

挽留要卸载应用的用户是情感化设计的另一个重要阵地,多数应用在挽留卸载用户时都会采用撒娇卖萌的方式。腾讯电脑管家则在此时扮演了一个默默守护用户的灯塔,卸载画面中显示了晴空和点亮的灯塔,而当鼠标指向“狠心卸载”时,灯塔的光灭了,天空中出现了乌云。当用户发觉自己的行为造成了这样的变化时,有没有可能改变原来的想法呢?

比留住用户更困难的可能是让用户付钱。Turntable.fm允许用户自己选择订阅的费用,当用户把价格从低拉到高时,猴子的表情由礼貌的微笑变成了欣喜若狂。人类在看到别人高兴的时候自己也会高兴,看到别人悲伤的时候自己也会感到悲伤,为了开心而付钱对人来说也不是什么新鲜事。

来自 ISUX《产品细节中的情感化设计》

3.提升品牌认同

从宏观的角度,情感化设计可以引发用户积极正面的情感,并将这种情感投射到品牌,从而提高用户对品牌的认同感和忠诚度。

为了纪念吃豆人游戏推出30周年,Google将自己的首页logo换成了真的可以玩的吃豆人游戏。调查显示,两天内全球企业损失了480万个工作小时,因为他们的员工上时间去玩Google的logo了。

情感化设计的方法

1.带入情景

带入情景是指通过设计中图像、动画、音乐的使用,为用户营造出符合他当时行为和感知的情景,从而引发情绪。

Google Calendar 当时别到日程描述中包含啤酒时,就会将背景显示成酒桌的图片,为用户提前营造出把酒言欢的欢乐氛围

来自Little big details

雅虎天气会根据城市、季节和昼夜的变化显示不同的背景图片来营造氛围,在极冷的天气里,还会在屏幕的四个角显示霜花。感觉到冷了吗?

来自Little big details

2.拟人化

通过让产品模拟人的情绪、行为和语言,赋予产品性格,让用户对产品产生对人的情感。

Same的页面拉到底部之后,会显示一个小人在向另一个小人送小花,如果用户继续向上拉两个小人就会渐行渐远,这个时候不是太偏执的人应该都会放手的。

下方两个可爱的小图标则是模拟了在没有人联系时的无聊以及终于有人理的的兴奋。

http://kusodesign.deviantart.com/

3.引发回忆

通过引发用户和产品的共同回忆,可以将用户对回忆的正面情感转化成对产品的情感,从而提升用户对产品的认同感。

淘宝时光机是最开始用用户数据做营销的案例。通过用户对产品的使用历史唤起用户对过去生活的回忆,从而引发感情。通过让用户的购物行为和这些感情产生联系,让用户对淘宝品牌产生认同感。这比单纯地告诉用户去年花了多少钱能起到更好的传播效果。

4.价值观共鸣

适当的产品价值观表达,可以激起用户强烈的情感认同。人都喜欢和自己有相同特质的人。在众多同类产品中,用户会自然而然的选择和自己更亲近的那一个。当用户觉得我们和他站在一起的时候,我们可能不但多了一个忠实的使用者,还可能多了一个热情的推广者。

张小龙就经常抓住机会在产品中表达自己的价值观。QQ邮箱的登录页面会写Michael Jackson的话、写蓝莲花的歌词、放两岁小朋友的绘画作品。在微信4.5版本的欢迎页放了一团火焰和一首《一无所有》。这些可能不会对产品本身有什么实质性的好处,但是确让人津津乐道,并可能潜移默化地影响人们对于产品的看法。

情感化设计的风险

情感化设计在越是国际化和用户群体广泛的产品设计中使用越要慎重。因为设计引起用户情感越是强烈就越不可控,有人很喜欢就会有人很不喜欢。不恰当的设计还会引起用户强烈的负面情绪,从而让用户觉得受到冒犯。比如,Gmail在父亲节时提示用户打电话给爸爸就惹恼了不少人。

滥用卡通人物形象和一些自认为幽默的语词也会受到地域和文化的限制,或被用户认为是低幼或恶意卖萌。

此外,情感化设计还有时效性,本文中举的很多例子在目前的版本已经不再使用。一些被惯用的情感化设计也可能失去了最初的作用。比如一开始的时候志玲姐姐邀请你去给高德地图评个5星你不好意思“残忍拒绝”,但是现在点“残忍拒绝”已经变成了大家的条件反射。

这也是情感化设计金字塔塔尖地位的原因之一,如何做出恰当的情感化设计,是一个有趣的挑战。

--

--