萬(wàn)物皆有個(gè)性，萬(wàn)物都會(huì)發(fā)出情感信號(hào)。即使這不是設(shè)計(jì)者的初衷，用戶在瀏覽網(wǎng)站時(shí)也會(huì)推斷出網(wǎng)站的個(gè)性，體驗(yàn)到網(wǎng)站的情感。

— 用戶體驗(yàn)設(shè)計(jì)大師 Don Norman

正如設(shè)計(jì)大師唐·諾曼所說，情感是我們生活重要的組成部分，情感鏈接無(wú)處不在。尤其在現(xiàn)在越來(lái)越成熟的互聯(lián)網(wǎng)環(huán)境下，大家的基本需求都能得到滿足，體感體驗(yàn)更顯得尤為重要。作為一名設(shè)計(jì)師，加大情感體驗(yàn)在產(chǎn)品中的設(shè)計(jì)，也是產(chǎn)品差異化競(jìng)爭(zhēng)重要的方式。本文，筆者將帶你了解什么是情感化設(shè)計(jì)，如何應(yīng)用，并通過具體的案例分享，助你快速了解它。

一、什么是情感化設(shè)計(jì)？

情感化設(shè)計(jì)是指能夠喚起用戶情感反應(yīng)，提升用戶體驗(yàn)的設(shè)計(jì)。這種設(shè)計(jì)理念不僅關(guān)注產(chǎn)品的功能和實(shí)用性，更重視產(chǎn)品如何與用戶產(chǎn)生情感共鳴，以創(chuàng)造出令人愉悅的使用體驗(yàn)。它可以分為三個(gè)層次：本能層、行為層和反思層，三個(gè)層次不是各自獨(dú)立的，而是相互關(guān)聯(lián)影響。

1、本能層

本能層是情感化設(shè)計(jì)的最底層，它指的是用戶對(duì)產(chǎn)品設(shè)計(jì)的本能反應(yīng)或第一印象。這一層主要關(guān)注產(chǎn)品的外觀，比如簡(jiǎn)潔的用戶界面會(huì)讓人感覺舒適，使用高飽和度的橙色會(huì)給人快樂、活力的感覺。

2、行為層

行為層是指用戶在使用產(chǎn)品時(shí)，下意識(shí)地評(píng)估產(chǎn)品功能有沒有滿足TA的需求，這一層更加注重交互性、功能性、易用性及可用性的用戶體驗(yàn)，能讓自己的產(chǎn)品更加直觀地展現(xiàn)出來(lái)，為用戶帶來(lái)愉快的產(chǎn)品體驗(yàn)。

3、反思層

這是情感化設(shè)計(jì)的最高層次，關(guān)注用戶在使用產(chǎn)品后的情感和思考。設(shè)計(jì)師通過產(chǎn)品的品牌、故事和價(jià)值觀等元素，激發(fā)用戶的情感共鳴，從而建立深層次的情感連接。

接下來(lái)，我們就從這三個(gè)方面出發(fā)，看看設(shè)計(jì)師如何更好地把情感化設(shè)計(jì)應(yīng)用在產(chǎn)品中。

二、如何做好情感化設(shè)計(jì)？

1、增強(qiáng)視覺吸引力

從本能層出發(fā)，產(chǎn)品設(shè)計(jì)師可以盡力給用戶帶來(lái)聽覺、視覺上的感官刺激，促成用戶與產(chǎn)品的 “一見鐘情”。

視覺上，通過設(shè)計(jì)各種有效的視覺元素，引起用戶的注意力。比如，使用合適的色彩，像藍(lán)色一般用來(lái)傳達(dá)安寧感和信任，紅色來(lái)引起注意、警告等；創(chuàng)建清晰、直觀、層次分明的布局或排版，讓用戶感到方便，從而提升用戶體驗(yàn)等。

比如下面這個(gè)冥想App，UI界面簡(jiǎn)潔，綠色森林圖片給人一種靜謐感，非常舒適。

立即使用該模板：http://www.qtfd.com.cn/example/rp/100250

2、有趣的交互

通過優(yōu)化產(chǎn)品的交互設(shè)計(jì)有效滿足用戶需求，使用戶在使用過程中感到方便和高效，從而產(chǎn)生滿足感和愉悅感。

比如微信讀書首頁(yè)，可以翻一翻獲取好書，就像開盲盒一樣，讓用戶感到好玩、驚喜，類似這種有趣的交互，一定能讓用戶對(duì)產(chǎn)品更有好感。

立即使用微信讀書模板：http://www.qtfd.com.cn/example/rp/100053

3、及時(shí)反饋

及時(shí)反饋能消解用戶的焦慮情緒，給用戶滿足感、獲得感。比如，使用微信讀書超過一半時(shí)，頁(yè)面會(huì)顯示剩余閱讀量，并會(huì)根據(jù)你之前的閱讀速度估算剩余時(shí)間，鼓勵(lì)你繼續(xù)讀：外賣類產(chǎn)品會(huì)告訴用戶外賣還有多久能送達(dá)，讓用戶對(duì)結(jié)果有心理預(yù)期，這就是在及時(shí)給與用戶反饋，增加安全感（購(gòu)物軟件也一樣）。

4、暖心提示設(shè)計(jì)

