編輯導(dǎo)語：我們平時(shí)在使用手機(jī)軟件時(shí)，總會(huì)被一些小細(xì)節(jié)觸動(dòng)到，比如下雨時(shí)美團(tuán)外賣配送地圖、菜鳥裹裹等等一些頁面上會(huì)出現(xiàn)烏云和下雨的畫面；這就是情感化設(shè)計(jì)的訴求，本文作者詳細(xì)剖析了情感化設(shè)計(jì)，我們一起來看一下。

最近在產(chǎn)品體驗(yàn)中，發(fā)現(xiàn)了不少有意思的情感化設(shè)計(jì)案例，有些讓人眼前一亮，有些很好的滿足了用戶情感需求，所以今天就匯總一下分享給大家。

文章主要內(nèi)容包括：

• 如何理解情感化設(shè)計(jì)；
• 結(jié)合案例分析情感化設(shè)計(jì)；
• 3個(gè)情感化設(shè)計(jì)方向；

一、情感化設(shè)計(jì)

什么是產(chǎn)品的“情感化設(shè)計(jì)”呢？先說2個(gè)小故事。

故事1：我兒子今年5歲了，周末帶他去游樂園，他拿著我的手機(jī)看導(dǎo)航，突然說了一句“你的導(dǎo)航真厲害啊，還顯示天氣呢～”；這些成年人眼中習(xí)以為常的內(nèi)容，卻成了孩子驚喜的認(rèn)知。

故事2：某天傍晚，南京地區(qū)的微信朋友圈忽然掀起了夕陽美景“攝影大賽”，成為了迅速傳播的話題，大家都在曬照片，驚嘆轉(zhuǎn)瞬即逝的美景；這里面可能有很多因素，諸如參與感、分享的欲望、跟風(fēng)等，但是美景才是打動(dòng)用戶的真正原因。

通過這2個(gè)小故事，我們可以總結(jié)下情感化設(shè)計(jì)的要點(diǎn)：

• 對不同用戶，情感化設(shè)計(jì)的感知是有所差異的，需要設(shè)計(jì)師擁有不同的價(jià)值視角，甚至是對一切事物抱有好奇感的童心。
• 情感化設(shè)計(jì)需要帶給用戶美好的感受，也是符合大多數(shù)人共同的認(rèn)知體驗(yàn)；無論是會(huì)心一笑，還是形成深刻記憶，都必須能夠激發(fā)出用戶情感。
• 情感化設(shè)計(jì)一般只能引起用戶短暫的情感變化，當(dāng)用戶形成了認(rèn)知之后，可能就失去了最初的魅力。

二、情感化設(shè)計(jì)案例分析

諾曼的《情感化設(shè)計(jì)》指出，人的3個(gè)認(rèn)知層次：“本能層、行為層、反思層“，構(gòu)成了用戶認(rèn)知事物的過程，每個(gè)層次都會(huì)產(chǎn)生不同的用戶情感。

1. 本能層——視覺信息激發(fā)情感

所謂“愛美之心，人皆有之”，人們對美好事物的追求是一種本能反應(yīng)。因此可以利用色彩、質(zhì)感、圖形建立場景氛圍，激發(fā)用戶情感。

1）品質(zhì)感渲染氛圍

最近支付寶818理財(cái)節(jié)界面設(shè)計(jì)，利用金色很好的營造了節(jié)日氛圍；而品質(zhì)感極強(qiáng)的金色卡片，增強(qiáng)了用戶的獲得感，更好的激勵(lì)用戶參與活動(dòng)。

2）真實(shí)場景再現(xiàn)

在虛擬的互聯(lián)網(wǎng)中，建立符合真實(shí)生活場景的認(rèn)知體系，是體驗(yàn)設(shè)計(jì)的一個(gè)重要方向。

在正常比例下，高德地圖采用藍(lán)色表示水域，例如河流、湖泊等；當(dāng)?shù)貓D比例放大到一定程度時(shí)，水域會(huì)有水紋波動(dòng)的效果，通過場景仿真再現(xiàn)，帶給用戶“近大遠(yuǎn)小”的真實(shí)體驗(yàn)。

3）關(guān)懷體驗(yàn)

相比界面設(shè)計(jì)傳遞出的偏主觀的感性理解，文字可以帶給用戶直接而明確的情感體驗(yàn)。

a. 語言文字中的情感表達(dá)

