UI界面中的情感化设计

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

比喻方法来自Jessie Chen

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

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


情感化设计的作用

1.缓解负面情绪

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

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

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

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

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

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


2.引导用户行为

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

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

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


3.提升品牌认同

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

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


情感化设计的方法

1.带入情景

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

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

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


2.拟人化

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

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

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


3.引发回忆

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

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

说到这里就不得不提一下我们EUI发布的乐视电视4周岁用户使用报告。当看到自己看乐视发布会到凌晨4点时,不禁默默的为自己感动了一下并迅速转发了朋友圈。


4.价值观共鸣

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

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


情感化设计的风险

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,937评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,503评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,712评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,668评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,677评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,601评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,975评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,637评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,881评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,621评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,710评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,387评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,971评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,947评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,189评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,805评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,449评论 2 342

推荐阅读更多精彩内容

  • 内容摘要:伴随着现在互联网的领域不断的壮大与普及,APP在建立中必然需要去融入更丰富的功能、更饱满的内容、以及更人...
    郭矜持阅读 4,959评论 0 27
  • 紧抓人的“本能”、“行为”、“反思”这三种水平,去反向理解设计。 前三章尤其值得一读。 物品的意义。美观的物品更加...
    2tackle阅读 2,551评论 0 7
  • 本书讲了什么 包含设计规范制定、图标设计与验证、设计协作、服务设计、信息可视化设计、物料设计、敏捷设计、移动搜索设...
    少穻阅读 1,147评论 0 11
  • 周五的晚上该干什么?爆米花时间到了。有朋友吃着爆米花在电影院看《长城》,而我坐在家里吃着糖炒栗子看着昨天中央六套的...
    Kitty_菁彩人生阅读 1,030评论 0 1
  • 在路上时几滴雨啪嗒滴在手上脸上头上…… 抬头看天空灰蒙蒙,本以为要下大雨于是匆匆赶回家打开门却看到一房间的阳光。 ...
    爱流浪的小宅鱼阅读 176评论 0 1