1. 本能層 —— 感官刺激
對(duì)于本能層,設(shè)計(jì)師需要在符合功能需求的前提下,盡可能的給用戶(hù)帶來(lái)聽(tīng)覺(jué)、視覺(jué)、觸覺(jué)的感官刺激,極力去促成用戶(hù)與產(chǎn)品的 “一見(jià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ǔ)音的界面,在等待好友接聽(tīng)的過(guò)程中,可以看到好友朋友圈的圖片,緩解用戶(hù)等待時(shí)的無(wú)聊,也為即將進(jìn)行的語(yǔ)音聊天提供了話題。
2. 行為層 —— 細(xì)節(jié)引導(dǎo)
對(duì)于行為層,設(shè)計(jì)師需對(duì)用戶(hù)的行為進(jìn)行預(yù)判和引導(dǎo),利用細(xì)節(jié)處理打動(dòng)用戶(hù),讓用戶(hù)對(duì)產(chǎn)品產(chǎn)生信任感和依賴(lài)感。
案例 1 :當(dāng)蘋(píng)果公司發(fā)現(xiàn)用戶(hù)最近在官方渠道購(gòu)買(mǎi)了新的 iPhone ,老 iPhone 的設(shè)置頁(yè)面就會(huì)給出提示,讓用戶(hù)為新的 iPhone 做好數(shù)據(jù)遷移準(zhǔn)備。
案例 2 :iOS 系統(tǒng)后臺(tái)在看縮略效果時(shí),會(huì)將用戶(hù)的敏感、私密的信息的 App 頁(yè)面進(jìn)行模糊處理,保護(hù)用戶(hù)的隱私安全。
案例 3 :在屏幕很暗的情況下,打開(kāi)微信支付二維碼,屏幕會(huì)瞬間亮起,便于商家掃碼付款。
案例 4 :貨拉拉在展示搬家車(chē)輛詳細(xì)信息時(shí),使用了剖面圖,并模擬了不同搬家場(chǎng)景下的家具內(nèi)容,讓用戶(hù)更好估算車(chē)輛空間。
3. 反思層 —— 認(rèn)知共鳴
對(duì)于反思層,設(shè)計(jì)師要調(diào)動(dòng)用戶(hù)最深層的記憶和感知,將視覺(jué)效果、產(chǎn)品功能和用戶(hù)認(rèn)知緊密結(jié)合,形成用戶(hù)對(duì)于產(chǎn)品和品牌的深刻認(rèn)知。
案例 1 :FigJam 是一款來(lái)自 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ì)在枯燥的課堂上睡覺(jué),所以準(zhǔn)備了各種課堂講解、校長(zhǎng)發(fā)言、領(lǐng)導(dǎo)開(kāi)會(huì)的聲音作為催眠、助眠的音樂(lè),讓人會(huì)心一笑。
案例 3 :餓了么在異常天氣下通過(guò)在界面上增加天氣的元素,讓用戶(hù)看到外賣(mài)小哥的辛苦,使用視覺(jué)和內(nèi)容共情,喚起用戶(hù)的同理心,降低用戶(hù)因外賣(mài)遲到而做的投訴和差評(píng)。
案例 4 :QQ音樂(lè)上線了寵物功能,一共有五個(gè)品種的寵物讓用戶(hù)可以選擇領(lǐng)取,多聽(tīng)歌能喂飽寵物,然后送它出去參加演唱會(huì)或者和好友進(jìn)行互動(dòng)。
原文鏈接:長(zhǎng)弓小子(公眾號(hào))
作者:元堯
轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》案例錦囊|交互設(shè)計(jì)中「情感化」設(shè)計(jì)優(yōu)秀案例(二)
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司