用戶在被邀請加入微信群時(shí)，下方信息會(huì)提示群中有哪些好友，從而幫助用戶做出入群判斷；另外提示信息還告知入群后可能產(chǎn)生信息干擾，在一味強(qiáng)調(diào)利益點(diǎn)，引導(dǎo)用戶行為的商業(yè)化設(shè)計(jì)中，這樣的提醒給了用戶更多的人文關(guān)懷。

因偶感風(fēng)寒，朋友下單買了感冒靈顆粒，美團(tuán)外賣小哥在送藥時(shí)，說了一句“早日康復(fù)”，讓她對美團(tuán)的服務(wù)驚嘆不已，甚至有一絲感動(dòng)；雖然不確定這是不是美團(tuán)的標(biāo)準(zhǔn)化服務(wù)流程，卻提升了她對美團(tuán)服務(wù)體驗(yàn)的滿意度。

b. 安全感彰顯用戶關(guān)懷

iOS多任務(wù)管理頁中，支付寶、銀行等金融類應(yīng)用會(huì)增加遮罩效果，保護(hù)用戶隱私，通過差異化的展現(xiàn)形式，增強(qiáng)了用戶的信任感；而用戶在支付寶“付款/收錢“界面截屏?xí)r，系統(tǒng)會(huì)主動(dòng)給出安全提示，讓用戶感受到來自支付寶的關(guān)懷。

c. 滿足用戶的內(nèi)心渴望

粉絲數(shù)是公眾號(hào)運(yùn)營的重要指標(biāo)，特別是新的玩家，漲粉的渴望是不言而喻的。

前幾天，我突然發(fā)現(xiàn)公眾號(hào)粉絲從1.0K變成了1.1K；當(dāng)時(shí)內(nèi)心一陣狂喜，立即查看了具體粉絲數(shù)，結(jié)果并沒有超過1.1K。

原來粉絲數(shù)的顯示規(guī)則是四舍五入，也就是說當(dāng)粉絲超過了1050后，都會(huì)顯示為1.1K。這比我們常見的1.0K+的形式，數(shù)據(jù)上做了適當(dāng)?shù)目浯螅坏遣?huì)對用戶判斷產(chǎn)生大的偏差，反而滿足了用戶的虛榮心；即使看到具體數(shù)據(jù)時(shí)，內(nèi)心會(huì)有小失落，但也不會(huì)造成用戶反感。

當(dāng)然本能層的情感設(shè)計(jì)，通常只能帶來的用戶情緒上的微小變化，或者短暫的刺激，無法強(qiáng)烈的改變用戶對產(chǎn)品的認(rèn)知，或者觸發(fā)更多的用戶行為。

2. 行為層——行為過程強(qiáng)化情感

用戶的參與可以帶來更強(qiáng)的的情感反饋和認(rèn)知，并且更容易形成持久的用戶記憶，甚至?xí)囵B(yǎng)新的用戶行為習(xí)慣，從而增強(qiáng)產(chǎn)品粘性。

1）動(dòng)效設(shè)計(jì)融入情感表達(dá)

TIM 聊天列表頁面，用戶可以拖拽消息數(shù)量角標(biāo)，快速消除未讀提示，同時(shí)帶有灰飛煙滅的動(dòng)效；相比較常見的點(diǎn)擊消除，或者向左滑動(dòng)后標(biāo)記已讀，這種交互方式既提高了用戶操作效率，又增加了消除提示的暢快感，仿佛幫助用戶甩掉了各種煩惱和壓力。

即刻APP在用戶頭像中增加了拖拽反彈動(dòng)效，除了視覺上愛心碰撞帶來的爽感，過程中還增加了震動(dòng)效果，傳遞給用戶力度回饋；碰撞之后頂部出現(xiàn)的嘴角上揚(yáng)的笑容，又帶給用戶無盡的想象空間。

2）創(chuàng)新玩法賦予產(chǎn)品情感體驗(yàn)

最近微信推出的“拍一拍”功能，創(chuàng)造了新的用戶溝通方式和使用場景，簡單的玩法激活了用戶獵奇心理和表達(dá)欲望；所以功能剛上線時(shí)，借助社交關(guān)系迅速傳播，并衍生出了各種趣味玩法。

傳統(tǒng)廣告主要是通過視頻播放吸引用戶點(diǎn)擊，用戶更多的是被動(dòng)接受；而微信朋友圈廣告則是播放廣告片段，激起用戶的好奇心，并結(jié)合手勢玩法提升了趣味性，吸引用戶主動(dòng)參與其中，從而形成更強(qiáng)的用戶認(rèn)知和記憶。

3. 反思層——價(jià)值影響情感認(rèn)知

前幾天很多朋友發(fā)現(xiàn)螞蟻莊園養(yǎng)的小雞不見了，只留下了一封雞毛信。

