惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

J
Java Code Geeks
Last Week in AI
Last Week in AI
T
Tailwind CSS Blog
WordPress大学
WordPress大学
B
Blog RSS Feed
T
The Blog of Author Tim Ferriss
F
Fortinet All Blogs
aimingoo的专栏
aimingoo的专栏
MongoDB | Blog
MongoDB | Blog
博客园 - Franky
C
Check Point Blog
P
Proofpoint News Feed
H
Help Net Security
月光博客
月光博客
博客园_首页
Stack Overflow Blog
Stack Overflow Blog
博客园 - 三生石上(FineUI控件)
Martin Fowler
Martin Fowler
Recent Announcements
Recent Announcements
人人都是产品经理
人人都是产品经理
U
Unit 42
美团技术团队
I
InfoQ
A
About on SuperTechFans

人人都是产品经理

为什么你的产品找不到差异化?90%的失败都卡在第一步上(下) – 人人都是产品经理, 3年从30万到1300万用户、获2200万美元融资,这个AI教育产品用“抽卡”破解了获客难题 – 人人都是产品经理, 园区招商系统怎么做才能真正帮到去化?我加了这一个功能,推广链接转发400次阅读过万 – 人人都是产品经理, AI大事件:OpenAI发完网络安全模型又搞药物研发,小鹏汽车要抓”DeepSeek时刻” – 人人都是产品经理, 电商不是卖货,是一场更残酷的产品经理实战 – 人人都是产品经理, 没想到,活动营销又回来了! – 人人都是产品经理, 为何All-in海外KOC:一场关于AI时代窗口期的豪赌 – 人人都是产品经理, 重新理解企业的内部协作 – 人人都是产品经理, 苹果的 AI 战略到底是什么? – 人人都是产品经理, 医疗智能体·第2讲——合规护城河:等保、PIPL与HIPAA的架构实战 – 人人都是产品经理, 向量知识库五步法:从“答非所问”到“精准回复” – 人人都是产品经理, 鸿蒙PC三方库构建总指挥HPKBUILD(sha)库为例 – 人人都是产品经理, 何时该用LLM?AI产品经理的LLM设计指南 – 人人都是产品经理, 医疗信息领域的需求方、决策方、准入方以及关注点(二) – 人人都是产品经理, 即梦涨价:一场被误读的「傲慢」 – 人人都是产品经理, 面试AI PM必答题:Hermes和OpenClaw的区别,如何讲清楚业务价值 – 人人都是产品经理, AI的下一张船票:世界模型——AI产品经理必须理解的技术拐点 – 人人都是产品经理, 小红书做GEO,怎么让AI信你?记住这 3 个重要信息 – 人人都是产品经理, 5 家印度 AI 初创公司,看看印度 AI 再做什么 – 人人都是产品经理, AI项目跨团队协作:产品技术业务如何不打架 – 人人都是产品经理, Agentic Workflow(智能体工作流):让AI从”答案生成器”变成”数字员工” – 人人都是产品经理, lycium_plusplus 项目全景解读:OpenHarmony 三方库构建的“大管家” – 人人都是产品经理, 从爆单救火到前置履约:两套预采策略,把生鲜大促履约效率拉满 – 人人都是产品经理, 什么时候该补货?我用一轮数据做了一个决定 – 人人都是产品经理, 从“机械兜底”到“动态分流”:AI客服重复进线治理的4大底层逻辑 – 人人都是产品经理, 抖音拼效率,红书拼洞察 – 人人都是产品经理, 全民狂欢与退潮——为什么龙虾这波热潮冷却得如此之快? – 人人都是产品经理, Stripe押注!MPP重塑全球支付 – 人人都是产品经理, 小红书GEO:AI引用你的内容,不是因为你对,而是因为你看起来可信 – 人人都是产品经理, 前百度副总裁押注办公Agent,日韩付费爆发,Manus迎来强劲对手 – 人人都是产品经理,
细节猎人丨一个播放页,QQ音乐就设计了37个功能,11种分享方...
廖尔摩斯丨设计大侦探 · 2022-07-04 · via 人人都是产品经理

