10個產品細節(jié)剖析,看看大廠如何做情感化設計!
前言
情感化設計可以拉近與用戶之間的親和力,在產品設計中被普遍運用。黑馬哥最近觀察到一些大廠設計師在這方面的設計表現,分享一些和大家一起探討,提高我們的設計表現力。
一、趣味性的外賣騎手
外賣騎手給大家的印象就是騎著電瓶車穿梭在大街小巷,給大家的生活帶來便捷的配送服務。
餓了么 App 點餐之后,配送過程中外賣騎手的騎行裝備會根據節(jié)慶主題進行設計,比如中秋節(jié)期間便是騎著兔子,有時候也會劃著小船等等。趣味性的設計表達讓人印象深刻,通過情感化的設計降低了用戶等待過程中的焦慮感。
二、表情化的服務評價
服務評價是獲取用戶反饋的方式之一,也是最容易達到目的的方式,針對服務型產品來說至關重要。
通過高德地圖 App 打車結束行程后,用戶針對服務進行評價時會有表情輔助情緒表達,提升用戶的評價體驗度。表情化的服務評價可以提高用戶的參與度,也能通過情緒的表達帶給用戶情感化的體驗。
三、可視化表達更明確
將信息通過可視化的圖形表達,相較于生硬的文案更易于理解。也能通過情感化的插圖提高視覺度,吸引用戶的關注度。
Keep App 在"告別肚腩計劃"的設置界面中,運用可視化的插圖表達基礎信息的錄入表達,更利于用戶理解信息并做出準確判斷。通過圖形可視化信息的表達,不僅感官度更高,也能讓用戶更愿意參與其中。
四、情感化的溫馨提示設計
隨著短視頻改變了大家的休閑娛樂方式,為了防止過度沉迷,短視頻平臺都會不定期溫馨提示,讓大家適當休息,養(yǎng)成健康作息習慣。
抖音 App 白天和夜間都會不定期溫馨提示,通過動靜結合的提示設計,提高用戶對于提示內容的關注度。在獲取平臺內容的同時,也能合理的分配時間和健康作息。通過提示設置提醒時間,可以有效防止過度沉迷,提升用戶的情感化體驗度。
五、情感化的用戶反饋設計
通過調研和反饋可以采集用戶的體驗情況,以便進行迭代調整,帶給用戶更好的使用體驗。
利用高德地圖 App 打車時,行駛過程中訪問訂單界面,可以對司機服務和車內環(huán)境進行評價反饋,以便平臺對司機進行整改反饋。通過表情化的選項設計,讓用戶無需過多操作即可完成反饋,提高用戶的反饋效率和意愿度。
六、人性化的提示讓用戶更放心
產品設計需要帶給用戶抵達目標的使用體驗,滿足底層需求之后的感官體驗升級和人性化的設計等,讓用戶感受到溫暖,才能提高對產品的依賴度。
通過攜程訂票之后,在查看票務信息時,通過天氣預報的溫馨提示,可以讓用戶對出行做好充分準備。人性化的提示設計讓用戶更放心,感受到產品的溫度,帶給用戶驚喜的使用體驗。
七、通過視覺強化感官度
針對商業(yè)屬性的產品來說,通過視覺強化氛圍至關重要,可以激發(fā)用戶的消費欲望。
嘀嗒出行 App 在節(jié)日慶典等主題活動期間,都會通過視覺的表達強化產品設計。在頂部視覺區(qū)域、界面背景、卡片展示和彈窗等區(qū)域,通過符合主題的視覺表達增強感官體驗。
八、空間感更強的輪播設計
輪播圖在產品中較為常見,也出現了眾多優(yōu)秀的輪播設計方案,為了打造差異化的表達,設計師也在不斷探索更多設計表現形式。
最近在體驗馬蜂窩 App 時,在"找玩法"欄目中發(fā)現了一個空間感更強的輪播區(qū)域設計。以卡片式設計展示輪播圖,通過四層疊加形成更強的空間感,滑動時以 Z 軸空間進行轉場。無論是樣式表達還是層次感的營造,都非常有參考價值,值得學習探索。
九、延續(xù)品牌基因的動效表達
立足于品牌做設計已經逐步成為趨勢,在探索品牌延續(xù)的過程中,都是設計師不斷發(fā)散思維和構思創(chuàng)意的過程。
訪問馬蜂窩"攻略群"欄目時,頂部視覺區(qū)域延續(xù)品牌基因進行了動效表達。從 LOGO 中提取代表微笑的弧線作為品牌基因圖形,融入到動效演變過程中,并呈現出該欄目的廣告語。不僅突出了該欄目的賣點,也強化了產品的品牌曝光度。
十、可以晃動的 Banner 設計
為了吸引用戶的關注度,Banner 設計也在不斷探索新的表達形式,融入更多技術實現差異化的設計解決方案。
安居客 App 在首頁 Banner 設計中,當用戶晃動手機時,Banner 中的建筑元素和煙花元素形成分層錯位的位移,模擬出類似于裸眼 3D 的視覺效果。不僅突出了區(qū)域的關注度,也強化了設計表達的差異化。
小結
希望本期關于增強產品情感化的設計案例分享,可以開啟大家更多的設計思維,從優(yōu)秀的設計方案中發(fā)現設計的軌跡,復用到后期的項目設計中。
本文描述屬于個人理解和總結,不足之處歡迎大家留言補充,我們互相進步。
作者:黑馬家族
想了解更多網站技術的內容,請訪問:網站技術