產(chǎn)品的溫度很多時(shí)候體現(xiàn)在細(xì)節(jié)之處，這就需要產(chǎn)品經(jīng)理和設(shè)計(jì)師對(duì)用戶的行為進(jìn)行預(yù)判和引導(dǎo)，利用細(xì)節(jié)處理打動(dòng)用戶，讓用戶對(duì)產(chǎn)品產(chǎn)生信任感和依賴感。

比如，抖音白天和夜間都會(huì)不定期溫馨提示，讓大家適當(dāng)休息，養(yǎng)成健康作息習(xí)慣，這些細(xì)節(jié)會(huì)讓用戶感到被重視被關(guān)心。

5、個(gè)性化定制

通過提供個(gè)性化的服務(wù)和內(nèi)容，使用戶感受到產(chǎn)品對(duì)TA關(guān)注和重視，從而增強(qiáng)用戶的滿意度和忠誠(chéng)度。比如QQ音樂、網(wǎng)易云音樂都能根據(jù)用戶的喜好，為用戶提供個(gè)性化的歌單和每日推薦。用戶打開應(yīng)用后，可以看到為自己量身定制的音樂內(nèi)容，極大地提升了使用體驗(yàn)。

此外，網(wǎng)易云音樂還允許用戶創(chuàng)建和分享自己的歌單，大大提升了用戶對(duì)產(chǎn)品的歸屬感。

立即使用該模板：http://www.qtfd.com.cn/example/rp/100072

6、無(wú)障礙設(shè)計(jì)

情感化設(shè)計(jì)還體現(xiàn)在對(duì)不同用戶群體的關(guān)照，比如老年人群，不僅要放大字體，還要關(guān)注老年人在視覺、聽覺、行動(dòng)等方面的能力減弱，更要考慮到老年群體的核心需求，在設(shè)計(jì)中注意減少不必要的信息，為老年群體提供核心界面功能，減少信息干擾。像微信就有青少年模式和關(guān)懷模式，照顧到了不同人群的需求。

再比如，高德地圖切換視覺障礙模式后，可以清晰明了的向紅綠色盲人群顯示實(shí)時(shí)路況，在他們眼中地圖就會(huì)與原始視圖沒有差別。這些都是情感化設(shè)計(jì)，讓用戶更舒心暖心。

7、別出心裁的創(chuàng)意設(shè)計(jì)

別出心裁的創(chuàng)意設(shè)計(jì)，能夠賦予產(chǎn)品個(gè)性和靈氣，讓用戶感受到它像是 “有血有肉的人”，而非冰冷的程序。這一點(diǎn)，Google瀏覽器做得相當(dāng)棒，它首頁(yè)的logo涂鴉經(jīng)常會(huì)和當(dāng)下事件相呼應(yīng)，比如在某年的月全食時(shí)曾使用過下面這個(gè)變體，用戶點(diǎn)擊后還會(huì)跳轉(zhuǎn)到與月食知識(shí)相關(guān)的百科頁(yè)面。

這種創(chuàng)意設(shè)計(jì)甚至?xí)o用戶帶來(lái)期待感，想要知道你的產(chǎn)品還能有什么花樣。

月全食

大鬧天宮

 8、其它打動(dòng)用戶的細(xì)節(jié)設(shè)計(jì)

情感化設(shè)計(jì)包含在產(chǎn)品的點(diǎn)點(diǎn)滴滴里，每一個(gè)環(huán)節(jié)、頁(yè)面、按鈕其實(shí)都可以應(yīng)用情感化設(shè)計(jì)。比如大麥網(wǎng)的404頁(yè)面，除了有明顯的404標(biāo)志來(lái)反饋當(dāng)前的頁(yè)面狀態(tài)，還會(huì)顯示為某個(gè)已故巨星的紀(jì)念頁(yè)，情懷滿滿。

情感化設(shè)計(jì)，可以應(yīng)用到網(wǎng)頁(yè)或App很多頁(yè)面設(shè)計(jì)中，以緩解用戶負(fù)面情緒，更加高效的引導(dǎo)用戶行為，并提升用戶對(duì)品牌的認(rèn)同感和忠誠(chéng)度。比如，

其他的登錄注冊(cè)，引導(dǎo)，反饋，加載等頁(yè)面的細(xì)節(jié)設(shè)計(jì)，也可以從用戶角度出發(fā)，不僅能夠緩解用戶負(fù)面情緒，甚至還能打動(dòng)用戶，讓原本冰冷的人機(jī)交互充滿人情味，使用戶不忍離開。

以上就是關(guān)于情感化設(shè)計(jì)的概念解析和案例分享看，希望能帶給你一些靈感，讓你的產(chǎn)品設(shè)計(jì)從此充滿人情味！

最后，有大大大個(gè)福利送給你，全網(wǎng)最全產(chǎn)品設(shè)計(jì)AI學(xué)習(xí)資料免費(fèi)領(lǐng)！只要花1分鐘填寫問卷就能免費(fèi)領(lǐng)取啦！

1、產(chǎn)品經(jīng)理必讀的100本書

2、UI/UX設(shè)計(jì)師必讀的115本書

3、30G互聯(lián)網(wǎng)人知識(shí)禮包

4、50G熱門流行的AI學(xué)習(xí)大禮包

5、30G職場(chǎng)必備技能包

禮包資源持續(xù)更新，互聯(lián)網(wǎng)行業(yè)知識(shí)一網(wǎng)打盡！禮包領(lǐng)取地址：