编辑导语:在日常使用QQ音乐时,你们有没有发现QQ音乐中隐藏的一些功能,一个小小的播放器,虽然看上去只是满足日常听歌需求,但其实它隐藏着社交化与娱乐化的入口。作者对QQ音乐的播放页进行剖析,一起来看看。

你是否每天都在使用QQ音乐收听歌曲,但是你有没有观察到QQ音乐的播放页其实藏着很多功能。一个小小的播放页,虽然看上去那么的不起眼,仿佛它的功能只是用来切歌、看歌词和单曲循环,但随着QQ音乐社交化、娱乐化的发展,如今这个播放页已经成为了一个重要的聚合页入口。

本期「设计大侦探」的「细节猎人」,为你解剖QQ音乐播放页的37个功能,11种分享方式以及17种歌曲海报。

一、歌曲

「歌曲」是播放页的默认分类,这个分类的功能比较多,所以我把它拆分为「个性化设置」、「听歌场景」、「音乐工具」和「分享方式」四种类型。

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

1. 个性化设置

1. 1 银河音效

「银河音效」是为了满足各种耳机发烧友对音质的追求。「银河音效」按照重低音、环绕、曲风等类型进行分类,多达数十种,完美解决各类用户人群的需求。平台还推出独家定制音效,支持适配各类品牌耳机、音响和汽车,吸引用户购买VIP会员,激活变现。

另外QQ音乐还推出一个「声音实验室」的栏目,包含了智能煲机(帮助耳机快速达到最佳状态)、4D震动和动感闪光,黑科技赋能,让音乐更有趣。

1.2 播放设置

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

1.3 播放器样式

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

1.4 个性主题

「个性主题」为用户提供了丰富多样的主题装扮和头像挂件,包含明星、星座、影视、文艺等各种主题,当用户使用以后,整个QQ音乐的界面风格都会随之改变,这就像以前的QQ空间装扮,一键换肤,个性又时尚,深受年轻用户喜欢。

「个性主题」作为为QQ会员独家专享打造的板块,是实现商业变现的重要手段。

1.5 收藏和屏蔽

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

2. 听歌场景

2.1 唱歌

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

2.2 跟听

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

2.3 一起听

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

2.4 驾驶模式

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

2.5 评论

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

3. 音乐工具

3.1 片段播放

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

3.2 倍速播放

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

3.3 定时关闭

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

3.4 设备投放

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

3.5 设置铃声

当你觉得某首歌曲特别好听,想把它设置为铃声的时候,你不用去应用市场搜寻其它工具,你只需要进入「设置铃声」,你可以自己截取喜欢的音乐片段,系统也会自动智能截选一段精彩的铃声。

在右上角提供了详细的铃声设置流程,教程非常简单。其次QQ音乐还有一个铃声专区,里面提供了海量的铃声选择。

3.6 查看曲谱

查看曲谱是一个非常实用的功能,对于很多音乐爱好者来说,当在某个夜晚抱着吉他想弹奏某一首歌曲,你只需要打开「查看曲谱」,里面包含了智能吉他曲谱、智能尤克里里曲谱以及五线谱/六线谱/简谱。进入曲谱后,你还可进行自由编辑,比如编辑和弦、更改时值等。

这种实用不起眼的小功能,对提升用户的满意度非常有帮助,可以抢夺用户时间,降低用户流失率。

4. 分享方式

4.1 分享给好友

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

4.2 设置听歌状态

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

4.3 分享到社区

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

5. 歌曲海报

5.1 音乐卡片

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

5.2 歌词海报

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

5.3 高光视频

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

5.4 微信状态卡片

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

5.5 歌词视频

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

二、歌词

1. 弹幕

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

2. 歌词动效

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

3. 歌词设置

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

三、推荐

1. 歌曲信息

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

2. 音乐指数

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

3. 相关推荐

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

四、总结

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

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

微信公众号:设计大侦探

本文由 @廖尔摩斯丨设计大侦探 原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自 Unsplash,基于CC0协议。