項(xiàng)目案例|情感化設(shè)計(jì)方法及案例解析

情感化設(shè)計(jì)簡述
情感化設(shè)計(jì),由唐納德·諾曼在 《情感化設(shè)計(jì)》 一書中完整提出,書中其由淺入深的將情感化設(shè)計(jì)分成了三個(gè)層次:本能層、行為層、反思層。
本能層:是 用戶對(duì)產(chǎn)品的視覺和第一印象的本能直接反應(yīng)。比如用戶第一眼被產(chǎn)品的外觀所吸引,從而對(duì)產(chǎn)品產(chǎn)生想要了解和觸碰的沖動(dòng)。本能層次是先于思考和邏輯判斷的。
行為層:用戶與產(chǎn)品在行為上產(chǎn)生的交互關(guān)系,具備一定的理性和邏輯感。比如用戶在使用這個(gè)產(chǎn)品會(huì)從操作流程中產(chǎn)生評(píng)價(jià),也會(huì)產(chǎn)生因?yàn)椴僮髟O(shè)計(jì)不合理而產(chǎn)生負(fù)面情緒。
反思層:體現(xiàn)在 產(chǎn)品的獨(dú)特內(nèi)涵、品牌差異性在用戶的心中根植下獨(dú)有的記憶,用戶因?yàn)檫@份記憶會(huì)經(jīng)常觸發(fā)情感共鳴,從而忠實(shí)于產(chǎn)品。用戶會(huì)產(chǎn)生有意識(shí)的考慮和基于經(jīng)驗(yàn)的反思。

案例解析與分享
接下來,我們就從案例中分析,作為設(shè)計(jì)師該如何在這三個(gè)層次中做好情感化設(shè)計(jì) ——
1.本能層 —— 感官刺激
對(duì)于本能層,設(shè)計(jì)師需要在 符合功能需求的前提下,盡可能的給用戶帶來聽覺、視覺、觸覺的感官刺激,極力去促成用戶與產(chǎn)品的 “一見鐘情”。
案例 1:知乎 App 在加載內(nèi)容的過程中,增加了 IP 形象的動(dòng)態(tài)效果,在圖片和文字的占位符上也增加了光的移動(dòng)效果,吸引用戶注意力,減緩了用戶等待時(shí)的無聊感。

案例 2:Pinterest 網(wǎng)站在引導(dǎo)用戶注冊(cè)和登錄的頁面,使用自動(dòng)切換的主題,如園藝技能、服裝搭配等,在每一個(gè)主題下都精心挑選了同一個(gè)色調(diào)的圖片,用高質(zhì)量的視覺效果吸引用戶注冊(cè)網(wǎng)站。

案例 3:支付寶 App 首頁的應(yīng)用圖標(biāo),有時(shí)會(huì)具有動(dòng)態(tài)效果。比如螞蟻莊園圖標(biāo)會(huì)展示出小雞是否需要喂食、螞蟻森林圖標(biāo)會(huì)展示當(dāng)前是否有能量可收。既增加趣味,又可以使用戶一眼就看到常用的應(yīng)用的狀態(tài)。

案例 4:微信的朋友圈,在 “跳到還沒看的” 標(biāo)簽處加了好友頭像,以增加用戶點(diǎn)擊率。

2.行為層 —— 打磨細(xì)節(jié)
對(duì)于行為層,設(shè)計(jì)師需對(duì)用戶的行為進(jìn)行預(yù)判和引導(dǎo),利用細(xì)節(jié)處理打動(dòng)用戶,讓用戶對(duì)產(chǎn)品產(chǎn)生信任感和依賴感。
案例 1:高德地圖 App 的導(dǎo)航功能在車輛超速行駛時(shí),會(huì)在屏幕左右兩邊出現(xiàn)紅色動(dòng)態(tài)條的提示,增強(qiáng)對(duì)用戶的危險(xiǎn)提示。

案例 2:在 YouTube 播放視頻時(shí),可通過手指往下滑動(dòng)將視頻變?yōu)樽钚』翱诓シ牛俅问种竿匣瑒?dòng)可恢復(fù)原狀,操作簡便,同時(shí)可以讓用戶在瀑布流中繼續(xù)瀏覽其他感興趣的內(nèi)容,讓用戶感覺到對(duì)時(shí)間和內(nèi)容的掌控感。

