前言

情感化設(shè)計(jì)可以拉近與用戶之間的親和力，在產(chǎn)品設(shè)計(jì)中被普遍運(yùn)用。黑馬哥最近觀察到一些大廠設(shè)計(jì)師在這方面的設(shè)計(jì)表現(xiàn)，分享一些和大家一起探討，提高我們的設(shè)計(jì)表現(xiàn)力。

一、趣味性的外賣騎手

外賣騎手給大家的印象就是騎著電瓶車穿梭在大街小巷，給大家的生活帶來(lái)便捷的配送服務(wù)。

餓了么 App 點(diǎn)餐之后，配送過(guò)程中外賣騎手的騎行裝備會(huì)根據(jù)節(jié)慶主題進(jìn)行設(shè)計(jì)，比如中秋節(jié)期間便是騎著兔子，有時(shí)候也會(huì)劃著小船等等。趣味性的設(shè)計(jì)表達(dá)讓人印象深刻，通過(guò)情感化的設(shè)計(jì)降低了用戶等待過(guò)程中的焦慮感。

二、表情化的服務(wù)評(píng)價(jià)

服務(wù)評(píng)價(jià)是獲取用戶反饋的方式之一，也是最容易達(dá)到目的的方式，針對(duì)服務(wù)型產(chǎn)品來(lái)說(shuō)至關(guān)重要。

通過(guò)高德地圖 App 打車結(jié)束行程后，用戶針對(duì)服務(wù)進(jìn)行評(píng)價(jià)時(shí)會(huì)有表情輔助情緒表達(dá)，提升用戶的評(píng)價(jià)體驗(yàn)度。表情化的服務(wù)評(píng)價(jià)可以提高用戶的參與度，也能通過(guò)情緒的表達(dá)帶給用戶情感化的體驗(yàn)。

三、可視化表達(dá)更明確

將信息通過(guò)可視化的圖形表達(dá)，相較于生硬的文案更易于理解。也能通過(guò)情感化的插圖提高視覺度，吸引用戶的關(guān)注度。

Keep App 在"告別肚腩計(jì)劃"的設(shè)置界面中，運(yùn)用可視化的插圖表達(dá)基礎(chǔ)信息的錄入表達(dá)，更利于用戶理解信息并做出準(zhǔn)確判斷。通過(guò)圖形可視化信息的表達(dá)，不僅感官度更高，也能讓用戶更愿意參與其中。

四、情感化的溫馨提示設(shè)計(jì)

隨著短視頻改變了大家的休閑娛樂(lè)方式，為了防止過(guò)度沉迷，短視頻平臺(tái)都會(huì)不定期溫馨提示，讓大家適當(dāng)休息，養(yǎng)成健康作息習(xí)慣。

抖音 App 白天和夜間都會(huì)不定期溫馨提示，通過(guò)動(dòng)靜結(jié)合的提示設(shè)計(jì)，提高用戶對(duì)于提示內(nèi)容的關(guān)注度。在獲取平臺(tái)內(nèi)容的同時(shí)，也能合理的分配時(shí)間和健康作息。通過(guò)提示設(shè)置提醒時(shí)間，可以有效防止過(guò)度沉迷，提升用戶的情感化體驗(yàn)度。

五、情感化的用戶反饋設(shè)計(jì)

通過(guò)調(diào)研和反饋可以采集用戶的體驗(yàn)情況，以便進(jìn)行迭代調(diào)整，帶給用戶更好的使用體驗(yàn)。

利用高德地圖 App 打車時(shí)，行駛過(guò)程中訪問(wèn)訂單界面，可以對(duì)司機(jī)服務(wù)和車內(nèi)環(huán)境進(jìn)行評(píng)價(jià)反饋，以便平臺(tái)對(duì)司機(jī)進(jìn)行整改反饋。通過(guò)表情化的選項(xiàng)設(shè)計(jì)，讓用戶無(wú)需過(guò)多操作即可完成反饋，提高用戶的反饋效率和意愿度。

六、人性化的提示讓用戶更放心

產(chǎn)品設(shè)計(jì)需要帶給用戶抵達(dá)目標(biāo)的使用體驗(yàn)，滿足底層需求之后的感官體驗(yàn)升級(jí)和人性化的設(shè)計(jì)等，讓用戶感受到溫暖，才能提高對(duì)產(chǎn)品的依賴度。

