如何设计一个展示用户等级的进度条（粉丝群体，记录当前等级分数）？本文以腾讯视频中的进度条设计为例，分享当中可复用思路，希望对你有所启发。

先问交互/UI设计师一个问题：如果让你设计一个展示用户等级的进度条（粉丝群体，记录当前等级分数），你会怎么设计呢？

在数字时代，粉丝对明星的追随不再仅仅是一种心理寄托，更成为了一场数字化的互动游戏。

今天我们解析一种新颖的“等级进度条”设计，该设计在腾讯视频里为粉丝打造了全新的一种守护体验。

在腾讯视频上，当你喜欢、正在守护某个爱豆，可以看到【一个女生正在奔跑】的动画形象，以此来表示当前的进度节点和粉丝值。

直接将对爱豆的守护进度可视化出来，代表着粉丝对偶像的支持与守护。

一、如何看待这种设计？

先简单拆一下这个案例的组成结构：

a. 用户群体：粉丝群众，以女性用户为主

b. 群体特征：会支持/守护/追逐偶像

c. 进度形式：一名女粉丝在往前奔跑

d. 等级形式：奔跑距离 = 当前等级值

不难看出，这种设计不仅仅解决了传统进度条的功能性问题，更深刻地解决了两个核心问题：

a.粉丝情感传达：通过可视化方式，成功传达了粉丝对爱豆的喜爱和守护心理，使明星能够真切感受到粉丝的支持与鼓励。且更多大厂案例分析，可搜索: 有蛋案例

b.提升用户互动：用户不再是被动的旁观者，而是能够实时感知自己的守护进度，从而提高了用户的投入和忠诚度。

二、创造的综合价值

任何事物都有其独特的价值存在，就单看这个案例，我觉得在用户、业务、设计这三方面就创造了有效的价值：

a. 用户层面：提升了用户的满足感、参与感，激发了用户的忠诚度。

b. 业务层面：提高了平台的用户留存率和参与度，为粉丝经济的不断壮大贡献力量。

c. 设计层面：运用可视化表达和动画形象，为设计师打造了一个兼具趣味性和创新性的守护进度展示方式，提升了产品的吸引力和竞争优势。

类似、有趣的进度条设计，还有：

在花小猪里等待司机接单时，下方会展示【领取红包】的进度条，等待时间越久，得到的红包越多越大。

通过给用户提供领取红包的机会，可以缓解用户的等待情绪，激励用户继续等待，增加用户完成打车流程的可能性。

还有新版本的iOS系统中，多了一个在锁屏时的【状态卡片】提示，APP们可以想用户申请在「锁屏」时展示相关订单的状态、进程。

如在盒马下单后，点亮屏幕就能看到该订单还有多远、多久到。方便用户在锁屏的状态下，也能随时查看自己订的相关更新状态，大大提升操作效率。

三、思考背后的不足

尽管这一设计具有创新性，但也存在一些潜在问题：

a. 主观性限制：“女生奔跑”形象可能无法准确传达所有用户对爱豆的守护心理，存在一定的主观性。毕竟还是有男粉丝在的，要是可以切换男/女粉丝形象就好了。

b. 视觉疲劳风险：长期使用相同动画形象可能导致用户对动画产生疲劳，失去新鲜感和吸引力。

四、这案例能复用在哪些场景

这一设计不仅局限于粉丝经济平台，同样的思路也能应用在品牌营销、用户等级系统等领域，为不同领域的用户创造更具吸引力的互动体验。

五、复用的关键考虑

a. 符合目标用户心理：深入了解目标用户群体的喜好和心理需求，选择符合其特点的形象表达方式，以提高复用效果

b. 增加变化和多样性：不要陷入使用同一形象的陷阱，设计师应当考虑设计多个形象或采用不同的表现方式，以保持趣味性和新鲜感。如果觉得设计没灵感，可以上有蛋案例 浏览更多创意

六、对产品和设计理念的启发

a. 这个案例的精髓在于设计要模拟真实生活，通过创造性的方式提升用户的理解能力和产品趣味性。

b. 产品经理需要注重用户心理，深入挖掘用户需求，打破传统思维限制，实现真正的用户体验升级。

七、其他思考点

除了考虑性别差异，设计师还应关注更多粉丝元素，如开心、疯狂、应援等，使设计更贴近粉丝的真实情感。

这不仅仅是一个“女生奔跑”的设计，更是对粉丝心理的深刻理解，使其更像一个健康跑步达人。