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