情感化设计怎么做?大厂实例案例分析


研究主题:情感化设计的实现

研究对象:情感化设计

用户体验过程中的“愉悦度”被越来越多地提到更加重要的地位,解决了用户的“痛点”,触达用户的“爽点“成为了产品设计师们追求的目标。与此对应的就是”情感化设计“,来一起学习如何做”情感化设计“吧!

什么是情感化设计?

情感化设计是旨在抓住用户注意力、诱发用户情绪反应,从而提高执行特定行为的可能性。通俗地讲,就是设计某种方式去刺激用户,让其有情感上的波动。通过产品的功能、产品的某些操作行为或者产品本身的某种气质,让用户产生情绪上的唤醒和认同,最终使用户对产品产生某种认知,在心目中形成独特的定位。           ——出自《设计心理学》

而在《Designing for Emotion》一书中,作者 Aarron Walter 将情感化设计与马斯洛的人类需求层次理论联系了起来。正如人类的生理、安全、爱与归属、自尊和自我实现这5个层次的需求,产品特质也可以被划分为功能性、可依赖性、可用性和愉悦性这4个从低到高的层面,而情感化设计则处于其中最上层的“愉悦性”层面当中。

 Aarron Walter 将情感化设计与马斯洛的人类需求层次理论联系在一起  
《Designing for Emotion》封面图

情感化设计的组成要素

情感化设计大致由以下这些关键性的要素所组成,我们可以从这些关键点出发,在产品中融入更多的正面情感元素。诚然,用户最终会产生的反应还将取决于他们各自的生活背景、知识技能等方面的因素,但是我们所抽象出的这些组成要素是具有普遍适用性的:

· 积极性;

· 惊喜,提供一些用户想不到的东西;

· 独特性,与其他的同类产品形成差异化;

· 注意力,提供鼓励、引导与帮助;

· 吸引力,在某些方面有吸引力的人总是受欢迎的,产品也一样;

· 建立预期,向用户透露一些接下来将要发生的事情;

· 专享,向某个群体的用户提供一些额外的东西;

· 响应性,对用户的行为进行积极的响应;

情感化设计的三个层次

唐纳德·诺曼在他的《Designing for Emotion》一书中,根据人的心理反应,把设计分为本能、行为和反思3个过程,提出了内心感觉、行为体验、思考反思3个设计层次。

-本能水平的设计

本能水平设计的基本原理来自人类本能,这一层次的主要物理特征是视觉、听觉、触觉占主要支配因素。一般人刚看到一个物品时就想要,往往是出于本能选择。

案例:抛开不同银行的情景,以下两张图同为银行的首页界面,如果让你选择一个 App 留在手机中会怎么选?我咨询了100位亲朋好友,最终选择掌上生活的人占82%;选择交通银行的占18%。通过这个测试我们可以看出,视觉效果在产品初期的下载率上会起到决定性作用。

-行为水平的设计

行为水平的设计注重的则是效用,产品需要功能良好,操作简单,并具备物理感觉(真实感觉)。以使用者为中心才是设计的核心,下面整理了一部分行为水平的设计案例。

贴心的功能

共享单车系列的产品中,7号电单车在开车后的界面中有两个操作,“临时锁车”和“结束用车”,比如我需要到达多个目的地且停留时间都很短,如果不锁车可能被别人偷骑走,锁了车又会被别人再次开锁骑走,所以“临时锁车”很好的解决了这个问题,但是摩拜就没有考虑到这样的使用场景:所以就功能而言,7号电单车的体验更好。

引导用户

产品初期和迭代中都会存在用户不了解信息以及功能的情况,所以我们需要用文字的形式帮助和引导用户。如下图所示,Keep 选择用图标、文字、按钮的组合引导用户如何去更好地使用,微信则是用一个纯文字的弹框告知用户需要注意的事件。所以,在产品中运用通俗易懂的图文来告诉用户当下发生的事情和需要去执行的事情,也是情感化设计的重要环节。