案例 3:阿里云盤 App 用小福利 / 小游戲的概念,引導(dǎo)用戶開啟權(quán)限和填寫資料,把用戶對(duì)授權(quán)的安全擔(dān)憂和填寫資料的枯燥感,轉(zhuǎn)化為獲得福利的喜悅,讓用戶主動(dòng)、心甘情愿的完成這些操作。

案例 4:京東 App 的一些商品在提交訂單頁面,會(huì)顯示商品進(jìn)入了某個(gè)排行榜,給予用戶肯定(你挑的這個(gè)東西很不錯(cuò),趕緊下單吧!),促使用戶開開心心買單。

案例 5:搜狗輸入法,數(shù)字鍵盤就可以變身計(jì)算器,聊天的時(shí)候需要運(yùn)算復(fù)雜的加減乘除時(shí),這個(gè)功能很方便。

3.反思層 —— 記憶聯(lián)想
對(duì)于反思層,設(shè)計(jì)師要調(diào)動(dòng)用戶最深層的記憶和感知,形成用戶對(duì)于產(chǎn)品和品牌的深刻認(rèn)知。
案例 1:重慶的 “鐘書閣” 書店,用鏡子進(jìn)行反射,拓寬了空間維度,并營造出山城的層層疊疊的感覺,讓人不由的將圖書館的和山城重慶結(jié)合到一起,提起重慶的圖書館,便會(huì)想起 “鐘書閣”。

案例 2:在 Google 上查單詞發(fā)音時(shí),會(huì)配上發(fā)音的口型動(dòng)畫,放慢語速發(fā)音時(shí)口型動(dòng)畫也會(huì)跟著放慢節(jié)奏,非常形象的加深了用戶的印象。

案例 3:鏈家 App 在看房的時(shí)候,不僅有 VR 全景功能,還增加了 “設(shè)計(jì)效果” 方案。當(dāng)用戶點(diǎn)開 “設(shè)計(jì)效果” 后會(huì)看到分屏對(duì)比的效果。給用戶對(duì)于房子空間的全新感受。

案例 4:日本路邊的 “小鳥居”:日本的某些街道的角落里,經(jīng)常會(huì)有人或狗在那里大小便。鳥居是神社的入口,總是能讓人聯(lián)想到因果報(bào)應(yīng),從而約束自己的言行。遛狗的人看到設(shè)置在路邊的小鳥居,便會(huì)不讓狗狗在那里大小便,也減少了亂扔垃圾的行為。

超值課程推薦
超 10 億用戶的產(chǎn)品,到底是怎么做用戶體驗(yàn)的?
揭秘滴滴、蔚來等大廠的用戶體驗(yàn)設(shè)計(jì)策略
原創(chuàng)好文推薦
Web Vitals —— 谷歌的新一代 Web 性能體驗(yàn)和質(zhì)量指標(biāo)
2021 年用戶體驗(yàn)設(shè)計(jì)趨勢分析
想要引導(dǎo)用戶行為轉(zhuǎn)化,設(shè)計(jì)師必須深刻理解這 4 個(gè)認(rèn)知心理學(xué)理論
讓設(shè)計(jì)圈一片嘩然的 Google 新 logo 到底出了什么問題?國外的設(shè)計(jì)專家這么說
如何系統(tǒng)的增強(qiáng)用戶粘性,提升產(chǎn)品轉(zhuǎn)化率?你要懂得“行為設(shè)計(jì)學(xué)”
設(shè)計(jì)新趨勢「玻璃擬態(tài)」到底是什么?這里有一份實(shí)現(xiàn)效果的詳細(xì)教程
如何將設(shè)計(jì)系統(tǒng)快速的從 Sketch 切換到 Figma?這里有 6 個(gè)需要注意的關(guān)鍵點(diǎn)
歡迎大家關(guān)注三分設(shè),每天分享優(yōu)質(zhì)設(shè)計(jì)、創(chuàng)意靈感、新知新識(shí),定期大咖老師直播分享,零距離連麥,答疑解惑。

