QQ音乐的设计师，把粉丝经济玩通透了

原创设计师ZoeYZ 体验进阶

QQ 音乐虽然是音乐平台，其实粉丝经济是重要的一块业务。

最近我看到他们的超级订阅功能的设计复盘，真可谓是用行业顶尖的全链路设计能力把粉丝经济拿捏到位，很具启发性：QQ音乐超级订阅的全链路体验设计

原文比较复杂，讲了很多高深的概念，我为了让大家方便理解，用通俗易懂的方式帮大家捋一遍思路。

要理清楚这么大的项目，庞大的项目不容易，咱们还是以用户从头到尾的使用路径为线索吧：

品牌
曝光
介绍
购买
成长
互动
宣发

1. 品牌

超级订阅其实就是给粉丝一个与艺人建立更紧密连接的机会，这个概念里，既包含📎订阅，也包含💗热爱。

因为大部分粉丝都是年轻女性，所以颜色选用粉紫色渐变。

这2个概念+1套渐变色结合到一起，就形成了超级订阅的 LOGO，是不是还挺贴切的？

2. 曝光

有了这么个功能，如何首次介绍给用户呢？

其实最好的方式，就是将超级订阅融入用户的日常使用场景中。

例如，用户在刷艺人动态的时候，偶尔看到一个有超级订阅标签的帖子，里面的内容被锁住了，订阅后才能观看。

这种形式能激发用户的好奇心，如果真的是粉丝的话，在了解超级订阅功能之后，是很有可能付费的。

那么问题来了，引起用户兴趣后，怎样让他们快速了解超级订阅呢？

这就到了下一步：

3. 介绍

每个拥有超级订阅的艺人，都有一个主页，但是这个主页之前并不能很好地帮助粉丝了解超级订阅，因为两个问题：内容简单和拓展性弱。

尤其是缺少权益展示和付费流程，让人很难下决心购买。所以重新设计这个页面的时候，就增加了一个这个模块：

把视觉稿图对比一下，是不是明显右边要好多了？

4. 购买

只需要点 2 次按钮就能付费购买，流程已经比较简单了。

但购买流程的关键是，趁着这股劲，鼓励用户多消费、多分享……

首先，付费后立即推荐周边产品，趁着钱包还没合上再顺手多买点多东西。

这就好比在肯德基麦当劳下单时，最后会问你要不要搭配点小食。

其次，通过身份认证强调身份荣誉感，顺势邀请用户分享这份荣誉，说不定可以多拉来几个小伙伴加入。

说到身份荣誉感，会员成长体系肯定跑不了，所以我们就来到下一阶段：

5. 成长

粉丝想要获得更高等级的认证，而平台希望粉丝参与更多互动，根据这两点建立粉丝成长体系。

把提升等级的方式，用任务展示出来，督促粉丝多参与互动。

做一套展示身份的勋章也是必要的：

6. 互动

很多粉丝希望与艺人建立更直接的沟通，所以超级订阅功能还提供了线上聊天室功能，支持双方通过文字、表情等方式直接交流。

P.S. 至于回复粉丝的究竟是艺人还是小编，咱就不得而知了…

这种功能很小众，不可能把入口做得很浅，所以只能通过数字和气泡提示的方式，避免错过消息。

7. 宣发

除了上述的基本用户体验流程流程之外，有时还会做一些宣发活动，通过闪屏、头图、社区广场、搜索等位置，将某些艺人的超级订阅推荐给更多人。

这种特别的宣发，需要更隆重的 H5 活动页来承载，像是这样。

但是上面这套活动页运营一段时间后，发现了三个问题：

一是 tab 使用率低，大部分用户来到这种长页面，都没有耐心去点击切 tab，更倾向于滑动操作。

二是套餐用卡片样式呈现，虽然好看，但是信息量过少，难以让人快速做出判断。

三是权益用图表+名称的方式过于简单，让人难以理解，更别说被吸引了。

针对这三个问题的解决方式是：

首先去除 tab，将所有信息平铺，减少用户的操作成本。

其次，把套餐的权益用表格列出来，不同套餐有什么、没什么，一目了然。

最后，将权益信息用大图加数行文字说明展示，让人觉得更加丰富、清晰。

看看下面这个方案，是不是比上面好多了？

这些活动页的设计规则全部整理成模板，换个艺人也能快速搭建。

模块化处理后，整个页面最大的差异，就只在于视觉头图了。其它地方只需要替换信息和颜色即可。

总结一下

这整个方案我觉得是体现了商业设计的高素质，上线后也确实得到了不少正面反馈：

我写的这个文章里，为了让设计思路更加清晰易懂，省略了很多复杂的概念，如果你感兴趣，还是可以去看看原文：QQ音乐超级订阅的全链路体验设计

想要学习或者练习体验/交互设计的朋友，可以了解一下「体验设计学习社」。

作品集详细点评+答疑+免费训练营&学习打卡等活动，更有各类大厂内推（今晚开始 HMI 基础设计课程）：

如果你只是想要多认识一些同行，也可以加入我们无广告的纯粹体验研讨微信群：