如何設計一個展示用戶等級的進度條（粉絲群體，記錄當前等級分數）？本文以騰訊視頻中的進度條設計為例，分享當中可復用思路，希望對你有所啟發。

先問交互/UI設計師一個問題：如果讓你設計一個展示用戶等級的進度條（粉絲群體，記錄當前等級分數），你會怎么設計呢？

在數字時代，粉絲對明星的追隨不再僅僅是一種心理寄托，更成為了一場數字化的互動游戲。

今天我們解析一種新穎的“等級進度條”設計，該設計在騰訊視頻里為粉絲打造了全新的一種守護體驗。

在騰訊視頻上，當你喜歡、正在守護某個愛豆，可以看到【一個女生正在奔跑】的動畫形象，以此來表示當前的進度節點和粉絲值。

直接將對愛豆的守護進度可視化出來，代表著粉絲對偶像的支持與守護。

一、如何看待這種設計？

先簡單拆一下這個案例的組成結構：

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

b. 群體特征：會支持/守護/追逐偶像

c. 進度形式：一名女粉絲在往前奔跑

d. 等級形式：奔跑距離 = 當前等級值

不難看出，這種設計不僅僅解決了傳統進度條的功能性問題，更深刻地解決了兩個核心問題：

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

b.提升用戶互動：用戶不再是被動的旁觀者，而是能夠實時感知自己的守護進度，從而提高了用戶的投入和忠誠度。

二、創造的綜合價值

任何事物都有其獨特的價值存在，就單看這個案例，我覺得在用戶、業務、設計這三方面就創造了有效的價值：

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

b. 業務層面：提高了平臺的用戶留存率和參與度，為粉絲經濟的不斷壯大貢獻力量。

c. 設計層面：運用可視化表達和動畫形象，為設計師打造了一個兼具趣味性和創新性的守護進度展示方式，提升了產品的吸引力和競爭優勢。

類似、有趣的進度條設計，還有：

在花小豬里等待司機接單時，下方會展示【領取紅包】的進度條，等待時間越久，得到的紅包越多越大。

通過給用戶提供領取紅包的機會，可以緩解用戶的等待情緒，激勵用戶繼續等待，增加用戶完成打車流程的可能性。

還有新版本的iOS系統中，多了一個在鎖屏時的【狀態卡片】提示，APP們可以想用戶申請在「鎖屏」時展示相關訂單的狀態、進程。

如在盒馬下單后，點亮屏幕就能看到該訂單還有多遠、多久到。方便用戶在鎖屏的狀態下，也能隨時查看自己訂的相關更新狀態，大大提升操作效率。

三、思考背后的不足

盡管這一設計具有創新性，但也存在一些潛在問題：

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

b. 視覺疲勞風險：長期使用相同動畫形象可能導致用戶對動畫產生疲勞，失去新鮮感和吸引力。

四、這案例能復用在哪些場景

這一設計不僅局限于粉絲經濟平臺，同樣的思路也能應用在品牌營銷、用戶等級系統等領域，為不同領域的用戶創造更具吸引力的互動體驗。

五、復用的關鍵考慮

a. 符合目標用戶心理：深入了解目標用戶群體的喜好和心理需求，選擇符合其特點的形象表達方式，以提高復用效果

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

六、對產品和設計理念的啟發

a. 這個案例的精髓在于設計要模擬真實生活，通過創造性的方式提升用戶的理解能力和產品趣味性。

b. 產品經理需要注重用戶心理，深入挖掘用戶需求，打破傳統思維限制，實現真正的用戶體驗升級。

七、其他思考點

除了考慮性別差異，設計師還應關注更多粉絲元素，如開心、瘋狂、應援等，使設計更貼近粉絲的真實情感。

這不僅僅是一個“女生奔跑”的設計，更是對粉絲心理的深刻理解，使其更像一個健康跑步達人。