一个播放页就设计了37个功能!全面拆解QQ音乐产品细节 收藏

UI交互2022-07-06

一个小小的播放页,虽然看上去那么的不起眼,但为了满足各类用户人群的特定需求,QQ 音乐就设计了 37 个功能,11 种分享方式…

拓展阅读:

从QQ音乐10.0的产品体验背后,聊聊聚焦Z世代的内容战役 各位好,我又来讲故事了:一个平静的夏日打开了QQ音乐,开屏视频(背景音乐100分)映入眼帘:「奇怪形状」的ip与粉白背景可可爱爱,接着首页出现了,咋一看是个连皮肤都懒得换的大版本更新,对设计师来说一点都不兴奋。

阅读文章 >

你是否每天都在使用 QQ 音乐收听歌曲,但是你有没有观察到 QQ 音乐的播放页其实藏着很多功能。一个小小的播放页,虽然看上去那么的不起眼,仿佛它的功能只是用来切歌、看歌词和单曲循环,但随着 QQ 音乐社交化、娱乐化的发展,如今这个播放页已经成为了一个重要的聚合页入口。本期「设计大侦探」的「细节猎人」,为你解剖 QQ 音乐播放页的 37 个功能,11 种分享方式以及 17 种歌曲海报。

歌曲 「歌曲」是播放页的默认分类,这个分类的功能比较多,所以我把它拆分为「个性化设置」、「听歌场景」、「音乐工具」和「分享方式」四种类型。「个性化设置」和「音乐工具」为用户提供多种音乐偏好的设置,满足各类用户需求,特别是音乐发烧友;「听歌场景」则是根据场景划分听歌需求,用户可以 K 歌、发起跟听,甚至邀请好友一起听,把听歌的行为社交娱乐化;「分享方式」则是利用腾讯强大的社交生态优势,为用户设计了丰富多样化的分享方式和个性化海报,吸引用户分享,传播,从而拉新引流。

个性化设置

银河音效

「银河音效」是为了满足各种耳机发烧友对音质的追求。「银河音效」按照重低音、环绕、曲风等类型进行分类,多达数十种,完美解决各类用户人群的需求。平台还推出独家定制音效,支持适配各类品牌耳机、音响和汽车,吸引用户购买 VIP 会员,激活变现。另外 QQ 音乐还推出一个「声音实验室」的栏目,包含了智能煲机(帮助耳机快速达到最佳状态)、4D 震动和动感闪光,黑科技赋能,让音乐更有趣。

播放设置

「播放设置」是一个为用户提供对音乐播放进行个性化设置的功能,包括无缝播放、淡入/淡出、音量平衡、智能音质增强等功能,可以满足某部分有特定音乐需求的用户。

播放器样式

平台为用户提供了多种播放器样式,包含了黑胶唱机(深、浅)、静态方形、旋转圆形、静态圆形、歌手写真等样式,还支持智能光效和音乐影片的播放背景,满足各类用户对播放器样式个性化设置的需求。

个性主题

「个性主题」为用户提供了丰富多样的主题装扮和头像挂件,包含明星、星座、影视、文艺等各种主题,当用户使用以后,整个 QQ 音乐的界面风格都会随之改变,这就像以前的 QQ 空间装扮,一键换肤,个性又时尚,深受年轻用户喜欢。「个性主题」作为为 QQ 会员独家专享打造的板块,是实现商业变现的重要手段。

收藏和屏蔽

当你喜欢某首歌曲的时候,你可以点击收藏,自动添加到你的默认歌单,这样对用户建立自己的歌单非常有帮助,从而提高用户留存率。而如果你不喜欢它的曲风,或者特别讨厌,你只需要点击屏蔽,平台在播放时会自动跳过,非常方便。

听歌场景

唱歌

「唱歌」是直接跳转到腾讯的另外一款音乐产品全民 K 歌,当用户听歌的时候突然想唱歌,那么可以直接进入全民 K 歌,有效降低用户的流失率,满足用户多场景的需求。

跟听

