隨著互聯(lián)網(wǎng)產(chǎn)品越來越成熟，從底層需求逐漸進(jìn)化到體驗(yàn)升級(jí)，帶給用戶更好的體驗(yàn)至關(guān)重要。而感官體驗(yàn)層面也被重視起來，其中個(gè)性化的設(shè)計(jì)帶來的視覺差異尤為重要，呈現(xiàn)出眾多優(yōu)秀案例。

今天小編就為大家分享幾個(gè)關(guān)于個(gè)性化設(shè)計(jì)的案例，希望可以帶給大家更多啟發(fā)。

一、主題化設(shè)計(jì)帶來差異化體驗(yàn)

根據(jù)不同內(nèi)容進(jìn)行視覺呈現(xiàn)，可以在不改變布局結(jié)構(gòu)的前提下，帶來差異化的感官體驗(yàn)。主題化設(shè)計(jì)就是在背景層和元素層進(jìn)行視覺發(fā)揮，不改變?cè)Y(jié)構(gòu)，被眾多產(chǎn)品進(jìn)行設(shè)計(jì)發(fā)揮。

比如優(yōu)酷 APP 在視頻播放頁面，視頻窗口下方區(qū)域會(huì)根據(jù)影視作品特征進(jìn)行主題化設(shè)計(jì)。會(huì)在背景、圖標(biāo)、按鈕和選擇器等元素上面進(jìn)行主題化設(shè)計(jì)，情感化的設(shè)計(jì)更能帶給用戶共鳴感，提高用戶對(duì)產(chǎn)品的感官體驗(yàn)。

二、精美配圖強(qiáng)化空狀態(tài)視覺感

空狀態(tài)的設(shè)計(jì)從生硬的文字提示延伸到情感化的表達(dá)，運(yùn)用更加視覺感的形式帶給用戶良好的感官體驗(yàn)。

最近在體驗(yàn)酷狗音樂時(shí)，初次進(jìn)入播放頁無歌曲時(shí)，采用黑膠 CD 作為空狀態(tài)展示。當(dāng)用戶操作分享時(shí)則會(huì)以精美的配圖來強(qiáng)化空狀態(tài)，帶給用戶反饋的同時(shí)，也提高了播放頁的視覺感。情感化的設(shè)計(jì)更能與用戶產(chǎn)生共鳴，增加用戶對(duì)產(chǎn)品的好感度。

三、輕擬物動(dòng)態(tài)反饋視覺感更佳

用戶在進(jìn)行功能操作時(shí)，除了底層需求層面的反饋以外，反饋設(shè)計(jì)的視覺感也是至關(guān)重要的。好的設(shè)計(jì)可以加強(qiáng)用戶對(duì)產(chǎn)品的好感度，讓功能操作也能賞心悅目。

最近使用荔枝 APP 進(jìn)行錄音時(shí)，輕擬物的錄音機(jī)設(shè)計(jì)印象深刻。在錄音過程中磁帶進(jìn)行動(dòng)效轉(zhuǎn)動(dòng)，帶來場(chǎng)景化的真實(shí)感體驗(yàn)，停止錄音時(shí)也會(huì)停止轉(zhuǎn)動(dòng)，動(dòng)態(tài)的及時(shí)反饋提高用戶使用體驗(yàn)。輕擬物動(dòng)態(tài)設(shè)計(jì)不僅強(qiáng)化了視覺感，動(dòng)態(tài)及時(shí)反饋也是非常不錯(cuò)的設(shè)計(jì)表達(dá)。

四、方寸之間自由切換，承載更多體驗(yàn)

產(chǎn)品的流量區(qū)域?qū)儆诒姸喙δ軤?zhēng)相曝光的區(qū)域，在這個(gè)方寸之間的設(shè)計(jì)發(fā)揮，體現(xiàn)出了設(shè)計(jì)師的能力。如何將有限的資源發(fā)揮到極致，帶給用戶更多的功能體驗(yàn)，需要產(chǎn)品設(shè)計(jì)師多在交互層面探索。

最近在使用酷狗音樂聽歌時(shí)，底部標(biāo)簽欄上方的播放狀態(tài)區(qū)域給用戶提供了播放/暫停和切歌等操作，可以左右滑動(dòng)來進(jìn)行延伸功能切換。用戶可以選擇默認(rèn)狀態(tài)進(jìn)行歌曲之間的操作，也可以向右滑動(dòng)以顯示歌詞為主，方便用戶在聽歌時(shí)觀看歌詞。在方寸之間通過滑動(dòng)交互承載了多重功能，滿足用戶更多操作體驗(yàn)，提高用戶對(duì)產(chǎn)品的使用體驗(yàn)。

五、動(dòng)態(tài) IP 增強(qiáng)按鈕關(guān)注度

針對(duì)一些重點(diǎn)功能的按鈕設(shè)計(jì)，在按鈕造型、配色、圖標(biāo)風(fēng)格、微動(dòng)效等方面都在不斷強(qiáng)化，以此來提高功能的關(guān)注度。

荔枝 APP 在錄音模塊中，為了突出錄音按鈕的存在感，結(jié)合了動(dòng)態(tài) IP 來進(jìn)行強(qiáng)化。IP 形象從右下角出現(xiàn)與消失的動(dòng)態(tài)效果，提高了錄音按鈕的關(guān)注度，俏皮可愛的形象也增加了設(shè)計(jì)的趣味性。

