案例錦囊|交互設(shè)計(jì)中「情感化」設(shè)計(jì)優(yōu)秀案例(二)

2021-12-1    seo達(dá)人


1.  本能層 —— 感官刺激

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

 

案例 1  App Store 的卡片推薦做的很有新意,比如:把吉祥物(品牌形象)是小熊的工具收集到了一起,并取名為:熊幫手。

圖片

 

案例 2  微博長(zhǎng)按點(diǎn)贊按鈕,可以選擇不同的點(diǎn)贊狀態(tài)。圖標(biāo)還是動(dòng)態(tài)的,很有趣。

圖片

 

案例 3  淘寶雙十一預(yù)熱,首頁(yè)的 icon 變成了 “今晚 20 點(diǎn)雙 11 搶預(yù)售”的字樣,烘托氛圍又打了廣告。

圖片

 

案例 4  微信撥打語(yǔ)音的界面,在等待好友接聽的過程中,可以看到好友朋友圈的圖片,緩解用戶等待時(shí)的無聊,也為即將進(jìn)行的語(yǔ)音聊天提供了話題。

圖片

 

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

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

 

案例 1  :當(dāng)蘋果公司發(fā)現(xiàn)用戶最近在官方渠道購(gòu)買了新的 iPhone ,老 iPhone 的設(shè)置頁(yè)面就會(huì)給出提示,讓用戶為新的 iPhone 做好數(shù)據(jù)遷移準(zhǔn)備。

圖片

 

案例 2  iOS 系統(tǒng)后臺(tái)在看縮略效果時(shí),會(huì)將用戶的敏感、私密的信息的 App 頁(yè)面進(jìn)行模糊處理,保護(hù)用戶的隱私安全。

圖片

 

案例 3  :在屏幕很暗的情況下,打開微信支付二維碼,屏幕會(huì)瞬間亮起,便于商家掃碼付款。

圖片

 

案例 4  貨拉拉在展示搬家車輛詳細(xì)信息時(shí),使用了剖面圖,并模擬了不同搬家場(chǎng)景下的家具內(nèi)容,讓用戶更好估算車輛空間。

圖片

 

3. 反思層 —— 認(rèn)知共鳴

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

 

案例 1  FigJam 是一款來自 Figma 的多人協(xié)作在線白板工具,可以進(jìn)行頭腦風(fēng)暴、繪制流程、多人協(xié)同標(biāo)記等。里面也有很多人性化的小功能,比如:當(dāng)兩個(gè)人同時(shí)長(zhǎng)按 “H” 鍵時(shí),就會(huì)出現(xiàn) highfive(擊掌的動(dòng)效),非常適合當(dāng)設(shè)計(jì)師達(dá)成共識(shí)時(shí)使用:

圖片

 

案例 2  小睡眠 App 發(fā)現(xiàn)學(xué)生時(shí)代的我們經(jīng)常會(huì)在枯燥的課堂上睡覺,所以準(zhǔn)備了各種課堂講解、校長(zhǎng)發(fā)言、領(lǐng)導(dǎo)開會(huì)的聲音作為催眠、助眠的音樂,讓人會(huì)心一笑。

圖片

 

案例 3  餓了么在異常天氣下通過在界面上增加天氣的元素,讓用戶看到外賣小哥的辛苦,使用視覺和內(nèi)容共情,喚起用戶的同理心,降低用戶因外賣遲到而做的投訴和差評(píng)。

圖片

 

案例 4  QQ音樂上線了寵物功能,一共有五個(gè)品種的寵物讓用戶可以選擇領(lǐng)取,多聽歌能喂飽寵物,然后送它出去參加演唱會(huì)或者和好友進(jìn)行互動(dòng)。

圖片

 

原文鏈接:長(zhǎng)弓小子(公眾號(hào))

作者:元堯

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》案例錦囊|交互設(shè)計(jì)中「情感化」設(shè)計(jì)優(yōu)秀案例(二)

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