「跟听」是一个非常有趣的功能,用户进入跟听模式以后,可以邀请朋友加入自己的播放列表,也可以跟听其他用户的歌单。「跟听」为听歌增加了社交互动的属性,目前功能还比较简单,但让听歌的场景变得有趣、好玩。

一起听

「一起听」是一个社交互动式的听歌功能,用户可以邀请好友一起听歌。当朋友进入后,还支持发表情,就像一个聊天室。这就像是专门为一些年轻小情侣量身定制的听歌场景一样,平台还会为用户生成听歌记录,比如一起听歌的时间,听过的歌曲等,甚至还会生成一个心动等级,激发用户为了更高等级使用这个功能。

驾驶模式

「驾驶模式」非常简洁,系统会自动检测用户听歌的环境自动切换。这个功能的设计充分考虑了用户驾车时候需要换歌的场景,提供了语音找歌、个性电台、我喜欢的歌单、最近播放和电台,省去了用户开车时候不方便换歌的痛点, 用户体验 非常友好。

评论

一边听歌一边看评论已经成为现在年轻用户非常喜欢的听歌方式,在评论里,可以找到这首歌很多感人的故事,引发共鸣,勾起回忆。用户进入评论后,除了可以看见其他用户的精彩评论,还可以进入歌手的扑通小组(类似贴吧),和其他歌迷一起交流,从而增加用户时间,提升用户留存率。

音乐工具

片段播放

「片段播放」提供按歌词选和按音轨选两种形式,用户可以自由裁取需要循环的片段反复收听。这有点像过去我们使用 MP3 或复读机收听歌曲那样,功能虽然简单,但可以满足某些特定场景使用。

倍速播放

用户可设置歌曲播放的倍速,支持 0.5x 到 2.0x 播放,这个功能在听书的时候特别实用,非常方便。

定时关闭

用户在音乐播放中可开启定时关闭功能,比如 15 分钟、60 分钟等,这个功能在助眠的时候非常方便,当你慢慢睡着的时候,音乐也随之关闭。

设备投放

「设备投放」就是支持音乐投放到电视等其他电子设备,当一群朋友在家里为你过生日的时候,你可以把你的歌单直接投屏到电视,让大家一起陶醉在美好的音乐夜晚。

设置铃声

当你觉得某首歌曲特别好听,想把它设置为铃声的时候,你不用去应用市场搜寻其它工具,你只需要进入「设置铃声」,你可以自己截取喜欢的音乐片段,系统也会自动智能截选一段精彩的铃声。在右上角提供了详细的铃声设置流程,教程非常简单。其次 QQ 音乐还有一个铃声专区,里面提供了海量的铃声选择。

查看曲谱

查看曲谱是一个非常实用的功能,对于很多音乐爱好者来说,当在某个夜晚抱着吉他想弹奏某一首歌曲,你只需要打开「查看曲谱」,里面包含了智能吉他曲谱、智能尤克里里曲谱以及五线谱/六线谱/简谱。进入曲谱后,你还可进行自由编辑,比如编辑和弦、更改时值等。这种实用不起眼的小功能,对提升用户的满意度非常有帮助,可以抢夺用户时间,降低用户流失率。

分享方式

分享给好友

用户可以把歌曲分享给微信好友、QQ 好友,还可以通过私信方式分享给 QQ 音乐好友。

设置听歌状态

利用腾讯强大的产品生态,用户还可以把听歌状态同步到微信和 QQ,这不仅可以满足年轻用户个性化的追求,还能通过外部触发拉新引流。

分享到社区

用户可以把歌曲分享到朋友圈、QQ 空间、扑通动态和新浪微博,吸引用户分享传播,拉新引流。

歌曲海报

音乐卡片

「音乐卡片」为用户提供了 8 种精美的风格,有复古怀旧的磁带、CD 风格,有黑白胶唱机风格,还有专属的 VIP 会员专享风格。卡片内容包含歌曲的封面、歌名、歌手、音乐指数和过去 24 小时收听人数等信息,目的是为了吸引更多的用户扫码听歌,其次 VIP 会员卡片还加入了 QQ 音乐豪华绿钻音乐卡片标识,彰显 VIP 会员地位。

歌词海报