通過(guò)攜程訂票之后，在查看票務(wù)信息時(shí)，通過(guò)天氣預(yù)報(bào)的溫馨提示，可以讓用戶對(duì)出行做好充分準(zhǔn)備。人性化的提示設(shè)計(jì)讓用戶更放心，感受到產(chǎn)品的溫度，帶給用戶驚喜的使用體驗(yàn)。

七、通過(guò)視覺強(qiáng)化感官度

針對(duì)商業(yè)屬性的產(chǎn)品來(lái)說(shuō)，通過(guò)視覺強(qiáng)化氛圍至關(guān)重要，可以激發(fā)用戶的消費(fèi)欲望。

嘀嗒出行 App 在節(jié)日慶典等主題活動(dòng)期間，都會(huì)通過(guò)視覺的表達(dá)強(qiáng)化產(chǎn)品設(shè)計(jì)。在頂部視覺區(qū)域、界面背景、卡片展示和彈窗等區(qū)域，通過(guò)符合主題的視覺表達(dá)增強(qiáng)感官體驗(yàn)。

八、空間感更強(qiáng)的輪播設(shè)計(jì)

輪播圖在產(chǎn)品中較為常見，也出現(xiàn)了眾多優(yōu)秀的輪播設(shè)計(jì)方案，為了打造差異化的表達(dá)，設(shè)計(jì)師也在不斷探索更多設(shè)計(jì)表現(xiàn)形式。

最近在體驗(yàn)馬蜂窩 App 時(shí)，在"找玩法"欄目中發(fā)現(xiàn)了一個(gè)空間感更強(qiáng)的輪播區(qū)域設(shè)計(jì)。以卡片式設(shè)計(jì)展示輪播圖，通過(guò)四層疊加形成更強(qiáng)的空間感，滑動(dòng)時(shí)以 Z 軸空間進(jìn)行轉(zhuǎn)場(chǎng)。無(wú)論是樣式表達(dá)還是層次感的營(yíng)造，都非常有參考價(jià)值，值得學(xué)習(xí)探索。

九、延續(xù)品牌基因的動(dòng)效表達(dá)

立足于品牌做設(shè)計(jì)已經(jīng)逐步成為趨勢(shì)，在探索品牌延續(xù)的過(guò)程中，都是設(shè)計(jì)師不斷發(fā)散思維和構(gòu)思創(chuàng)意的過(guò)程。

訪問(wèn)馬蜂窩"攻略群"欄目時(shí)，頂部視覺區(qū)域延續(xù)品牌基因進(jìn)行了動(dòng)效表達(dá)。從 LOGO 中提取代表微笑的弧線作為品牌基因圖形，融入到動(dòng)效演變過(guò)程中，并呈現(xiàn)出該欄目的廣告語(yǔ)。不僅突出了該欄目的賣點(diǎn)，也強(qiáng)化了產(chǎn)品的品牌曝光度。

十、可以晃動(dòng)的 Banner 設(shè)計(jì)

為了吸引用戶的關(guān)注度，Banner 設(shè)計(jì)也在不斷探索新的表達(dá)形式，融入更多技術(shù)實(shí)現(xiàn)差異化的設(shè)計(jì)解決方案。

安居客 App 在首頁(yè) Banner 設(shè)計(jì)中，當(dāng)用戶晃動(dòng)手機(jī)時(shí)，Banner 中的建筑元素和煙花元素形成分層錯(cuò)位的位移，模擬出類似于裸眼 3D 的視覺效果。不僅突出了區(qū)域的關(guān)注度，也強(qiáng)化了設(shè)計(jì)表達(dá)的差異化。

小結(jié)

希望本期關(guān)于增強(qiáng)產(chǎn)品情感化的設(shè)計(jì)案例分享，可以開啟大家更多的設(shè)計(jì)思維，從優(yōu)秀的設(shè)計(jì)方案中發(fā)現(xiàn)設(shè)計(jì)的軌跡，復(fù)用到后期的項(xiàng)目設(shè)計(jì)中。

本文描述屬于個(gè)人理解和總結(jié)，不足之處歡迎大家留言補(bǔ)充，我們互相進(jìn)步。

作者：黑馬家族