学会情感化设计,让用户舍不得离开!

摹客团队
2024-06-12
33198
5 min read

万物皆有个性,万物都会发出情感信号。即使这不是设计者的初衷,用户在浏览网站时也会推断出网站的个性,体验到网站的情感。

— 用户体验设计大师 Don Norman

正如设计大师唐·诺曼所说,情感是我们生活重要的组成部分,情感链接无处不在。尤其在现在越来越成熟的互联网环境下,大家的基本需求都能得到满足,体感体验更显得尤为重要。作为一名设计师,加大情感体验在产品中的设计,也是产品差异化竞争重要的方式。本文,笔者将带你了解什么是情感化设计,如何应用,并通过具体的案例分享,助你快速了解它。

一、什么是情感化设计?

情感化设计是指能够唤起用户情感反应,提升用户体验的设计。这种设计理念不仅关注产品的功能和实用性,更重视产品如何与用户产生情感共鸣,以创造出令人愉悦的使用体验。它可以分为三个层次:本能层、行为层和反思层,三个层次不是各自独立的,而是相互关联影响。

1、本能层

本能层是情感化设计的最底层,它指的是用户对产品设计的本能反应或第一印象。这一层主要关注产品的外观,比如简洁的用户界面会让人感觉舒适,使用高饱和度的橙色会给人快乐、活力的感觉。

2、行为层

行为层是指用户在使用产品时,下意识地评估产品功能有没有满足TA的需求,这一层更加注重交互性、功能性、易用性及可用性的用户体验,能让自己的产品更加直观地展现出来,为用户带来愉快的产品体验。

3、反思层

这是情感化设计的最高层次,关注用户在使用产品后的情感和思考。设计师通过产品的品牌、故事和价值观等元素,激发用户的情感共鸣,从而建立深层次的情感连接。

接下来,我们就从这三个方面出发,看看设计师如何更好地把情感化设计应用在产品中。

二、如何做好情感化设计?

1、增强视觉吸引力

从本能层出发,产品设计师可以尽力给用户带来听觉、视觉上的感官刺激,促成用户与产品的 “一见钟情”。

视觉上,通过设计各种有效的视觉元素,引起用户的注意力。比如,使用合适的色彩,像蓝色一般用来传达安宁感和信任,红色来引起注意、警告等;创建清晰、直观、层次分明的布局或排版,让用户感到方便,从而提升用户体验等。

比如下面这个冥想App,UI界面简洁,绿色森林图片给人一种静谧感,非常舒适。

立即使用该模板:https://www.mockplus.cn/example/rp/100250

2、有趣的交互

通过优化产品的交互设计有效满足用户需求,使用户在使用过程中感到方便和高效,从而产生满足感和愉悦感。

比如微信读书首页,可以翻一翻获取好书,就像开盲盒一样,让用户感到好玩、惊喜,类似这种有趣的交互,一定能让用户对产品更有好感。

立即使用微信读书模板:https://www.mockplus.cn/example/rp/100053

3、及时反馈

及时反馈能消解用户的焦虑情绪,给用户满足感、获得感。比如,使用微信读书超过一半时,页面会显示剩余阅读量,并会根据你之前的阅读速度估算剩余时间,鼓励你继续读:外卖类产品会告诉用户外卖还有多久能送达,让用户对结果有心理预期,这就是在及时给与用户反馈,增加安全感(购物软件也一样)。

4、暖心提示设计

产品的温度很多时候体现在细节之处,这就需要产品经理和设计师对用户的行为进行预判和引导,利用细节处理打动用户,让用户对产品产生信任感和依赖感。

比如,抖音白天和夜间都会不定期温馨提示,让大家适当休息,养成健康作息习惯,这些细节会让用户感到被重视被关心。

5、个性化定制

通过提供个性化的服务和内容,使用户感受到产品对TA关注和重视,从而增强用户的满意度和忠诚度。比如QQ音乐、网易云音乐都能根据用户的喜好,为用户提供个性化的歌单和每日推荐。用户打开应用后,可以看到为自己量身定制的音乐内容,极大地提升了使用体验。

此外,网易云音乐还允许用户创建和分享自己的歌单,大大提升了用户对产品的归属感。

立即使用该模板:https://www.mockplus.cn/example/rp/100072

6、无障碍设计

情感化设计还体现在对不同用户群体的关照,比如老年人群,不仅要放大字体,还要关注老年人在视觉、听觉、行动等方面的能力减弱,更要考虑到老年群体的核心需求,在设计中注意减少不必要的信息,为老年群体提供核心界面功能,减少信息干扰。像微信就有青少年模式和关怀模式,照顾到了不同人群的需求。

再比如,高德地图切换视觉障碍模式后,可以清晰明了的向红绿色盲人群显示实时路况,在他们眼中地图就会与原始视图没有差别。这些都是情感化设计,让用户更舒心暖心。

7、别出心裁的创意设计

别出心裁的创意设计,能够赋予产品个性和灵气,让用户感受到它像是 “有血有肉的人”,而非冰冷的程序。这一点,Google浏览器做得相当棒,它首页的logo涂鸦经常会和当下事件相呼应,比如在某年的月全食时曾使用过下面这个变体,用户点击后还会跳转到与月食知识相关的百科页面。

这种创意设计甚至会给用户带来期待感,想要知道你的产品还能有什么花样。


月全食


大闹天宫

 8、其它打动用户的细节设计

情感化设计包含在产品的点点滴滴里,每一个环节、页面、按钮其实都可以应用情感化设计。比如大麦网的404页面,除了有明显的404标志来反馈当前的页面状态,还会显示为某个已故巨星的纪念页,情怀满满。

情感化设计,可以应用到网页或App很多页面设计中,以缓解用户负面情绪,更加高效的引导用户行为,并提升用户对品牌的认同感和忠诚度。比如,

其他的登录注册,引导,反馈,加载等页面的细节设计,也可以从用户角度出发,不仅能够缓解用户负面情绪,甚至还能打动用户,让原本冰冷的人机交互充满人情味,使用户不忍离开。

以上就是关于情感化设计的概念解析和案例分享看,希望能带给你一些灵感,让你的产品设计从此充满人情味!

最后,有大大大个福利送给你,全网最全产品设计AI学习资料免费领!只要花1分钟填写问卷就能免费领取啦!

1、产品经理必读的100本书

2、UI/UX设计师必读的115本书

3、30G互联网人知识礼包

4、50G热门流行的AI学习大礼包

5、30G职场必备技能包

礼包资源持续更新,互联网行业知识一网打尽!礼包领取地址:

https://docs.qq.com/form/page/DUnhSUk5GTXdFYmlY

预约演示
电话咨询
咨询热线

工作时间:9:00-22:00

191 3067 1449
在线客服
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群