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

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

一、本能層 —— 感官刺激

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

作為一款國民級應用，支付寶出行功能下的每個 icon 都做得很用心，小動畫讓交互更有趣：

Airbnb 在北美登錄界面的長按鈕，按鈕的顏色會隨著鼠標移動而產生變化，讓交互感受更加深刻：

語雀 App 在生成長圖進行分享和轉發時，有不同的卡片樣式可以選擇，圖案隨機像開盲盒一樣，促成用戶嘗試分享：

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

在互聯網時代，表達哀悼也有了新的方式，很多產品都使用首屏去色黑白化，來緬懷領導人的離去：

二、行為層 —— 細節引導

對于行為層，設計師需要對用戶的行為進行預判和引導，利用細節處理打動用戶，讓用戶對產品產生信任感和依賴感。

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

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

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

微信的搜索推薦，會用一些小腳標來吸引用戶點擊，比如“互聯網精英都在看”，應該是根據文章閱讀的用戶畫像來做的精準推薦：

美團外賣在用戶給訂單打差評時，會自動開啟匿名開關，保護用戶的隱私：

釘釘會在你長時間（約 3-4 小時）未讀某人發的單聊消息時，再次發出通知提示，避免你錯過重要消息：

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

三、反思層 —— 認知共鳴

對于反思層，設計師要調動用戶最深層的記憶和感知，將視覺效果、產品功能和用戶認知緊密結合，形成用戶對于產品和品牌的深刻認知。

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

餓了么的搜索推薦，使用滾動條狀態，并配有古靈精怪的形容詞，還會有 IP 形象不斷的加詞加戲：

網易云音樂的播客功能，在切換主題內容時使用的是模仿老式收音機調頻的方式，有趣的是，你能感覺到手機隨著滑動調頻而產生明顯的震動感：

花小豬 App 為了緩解用戶等待平臺派單時的焦慮感，將等待進程設計成紅包進度條樣式的樣式，等的時間越長紅包越大，讓用戶舍不得離開：

Google 瀏覽器首頁的 Logo 涂鴉變體經常會和實際事件相呼應，比如在某年的月食日時曾使用過的涂鴉小動畫，點擊后則會跳轉到與月食知識相關的百科頁面：

歡迎關注作者微信公眾號：「長弓小子」