情感化設(shè)計(jì)，由唐納德·諾曼在 《情感化設(shè)計(jì)》 一書中完整提出，書中其由淺入深的將情感化設(shè)計(jì)分成了三個(gè)層次：本能層、行為層、反思層。相關(guān)的概念你可以看這篇：

接下來，我們就從案例中分析，作為設(shè)計(jì)師該如何在這三個(gè)層次中做好情感化設(shè)計(jì)。

一、本能層 —— 感官刺激

對(duì)于本能層，設(shè)計(jì)師可以在符合功能需求的前提下，盡力給用戶帶來聽覺、視覺、觸覺的感官刺激，促成用戶與產(chǎn)品的 “一見鐘情”。

作為一款國民級(jí)應(yīng)用，支付寶出行功能下的每個(gè) icon 都做得很用心，小動(dòng)畫讓交互更有趣：

Airbnb 在北美登錄界面的長(zhǎng)按鈕，按鈕的顏色會(huì)隨著鼠標(biāo)移動(dòng)而產(chǎn)生變化，讓交互感受更加深刻：

語雀 App 在生成長(zhǎng)圖進(jìn)行分享和轉(zhuǎn)發(fā)時(shí)，有不同的卡片樣式可以選擇，圖案隨機(jī)像開盲盒一樣，促成用戶嘗試分享：

在淘寶搜索商品，可以看到頁面右下角的“花瓣圖標(biāo)”，點(diǎn)開后是拼接圖效果來展示商品。每個(gè)小圖可以是視頻，也可以左右滑動(dòng)翻頁，視覺展示效果明顯，挑選商品也更加方便：

在互聯(lián)網(wǎng)時(shí)代，表達(dá)哀悼也有了新的方式，很多產(chǎn)品都使用首屏去色黑白化，來緬懷領(lǐng)導(dǎo)人的離去：

二、行為層 —— 細(xì)節(jié)引導(dǎo)

對(duì)于行為層，設(shè)計(jì)師需要對(duì)用戶的行為進(jìn)行預(yù)判和引導(dǎo)，利用細(xì)節(jié)處理打動(dòng)用戶，讓用戶對(duì)產(chǎn)品產(chǎn)生信任感和依賴感。

使用 “微信讀書” 在讀到一本書的 50% 的時(shí)候，頁面頂部會(huì)顯示剩余閱讀量，并會(huì)根據(jù)你之前的閱讀速度估算剩余時(shí)間，鼓勵(lì)你繼續(xù)讀：

高德地圖利用樹木和樓高的數(shù)據(jù)，配合天氣太陽角度的計(jì)算，在夏天時(shí)為選擇騎行的用戶提供有林蔭和樓陰的“清涼導(dǎo)航路線”：

在一些車輛限行的城市，高德地圖增加了“添加限行日提醒”功能，根據(jù)不同城市有定制化的規(guī)定。在添加車牌號(hào)時(shí)，鍵盤默認(rèn)開啟大寫字母和數(shù)字組合，方便用戶輸入：

微信的搜索推薦，會(huì)用一些小腳標(biāo)來吸引用戶點(diǎn)擊，比如“互聯(lián)網(wǎng)精英都在看”，應(yīng)該是根據(jù)文章閱讀的用戶畫像來做的精準(zhǔn)推薦：

美團(tuán)外賣在用戶給訂單打差評(píng)時(shí)，會(huì)自動(dòng)開啟匿名開關(guān)，保護(hù)用戶的隱私：

釘釘會(huì)在你長(zhǎng)時(shí)間（約 3-4 小時(shí)）未讀某人發(fā)的單聊消息時(shí)，再次發(fā)出通知提示，避免你錯(cuò)過重要消息：

微信群聊天，大家通常都會(huì)設(shè)置“消息免打擾”，但也很可能會(huì)錯(cuò)過很多重要信息。微信可以在群聊設(shè)置中選擇關(guān)注的群成員，這樣這幾個(gè)被你關(guān)注的群成員在說話時(shí)候，你就可以接到通知提醒：

三、反思層 —— 認(rèn)知共鳴

對(duì)于反思層，設(shè)計(jì)師要調(diào)動(dòng)用戶最深層的記憶和感知，將視覺效果、產(chǎn)品功能和用戶認(rèn)知緊密結(jié)合，形成用戶對(duì)于產(chǎn)品和品牌的深刻認(rèn)知。

英雄聯(lián)盟的微信廣告植入別具一格，將游戲用語、社群平臺(tái)和用戶很好的連接到一起，你只要發(fā)送 “亞索，聽我口令…” 這段口令，就會(huì)喚起動(dòng)畫效果和小程序：

餓了么的搜索推薦，使用滾動(dòng)條狀態(tài)，并配有古靈精怪的形容詞，還會(huì)有 IP 形象不斷的加詞加戲：

網(wǎng)易云音樂的播客功能，在切換主題內(nèi)容時(shí)使用的是模仿老式收音機(jī)調(diào)頻的方式，有趣的是，你能感覺到手機(jī)隨著滑動(dòng)調(diào)頻而產(chǎn)生明顯的震動(dòng)感：

花小豬 App 為了緩解用戶等待平臺(tái)派單時(shí)的焦慮感，將等待進(jìn)程設(shè)計(jì)成紅包進(jìn)度條樣式的樣式，等的時(shí)間越長(zhǎng)紅包越大，讓用戶舍不得離開：

Google 瀏覽器首頁的 Logo 涂鴉變體經(jīng)常會(huì)和實(shí)際事件相呼應(yīng)，比如在某年的月食日時(shí)曾使用過的涂鴉小動(dòng)畫，點(diǎn)擊后則會(huì)跳轉(zhuǎn)到與月食知識(shí)相關(guān)的百科頁面：

歡迎關(guān)注作者微信公眾號(hào)：「長(zhǎng)弓小子」