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