-反思水平的设计

当用户在使用产品后,理性的思考往往会让用户对产品做出一个评价。这个层次涉及文化、教育、个人经历等各方面,每个人的评价都不一样。常见平台中的点赞功能,一般都是一个大拇指,所以用户也不会因为点赞而记住产品。那么,常规且用户习惯的设计,如何可以做到既合理又有特点呢?如下图所示,左侧是微博,点赞图标是常规的“大拇指”设计,不会给用户留下深刻的印象;而右侧虎扑则是用了个灯泡图标配上文字“亮了”,既有新意,又符合使用场景,增加用户的点击欲望。

情感化设计的作用

产品中的情感化的细节经常会成为产品与用户之间情感传递的桥梁,这种传递情感的细节不仅可以增加用户对产品的好感度,更可以让产品更加深入人心,利于产品口碑的传播,有时候可能仅仅一句文案、一个动画、一个彩蛋就可以打动用户,使其与产品产生情感上的共鸣,这便是产品细节中的情感化设计的作用,同时还可以减少用户负面情绪、引导用户行为。

-情感化设计案例

为用户提供安全感,增加产品的可信度

在飞猪旅行-用车以及高德地图接送机服务,显示保证承诺,抓住用户对用车担忧心理,提供风险赔付保证,为用户提供安全感,让用户可安心无忧用车,提升产品认同。

引发情感共鸣,增加产品的信赖度

猎豹清理大师-当用户点击清理垃圾按钮,清理出的垃圾数据会逐渐变小,告知用户这些垃圾正在被清理,另外背景颜色也会逐渐由令人紧张的暖色调变为冷色调。这种颜色上的变化潜在地激发了用户的“认知愉悦”,背景颜色的变化为产品赋予了一种情感,同时与用户的使用情感产生了共鸣,从而让用户更加喜欢和信赖这款应用。

加入幽默元素,拉近产品与用户之间的好感

在闲鱼 APP 的空状态和滑动至底部时的页面的配图和文案中添加幽默元素,给人一种可爱、易接近的心理感受,从而拉近了产品与用户之间的距离。

建立与用户的个人情感联系,提升用户对产品的好感度

支付宝在用户生日当天,启动页显示生日祝福,QQ也会在生日当天给用户发送生日祝福,同时也会提前通知好友,好友也可以快捷地进行生日祝福。而“网易云音乐”在用户生日当天首页第2个图标会变成“生日快乐”。

每一个用户都渴望在生日当天收到祝福。如果在用户生日这天,产品可以给用户送上一些祝福,营造出生日的气氛,会让用户对产品产生好感。

适当延长加载时间,也能提高用户满意度

Agoda 在线酒店预订网,在用户点击搜索按钮后,页面响应时间会适当延迟,同时显示一个简单的加载动画,并告诉用户系统在干什么,这样大大提高了用户的满意度,在用户看来,如果搜索结果立刻展现出来,好像系统在欺骗他们,所以在用户面前,表现得更努力,用户就会更喜欢。

故意增加产品的不流畅度,提高用户对产品的重视程度

Uber最初的时候因为叫车体验太流畅,导致用户没有注意价格提升,导致给Uber带来了非常大公关压力,后期Uber通过更改体验流程,让用户手动输入提高的金额倍数,故意让改体验流程变差,却成功地教育了用户,化解了危机,解决了公关问题。也就是说太流畅和太复杂的体验都会丧失用户的重视,在你想让用户注意的情况下,适当的增加一些“不流畅度”会让结果超出想象。

关于情感化设计这个话题,还有很多内容可以探讨,今天就说这么多啦,希望对你有所帮助,如果还有什么问题,后台给辞典酱私信吧~

相关引用

《设计心理学》

《图解设计心理学》

《UI那些事:新手设计师的成长之路》

-图片、GIF来自网络

欢迎关注作者微信公众号:UX辞典,获得更多UX设计干货

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