前言

情感化設(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)步。

作者：黑馬家族