学会情感化设计，让用户舍不得离开！

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

— 用户体验设计大师 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职场必备技能包

礼包资源持续更新，互联网行业知识一网打尽！礼包领取地址：