在以前磁带、CD 时代,抄歌词是广大音乐爱好者最美丽的回忆之一,「歌词海报」就是利用这样的分享场景,支持用户选择任意歌词,然后生成个性化的海报。「歌词海报」不仅提供了海量的背景图片,还支持用户自己上传,甚至还提供歌词字体选择,吸引用户主动分享。

高光视频

「高光视频」就是一段 30 秒的音频,提供了 6 个精美的模版,用户保存到手机后,可以短视频的形式分享到视频号、朋友圈等平台,和静态的海报不同,这样的传播形式更能引起其他用户的关注,从而拉新引流。

微信状态卡片

「微信状态卡片」为 QQ 音乐绿钻会员专享,为会员提供了多种精美的状态卡片,用户需要选择两行歌词,然后才能生成。这样个性化的设置同步到微信状态后,更能引起追求个性的年轻用户关注。

歌词视频

「歌词视频」相比高光视频,功能更丰富,首先不限制用户选择歌词数量,其次提供了风景、科幻、自然等不同主题的视频模版,而且还支持用户自己拍摄。用户还可以选择音乐播放的起点,添加视频动效和滤镜。通过这样短视频的方式吸引用户分享到视频号以及更多的短视频平台,传播拉新。

歌词 1. 弹幕

听歌弹幕就像视频弹幕,用户可以边听歌边发弹幕聊天,这是一个年轻用户非常喜欢的功能,用巴甫洛夫效应来解释,这就是用户对源源不断弹出的弹幕充满了期待,从而增加了听歌乐趣,提升用户使用时间。

2. 歌词动效

「歌词动效」为用户提供了多种个性化模版,满足年轻用户的各种个性化需求,其次也是实现商业变现的方式之一,用户需要开通 SVIP 才能享受更多精美的动效模版。

3. 歌词设置

用户可以调整歌词的字体大小、简繁转换、调整进度,还可以制作歌词海报进行分享。其中歌词海报支持静态图海报和视频海报制作,还提供了多种精美模版,吸引用户分享传播。

推荐 1. 歌曲信息

用户可以查看歌曲详细信息,包括歌手、专辑、发布时间以及详细的制作详情。

2. 音乐指数

「音乐指数」是一个非常创新的功能,QQ 音乐根据用户听歌的次数、搜索的次数制定了一个官方的指数评级。用户可以从这个页面看到歌曲的实时数据,包括今日、昨日音乐指数、全站排名、上升趋势和歌曲成就等。

3. 相关推荐

根据歌曲的曲风,平台会推荐相关歌曲,这有点像私人电台;其次平台还收录了歌曲的各种演绎版本,这真的非常方便,你可以轻松切换自己喜欢的版本;最后为用户推荐包含此歌曲的歌单、节目和视频,彻底抢占用户的时间。

总结 QQ 音乐的播放页设计,可以说把腾讯系 产品设计 的风格发挥得淋漓尽致。为用户提供各种丰富多样的个性化设置和音乐工具,播放器样式、银河音效、个性主题、歌词动效、曲谱、铃声,只有你想不到的,没有 QQ 音乐无法提供的。然后当你想要享受更多特权,你就需要付费开通 VIP,这简直就是腾讯系产品的杀手锏,准备了一千种方式和场景让你很自然的掏腰包。

其次把社交基因发挥到极致。跟听、一起听、弹幕这些都是为了活跃度最高、消费意愿最强的小情侣、小年轻用户准备的。也许有部分用户会质疑,我从来不使用这些功能,但作为一个月活超过 2 亿的平台型产品,QQ 音乐拥有众多各年龄阶段的用户,这就像上期我们分享的《顺丰速运为用户准备了 18 种寄件方式》一样,看似多余复杂,但其实是为了满足各类用户人群的特定需求。

18种寄件方式!从7个方面拆解「顺丰速运」的产品设计 顺丰把快递这个简单的消费行为按不同的场景、空间、时间、功能和用户划分,为用户提供了多达 18 种寄件方式!

阅读文章 >

我们无法改变世界,但可以一起拆解那些改变世界的产品!

欢迎关注作者微信公众号:「设计大侦探」


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通