「情感化」設(shè)計(jì)方法及案例解析
情感化設(shè)計(jì),由唐納德·諾曼在 《情感化設(shè)計(jì)》 一書中完整提出,書中其由淺入深的將情感化設(shè)計(jì)分成了三個(gè)層次:本能層、行為層、反思層。作者通過案例進(jìn)行分析,作為設(shè)計(jì)師該如何在這三個(gè)層次中做好情感化設(shè)計(jì),一起來看看吧。
本能層:表象的直接反應(yīng)
是用戶對(duì)產(chǎn)品的視覺和第一印象的本能直接反應(yīng)。比如用戶第一眼被產(chǎn)品的外觀所吸引,從而對(duì)產(chǎn)品產(chǎn)生想要了解和觸碰的沖動(dòng)。本能層次是先于思考和邏輯判斷的。
行為層:交互的行為關(guān)系
用戶與產(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ì)觸發(fā)情感共鳴,從而忠實(shí)于產(chǎn)品。用戶會(huì)產(chǎn)生有意識(shí)的考慮和基于經(jīng)驗(yàn)的反思。
一、本能層 —— 感官刺激
對(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)。
二、行為層 —— 細(xì)節(jié)引導(dǎo)
對(duì)于行為層,設(shè)計(jì)師需對(duì)用戶的行為進(jìn)行預(yù)判和引導(dǎo),利用細(xì)節(jié)處理打動(dòng)用戶,讓用戶對(duì)產(chǎn)品產(chǎn)生信任感和依賴感。
案例1:即刻App 在圖標(biāo)的上很用心,每一個(gè)不同的話題板塊下,都有專屬的點(diǎn)贊圖標(biāo),比如“浴室沉思錄”是一個(gè)燈泡;“今天不開心”是一個(gè)倒著的臉。
案例2:搜狗輸入法,數(shù)字鍵盤就可以變身計(jì)算器,聊天的時(shí)候需要運(yùn)算復(fù)雜的加減乘除時(shí),這個(gè)功能很方便。
案例3:每個(gè)豆瓣小組的成員名稱,都可以被個(gè)性化設(shè)置。比如“原神小組”的人數(shù)單位名稱叫“旅行者”,“課文回憶錄”小組則叫“同班同學(xué)”,能夠很好的引起小組成員的共鳴。
案例4:斷網(wǎng)是個(gè)讓人焦慮的事情,Chrome 瀏覽器斷網(wǎng)后會(huì)出現(xiàn)史前恐龍的 icon,敲擊空格鍵盤就可以開始下面的游戲,讓用戶充分的感受到 Chrome 的人文關(guān)懷。
案例5:在 Google 上查單詞發(fā)音時(shí),會(huì)配上發(fā)音的口型動(dòng)畫,放慢語速發(fā)音時(shí)口型動(dòng)畫也會(huì)跟著放慢節(jié)奏,非常形象的加深了用戶的印象。
三、反思層—— 認(rèn)知共鳴
對(duì)于反思層,設(shè)計(jì)師要調(diào)動(dòng)用戶最深層的記憶和感知,將視覺效果、產(chǎn)品功能和用戶認(rèn)知緊密結(jié)合,形成用戶對(duì)于產(chǎn)品和品牌的深刻認(rèn)知。
案例1:8 月 13 日有英仙座流星雨, B 站央視新聞當(dāng)天的直播彈幕變成了流星雨形狀。
案例2:重慶的“鐘書閣”書店,用鏡子進(jìn)行反射,拓寬了空間維度,并營造出山城的層層疊疊的感覺,讓人不由的將圖書館的和山城重慶結(jié)合到一起,提起重慶的圖書館,便會(huì)想起“鐘書閣”。
案例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ì)不讓狗狗在那里大小便,也減少了亂扔垃圾的行為。
作者:元堯;公眾號(hào):長弓小子;
本文由@ 元堯 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于CC0協(xié)議。
這些小細(xì)節(jié)很重要,設(shè)計(jì)不好很致命,多看多反思