1. 本能層 —— 感官刺激
對于本能層，設(shè)計(jì)師需要在符合功能需求的前提下，盡可能的給用戶帶來聽覺、視覺、觸覺的感官刺激，極力去促成用戶與產(chǎn)品的 “一見鐘情”。
案例 1 ：App Store 的卡片推薦做的很有新意，比如：把吉祥物（品牌形象）是小熊的工具收集到了一起，并取名為：熊幫手。
案例 2 ：微博長按點(diǎn)贊按鈕，可以選擇不同的點(diǎn)贊狀態(tài)。圖標(biāo)還是動態(tài)的，很有趣。
案例 3 ：淘寶雙十一預(yù)熱，首頁的 icon 變成了 “今晚 20 點(diǎn)雙 11 搶預(yù)售”的字樣，烘托氛圍又打了廣告。
案例 4 ：微信撥打語音的界面，在等待好友接聽的過程中，可以看到好友朋友圈的圖片，緩解用戶等待時的無聊，也為即將進(jìn)行的語音聊天提供了話題。
2. 行為層 —— 細(xì)節(jié)引導(dǎo)
對于行為層，設(shè)計(jì)師需對用戶的行為進(jìn)行預(yù)判和引導(dǎo)，利用細(xì)節(jié)處理打動用戶，讓用戶對產(chǎn)品產(chǎn)生信任感和依賴感。
案例 1 ：當(dāng)蘋果公司發(fā)現(xiàn)用戶最近在官方渠道購買了新的 iPhone ，老 iPhone 的設(shè)置頁面就會給出提示，讓用戶為新的 iPhone 做好數(shù)據(jù)遷移準(zhǔn)備。
案例 2 ：iOS 系統(tǒng)后臺在看縮略效果時，會將用戶的敏感、私密的信息的 App 頁面進(jìn)行模糊處理，保護(hù)用戶的隱私安全。
案例 3 ：在屏幕很暗的情況下，打開微信支付二維碼，屏幕會瞬間亮起，便于商家掃碼付款。
案例 4 ：貨拉拉在展示搬家車輛詳細(xì)信息時，使用了剖面圖，并模擬了不同搬家場景下的家具內(nèi)容，讓用戶更好估算車輛空間。
3. 反思層 —— 認(rèn)知共鳴
對于反思層，設(shè)計(jì)師要調(diào)動用戶最深層的記憶和感知，將視覺效果、產(chǎn)品功能和用戶認(rèn)知緊密結(jié)合，形成用戶對于產(chǎn)品和品牌的深刻認(rèn)知。
案例 1 ：FigJam 是一款來自 Figma 的多人協(xié)作在線白板工具，可以進(jìn)行頭腦風(fēng)暴、繪制流程、多人協(xié)同標(biāo)記等。里面也有很多人性化的小功能，比如：當(dāng)兩個人同時長按 “H” 鍵時，就會出現(xiàn) highfive（擊掌的動效），非常適合當(dāng)設(shè)計(jì)師達(dá)成共識時使用：
案例 2 ：小睡眠 App 發(fā)現(xiàn)學(xué)生時代的我們經(jīng)常會在枯燥的課堂上睡覺，所以準(zhǔn)備了各種課堂講解、校長發(fā)言、領(lǐng)導(dǎo)開會的聲音作為催眠、助眠的音樂，讓人會心一笑。
案例 3 ：餓了么在異常天氣下通過在界面上增加天氣的元素，讓用戶看到外賣小哥的辛苦，使用視覺和內(nèi)容共情，喚起用戶的同理心，降低用戶因外賣遲到而做的投訴和差評。
案例 4 ：QQ音樂上線了寵物功能，一共有五個品種的寵物讓用戶可以選擇領(lǐng)取，多聽歌能喂飽寵物，然后送它出去參加演唱會或者和好友進(jìn)行互動。
原文鏈接：長弓小子（公眾號）
作者：元堯
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》案例錦囊｜交互設(shè)計(jì)中「情感化」設(shè)計(jì)優(yōu)秀案例（二）
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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ù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司