从QQ音乐10.0的产品体验背后，聊聊聚焦Z世代的内容战役

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

各位好，我又来讲故事了：一个平静的夏日打开了QQ音乐，开屏视频（背景音乐100分）映入眼帘：「奇怪形状」的ip与粉白背景可可爱爱，接着首页出现了，咋一看是个连皮肤都懒得换的大版本更新，对设计师来说一点都不兴奋。

然鹅，作为体验产品设计师深扒了一下这次改版，发现这场围绕着Z世代的争夺战役还是蛮有趣的。

（Z世代：95后-00后人群，别问我为啥不直接通俗写注释里的意思，问就是缩写真香）

在线音乐平台的现状

15年国家出台了在线音乐最严版权令，而「版权」的存在直接影响了各平台的乐库资源，从而影响了用户使用在线音乐产品最基础的核心诉求：我想搜个歌听。关于「版权」之争赛段的结果已经尘埃落定，包含QQ音乐在内的三大腾讯系音乐产品（Q音/酷狗/酷我）基本获得了胜利。而晚了Q音8年上线的网易云音乐，虽然在版权之争并不占优势，但却更早的开始关注音乐平台的社交功能，并通过网易门户引流和体验口碑吸引了大批用户。

带着社区与情怀概念杀入top排行榜的网易云音乐，预示着在线音乐平台从工具到完整生态的衍变进程。也就是说每个在线音乐平台都有一个闭环生态的梦想：用户来到我的平台可以完成从搜索音乐、听音乐、讨论音乐甚至是任何有关音乐的泛音乐内容、到最后进行内容付费。

要完成这个壮举，主战场就由「版权」阶段性的转到了「内容」，谁能依靠更丰富更对口的音乐内容和社区文化粘住用户，谁就获得了「用户时长争夺战」的胜利，从而创造更多的商业空间来打破营收的天花板。那么接下来我们来聊聊，手握大企鹅可怕社交网络资源的Q音在10.0大改版中做了啥子产品设计上的改变。

QQ音乐10.0改版聚焦点

Q音这次改版很明显的一个方向就是更加聚焦的用户目标：Z世代，致力打造一个更加年轻的社区文化，从文案到内容无不透露着对新一代小屁孩的偏爱。而Q音聚焦的用户群体也是几乎大部分音乐平台争抢的用户，原因很简单：他们的周边效应更强，更会玩，也更有内容付费意识。

1. 强化社交属性

10.0最醒目的改动应该就是「扑通社区」了，它作为强化社交属性的全新产品模块还进行了IP打造——45度旋转的白心小人，是对「扑通」一词「怦然心动」的诠释。我们且不说它长的奇不奇怪，可不可爱，它都形成了新产品模块的品牌概念，可以化身各种样式植入到有关产品模块的每一个角落（tab图标/分类图标/占位图等），这比单纯上新一个功能要有血有肉多了。

除了IP之外，「扑通社区」对比网音的「云村社区」看似都是社区社交功能，但却有着很重要的不同点。仔细观察2者社区feed流的设计框架就会发现单排流的「扑通」比双排流的「云村」在卡片上外放了更多互动性功能（转/评/赞），同时增加了小组与话题的功能。也就是「扑通社区」打造了一个Z世代很喜欢的「圈子社区」，满足了他们对共同圈子互动交流的诉求。

除了「扑通社区」外，还有个人中心的「个人信息」模块和首页-音乐馆的「直播」和「话题」模块的功能新增与替换都表现了对社交属性的强化。

2. 细分平台领域

动态tab被全新的细分「视频」tab取代，分类内容上也基本是符合新一代的胃口：TME live/翻唱/二次元等。

对比网音，Q音的视频tab并没有像网音那样混杂社交、泛娱乐功能，只专注内容分发。甚至收起了很多互动功能只留下了转发，对应双排流设计提升视频展示效率。个人理解这么做的目的是为了让用户也专注内容本身，从而更有效的获取用户的喜好数据，从而提升用户粘性。同时还有助于资深用户创造更多有价值的内容，进而提升商业化的空间。也就是粘性大的消费用户可以吸引歌姬们停留在平台上翻更多好听的歌，从而吸引更多的消费用户，良性循环就可以赚更多的钱。

另外之前藏在三级菜单里的「有声电台」（音乐馆→电台→有声电台）被独立出来形成了二级菜单「听书」，助力平台打造综合生态，培养用户形成对Q音产品多样化的认知。

3. 助力推荐算法

在用户时长的争夺战中，影响用户粘性和使用时长的一个很重要的点在于推荐的匹配度。而如果需要提升匹配度就需要获取更多的用户喜好数据来提升推荐算法的精确度。10.0的改版在几个核心内容展示页都进行框架的屏效调整，以此提升内容展示的效率，从而曝光更多内容去获取用户的喜好数据。

为更好获取用户喜好数据，还有一个比较明显的改点在于个性电台。新版的个性电台在视觉上比重上明显增强，通过拟物化风格吸引用户注意力从而提升点击率。

另外为提升用户的听歌操作效率，歌单、推荐模块等多处地方先前对应的快捷播放暂停按钮都进行了视觉优化，通过毛玻璃按钮的形式明显增强了点击感，我堵5包辣条Q音的实际线上点击率数据一定灰常正向。

小结一下

从整体上看，Q音之前的设计语言基本还算匹配目标群体，所以除了更加彻底的贯彻「毛玻璃」之外，整体视觉风格基本没啥子变动。主要改动还是在于新产品目标的功能「上新」与「整合拆分」，但作为体验产品设计师我们还是可以从中观察和学习到产品目标变化下对应的交互体验策略及视觉细节变化。

最后，如果你身边有正在准备音乐类app面试的朋友可以转发给ta，也许能帮上一丢丢的忙~ღ( ´･ᴗ･` )比心

实战复盘！QQ VIP 官网是如何做改版设计的？

有破有立，再造升级。

欢迎关注作者的微信公众号：「Nana的设计锦囊」