如何設(shè)計(jì)一個(gè)展示用戶等級(jí)的進(jìn)度條（粉絲群體，記錄當(dāng)前等級(jí)分?jǐn)?shù)）？本文以騰訊視頻中的進(jìn)度條設(shè)計(jì)為例，分享當(dāng)中可復(fù)用思路，希望對(duì)你有所啟發(fā)。

先問交互/UI設(shè)計(jì)師一個(gè)問題：如果讓你設(shè)計(jì)一個(gè)展示用戶等級(jí)的進(jìn)度條（粉絲群體，記錄當(dāng)前等級(jí)分?jǐn)?shù)），你會(huì)怎么設(shè)計(jì)呢？

在數(shù)字時(shí)代，粉絲對(duì)明星的追隨不再僅僅是一種心理寄托，更成為了一場(chǎng)數(shù)字化的互動(dòng)游戲。

今天我們解析一種新穎的“等級(jí)進(jìn)度條”設(shè)計(jì)，該設(shè)計(jì)在騰訊視頻里為粉絲打造了全新的一種守護(hù)體驗(yàn)。

在騰訊視頻上，當(dāng)你喜歡、正在守護(hù)某個(gè)愛豆，可以看到【一個(gè)女生正在奔跑】的動(dòng)畫形象，以此來表示當(dāng)前的進(jìn)度節(jié)點(diǎn)和粉絲值。

直接將對(duì)愛豆的守護(hù)進(jìn)度可視化出來，代表著粉絲對(duì)偶像的支持與守護(hù)。

一、如何看待這種設(shè)計(jì)？

先簡單拆一下這個(gè)案例的組成結(jié)構(gòu)：

a. 用戶群體：粉絲群眾，以女性用戶為主

b. 群體特征：會(huì)支持/守護(hù)/追逐偶像

c. 進(jìn)度形式：一名女粉絲在往前奔跑

d. 等級(jí)形式：奔跑距離 = 當(dāng)前等級(jí)值

不難看出，這種設(shè)計(jì)不僅僅解決了傳統(tǒng)進(jìn)度條的功能性問題，更深刻地解決了兩個(gè)核心問題：

a.粉絲情感傳達(dá)：通過可視化方式，成功傳達(dá)了粉絲對(duì)愛豆的喜愛和守護(hù)心理，使明星能夠真切感受到粉絲的支持與鼓勵(lì)。且更多大廠案例分析，可搜索: 有蛋案例

b.提升用戶互動(dòng)：用戶不再是被動(dòng)的旁觀者，而是能夠?qū)崟r(shí)感知自己的守護(hù)進(jìn)度，從而提高了用戶的投入和忠誠度。

二、創(chuàng)造的綜合價(jià)值

任何事物都有其獨(dú)特的價(jià)值存在，就單看這個(gè)案例，我覺得在用戶、業(yè)務(wù)、設(shè)計(jì)這三方面就創(chuàng)造了有效的價(jià)值：

a. 用戶層面：提升了用戶的滿足感、參與感，激發(fā)了用戶的忠誠度。

b. 業(yè)務(wù)層面：提高了平臺(tái)的用戶留存率和參與度，為粉絲經(jīng)濟(jì)的不斷壯大貢獻(xiàn)力量。

c. 設(shè)計(jì)層面：運(yùn)用可視化表達(dá)和動(dòng)畫形象，為設(shè)計(jì)師打造了一個(gè)兼具趣味性和創(chuàng)新性的守護(hù)進(jìn)度展示方式，提升了產(chǎn)品的吸引力和競(jìng)爭(zhēng)優(yōu)勢(shì)。

類似、有趣的進(jìn)度條設(shè)計(jì)，還有：

在花小豬里等待司機(jī)接單時(shí)，下方會(huì)展示【領(lǐng)取紅包】的進(jìn)度條，等待時(shí)間越久，得到的紅包越多越大。

通過給用戶提供領(lǐng)取紅包的機(jī)會(huì)，可以緩解用戶的等待情緒，激勵(lì)用戶繼續(xù)等待，增加用戶完成打車流程的可能性。

還有新版本的iOS系統(tǒng)中，多了一個(gè)在鎖屏?xí)r的【狀態(tài)卡片】提示，APP們可以想用戶申請(qǐng)?jiān)凇告i屏」時(shí)展示相關(guān)訂單的狀態(tài)、進(jìn)程。

如在盒馬下單后，點(diǎn)亮屏幕就能看到該訂單還有多遠(yuǎn)、多久到。方便用戶在鎖屏的狀態(tài)下，也能隨時(shí)查看自己訂的相關(guān)更新狀態(tài)，大大提升操作效率。

三、思考背后的不足

盡管這一設(shè)計(jì)具有創(chuàng)新性，但也存在一些潛在問題：

a. 主觀性限制：“女生奔跑”形象可能無法準(zhǔn)確傳達(dá)所有用戶對(duì)愛豆的守護(hù)心理，存在一定的主觀性。畢竟還是有男粉絲在的，要是可以切換男/女粉絲形象就好了。

b. 視覺疲勞風(fēng)險(xiǎn)：長期使用相同動(dòng)畫形象可能導(dǎo)致用戶對(duì)動(dòng)畫產(chǎn)生疲勞，失去新鮮感和吸引力。

四、這案例能復(fù)用在哪些場(chǎng)景

這一設(shè)計(jì)不僅局限于粉絲經(jīng)濟(jì)平臺(tái)，同樣的思路也能應(yīng)用在品牌營銷、用戶等級(jí)系統(tǒng)等領(lǐng)域，為不同領(lǐng)域的用戶創(chuàng)造更具吸引力的互動(dòng)體驗(yàn)。

五、復(fù)用的關(guān)鍵考慮

a. 符合目標(biāo)用戶心理：深入了解目標(biāo)用戶群體的喜好和心理需求，選擇符合其特點(diǎn)的形象表達(dá)方式，以提高復(fù)用效果

b. 增加變化和多樣性：不要陷入使用同一形象的陷阱，設(shè)計(jì)師應(yīng)當(dāng)考慮設(shè)計(jì)多個(gè)形象或采用不同的表現(xiàn)方式，以保持趣味性和新鮮感。如果覺得設(shè)計(jì)沒靈感，可以上有蛋案例 瀏覽更多創(chuàng)意

六、對(duì)產(chǎn)品和設(shè)計(jì)理念的啟發(fā)

a. 這個(gè)案例的精髓在于設(shè)計(jì)要模擬真實(shí)生活，通過創(chuàng)造性的方式提升用戶的理解能力和產(chǎn)品趣味性。

b. 產(chǎn)品經(jīng)理需要注重用戶心理，深入挖掘用戶需求，打破傳統(tǒng)思維限制，實(shí)現(xiàn)真正的用戶體驗(yàn)升級(jí)。

七、其他思考點(diǎn)

除了考慮性別差異，設(shè)計(jì)師還應(yīng)關(guān)注更多粉絲元素，如開心、瘋狂、應(yīng)援等，使設(shè)計(jì)更貼近粉絲的真實(shí)情感。

這不僅僅是一個(gè)“女生奔跑”的設(shè)計(jì)，更是對(duì)粉絲心理的深刻理解，使其更像一個(gè)健康跑步達(dá)人。