當(dāng)用戶都在猜測支付寶是不是要出現(xiàn)新玩法的時(shí)候，支付寶公眾號(hào)給出了答案。

“我雞呢？？？我一把屎一把尿的把它養(yǎng)大，怎么就剩根雞毛了？”

“嘿嘿，上支付寶搜「找小雞」，你就知道了?！?/p>

“都是同事你裝雞毛?。≈苯诱f?！?/p>

“三年來有4.5億網(wǎng)友在螞蟻莊園捐出240億顆“愛心蛋”，90%以上的公益項(xiàng)目都與孩子相關(guān)，小雞去看看這些孩子們?！?/p>

“中午回來吃飯嗎？“

“12點(diǎn)前就都回來了，能趕上吃飯。”

“行叭，我剛給它換的衣服，別玩臟了?！?/p>

——來自支付寶公眾號(hào)。

支付寶的創(chuàng)新玩法，引發(fā)了用戶的猜想，增強(qiáng)了活動(dòng)的話題性，精彩的文案對白，既宣傳了支付寶的公益行為，又收獲了用戶對品牌認(rèn)知。

三、情感化設(shè)計(jì)的方法

情感化設(shè)計(jì)在用戶體驗(yàn)圈早已不再是新鮮話題了，但是如何做出符合用戶情感需求的設(shè)計(jì)呢？我覺得可以從3個(gè)方面入手。

1. 天時(shí)——關(guān)鍵時(shí)刻激勵(lì)

抓住用戶關(guān)鍵的時(shí)間節(jié)點(diǎn)，通過設(shè)計(jì)手法增強(qiáng)用戶的情感效應(yīng)。例如微信設(shè)定了生日、春節(jié)等關(guān)鍵詞觸發(fā)飄落動(dòng)效，讓蒼白的文字信息更加富有場景化情感；根據(jù)用戶生命周期，電商平臺(tái)會(huì)推出相應(yīng)的禮包，促進(jìn)用戶轉(zhuǎn)化的同時(shí)，讓用戶產(chǎn)生被關(guān)注的情感體驗(yàn)。

2. 地利——用戶場景引導(dǎo)

根據(jù)用戶行為流程，在關(guān)鍵的行為節(jié)點(diǎn)中增加情感化設(shè)計(jì)。

花小豬在成功約車后，滿屏飄落的花瓣動(dòng)效，烘托了場景氣氛，有利于緩解用戶等待焦慮；特殊天氣狀況下，高德地圖會(huì)顯示天氣情況，為用戶出行提供參考。

3. 人和——挖掘用戶內(nèi)心訴求

利用用戶自身的情感訴求，滿足用戶內(nèi)心的渴望。

拼多多“多多夢工廠”游戲中，用戶在加油之后，快遞車會(huì)有明顯的加速效果，很好的滿足了用戶急切收到商品的情感訴求，也更好的激勵(lì)了用戶持續(xù)加油。

四、寫在最后

情感化設(shè)計(jì)更多的是帶給用戶瞬間感動(dòng)，很難形成長期的用戶激勵(lì)；因此情感化設(shè)計(jì)主要目的是通過情感累加，提升產(chǎn)品品牌形象；不過情感化設(shè)計(jì)在落地時(shí)，會(huì)面臨一些困難。

• 一方面互聯(lián)網(wǎng)已經(jīng)發(fā)展了這么多年，大家對一些小的趣味細(xì)節(jié)，很容易視而不見，或者只能會(huì)產(chǎn)生一點(diǎn)點(diǎn)情感波動(dòng)就結(jié)束了。
• 另一方面商業(yè)化的設(shè)計(jì)，更加注重投入產(chǎn)出比和眼前收益，當(dāng)情感化設(shè)計(jì)無法確定可以帶來直接的經(jīng)濟(jì)效益時(shí)，很容易被pass掉或者無限延期。

所以設(shè)計(jì)師也需要不斷的去總結(jié)和反思，如何堅(jiān)守心中的那點(diǎn)兒設(shè)計(jì)情懷。

#專欄作家#

子牧先生。公眾號(hào)：子牧UXD（HelloDesign），人人都是產(chǎn)品經(jīng)理專欄作家。產(chǎn)品體驗(yàn)設(shè)計(jì)師。8年互聯(lián)網(wǎng)行業(yè)經(jīng)驗(yàn)，擅長體驗(yàn)設(shè)計(jì)思維、設(shè)計(jì)方法論、交互設(shè)計(jì)研究。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 unsplash，基于CC0協(xié)議