六、動(dòng)態(tài)禮儀提高情感化設(shè)計(jì)

產(chǎn)品除了在使用體驗(yàn)層面不斷優(yōu)化以外，主要還是需要傳遞服務(wù)價(jià)值。服務(wù)的升級(jí)可以提高用戶的認(rèn)同感，情感化的設(shè)計(jì)可以輔助服務(wù)的可視化呈現(xiàn)。

自如在“家?？ā蹦K中，頂部視覺區(qū)域通過動(dòng)態(tài)禮儀進(jìn)行升溫設(shè)計(jì)。每次進(jìn)入都會(huì)有人偶形象打招呼，顯得非常懂禮貌，使得用戶感受到被尊重，提高了親和力。通過動(dòng)態(tài)形象進(jìn)行禮儀表達(dá)，不僅提高了欄目的關(guān)注度，也讓用戶感受到這是一款有溫度的產(chǎn)品。

七、差異化的用戶反饋設(shè)計(jì)

用戶反饋是打造優(yōu)質(zhì)產(chǎn)品的關(guān)鍵，如何提高用戶反饋的意愿至關(guān)重要，設(shè)計(jì)師都在不斷的思考和嘗試。

自如 APP 在采集用戶反饋時(shí)，設(shè)計(jì)了底部彈出的形式，詢問用戶是否愿意推薦自如。從絕不到強(qiáng)推設(shè)置了 0-10 分，當(dāng)用戶選擇 9 分或以上時(shí)直接提交，低于 9 分可以描述原因。相對(duì)于比較隱藏式的用戶反饋設(shè)計(jì)，這種打分制的形式用戶操作更加便利，不會(huì)占用過多時(shí)間，用戶參與的意愿也會(huì)更高。

八、IP 情感化設(shè)計(jì)推動(dòng)人性化體驗(yàn)

注冊(cè)應(yīng)該算是用戶比較排斥的操作，但也是不得而為之的事情。通過情感化的設(shè)計(jì)降低用戶的排斥感，在趣味體驗(yàn)的環(huán)境中完成注冊(cè)，可以帶給用戶更好的使用體驗(yàn)。

最右 APP 在注冊(cè)時(shí)，進(jìn)入注冊(cè)界面 IP 形象以打招呼的形式出現(xiàn)，當(dāng)用戶輸入密碼時(shí)則會(huì)雙手蒙住眼睛。IP 情感化設(shè)計(jì)帶來了更多趣味性表達(dá)，以此推動(dòng)了更加人性化的設(shè)計(jì)體驗(yàn)。

九、圖形化類別設(shè)計(jì)提高辨識(shí)度

分類設(shè)計(jì)采用純文字的表達(dá)顯得比較單一，也有一些產(chǎn)品會(huì)結(jié)合圖標(biāo)或者圖形設(shè)計(jì)進(jìn)行裝飾，以此來強(qiáng)化關(guān)注度和視覺感。

最近在使用肯德基 APP 點(diǎn)餐時(shí)，發(fā)現(xiàn)縱軸導(dǎo)航的分類設(shè)計(jì)結(jié)合了品類圖標(biāo)，提高了瀏覽辨識(shí)度。運(yùn)用圖標(biāo)來強(qiáng)化可視化設(shè)計(jì)，提高用戶點(diǎn)餐時(shí)對(duì)于品類的辨識(shí)度，也能強(qiáng)化當(dāng)前欄目和默認(rèn)品類的差異。小小的改變不僅優(yōu)化了視覺感，也能帶給用戶更好的感官體驗(yàn)。

十、可視化展示增強(qiáng)用戶理解度

對(duì)于運(yùn)動(dòng)類產(chǎn)品來說，運(yùn)動(dòng)后的數(shù)據(jù)展示對(duì)于普通用戶而言顯得比較生硬，理解度來說不夠直觀?？梢暬脑O(shè)計(jì)提供了更好的解決方案，看圖比看文字更直觀易懂。

One More 提供了簡(jiǎn)潔直觀的訓(xùn)練數(shù)據(jù)預(yù)覽，通過可視化的形式展示訓(xùn)練后增強(qiáng)的肌肉部位，以及通過肌肉顏色變化體現(xiàn)訓(xùn)練的強(qiáng)度。通過人體結(jié)構(gòu)結(jié)合訓(xùn)練強(qiáng)度進(jìn)行可視化表達(dá)，不僅可以提高用戶查看訓(xùn)練數(shù)據(jù)的關(guān)注度，也能提高數(shù)據(jù)的理解度，增強(qiáng)用戶使用產(chǎn)品的體驗(yàn)度。

小結(jié)

個(gè)性化設(shè)計(jì)可以滿足不同用戶的使用需求，也能體現(xiàn)出產(chǎn)品的差異化服務(wù)。提高設(shè)計(jì)的差異，帶給用戶更加人性化的體驗(yàn)至關(guān)重要，無論是感官體驗(yàn)層面還是功能操作層面，只有帶來不一樣的體驗(yàn)才能提高用戶的黏性，增加用戶對(duì)產(chǎn)品的好感度。

今天給大家分享的這 10 個(gè)優(yōu)秀案例，希望可以開啟大家的設(shè)計(jì)新思路，在常規(guī)解決方案的基礎(chǔ)上延伸出不一樣的設(shè)計(jì)創(chuàng)新。

來源網(wǎng)絡(luò)