音频产品播放页面设计，怎么做才更合理？

播放页设计在设计网站上一搜一大堆。而且从留声机开始，经历了录音带、CD、MP3到现在的手机，已经经历了无数次迭代，已经有了非常深入人心。但如果给知识音频产品设计播放页呢？（以下截图截自各平台APP，仅做研究使用）

从2016至2018，除了现象级的“百万答题”外，很多知识付费产品接近定型阶段。像泛娱乐音频平台喜马拉雅；有腾讯嫡传的企鹅fm；有从《罗辑思维》转型做大选题的“得到”；有仿聊天室类的知乎Live；有强势刷圈的新世相，以及竞品樊登读书会、好好学习等等。

首先千万别小看播放页，人家可是你花了19，99，199之后数个月甚至一年你拿到付费内容的地方，也就是内容产品的窗口。而播放页体验好坏好用与否将直接决定用户会不会点下退款按钮。在研究产品的这几天，真觉得知识焦虑：有趣知识那么多，我怎么就听不完呢……先放下知识，看看这些APP是怎样做播放页的。

首先播放页要有品质感

基本的播放页，即只是集成基本功能，如产品图、播放时长及基本的控制按钮。而像“得到”，“好好学习”等知识平台主要就是这种形态。下面通过“得到”来描述这种形态。

“得到”采用界面外悬浮条+播放控制。下图为触发“得到”音频播放的方式：主页点击、已购课程详情点击、嵌入图文音频点击。

悬浮条：

“得到”采用的是播放悬浮条，吸底显示，并且在交互中处于界面层最高级别。除了播放页外，所有页面都会显示，甚至是用户充值、设置页等信息密度大、容易误操作的页面。

• 显示：当APP内触发音频播放时，淡入显示，不跳转播放控制页，不会打断当前页面的浏览。“得到”从内容上看，除了音频形式，图文内容、运营活动占比也占较大部分，部分音频带有附属文本，通常有图片、图表等信息，有时候对照附属内容听音频，会更好理解音频内容。
• 隐藏：而当处于暂停时可以左侧按钮关闭，当播放停止（无播放内容）时则直接淡出消失。当用户有播放历史时，可以通过悬浮条快速断点播放。
• 防遮挡内容：因为悬浮条处于最高层级，在浏览图文时候会影响阅读体验，所以加入了滑动隐藏/显示机制：无论悬浮条处于何种状态，屏幕上划操作即淡出隐藏，当有大幅度下滑操作则会显现。

播放页

点击左边区域即可进入播放页。播放页面的箭头指示与播放悬浮条呼应，预示着这一整也是可以拖拽收到底栏的，基本符合用户的心理预期。引导用户去收回播放界面。毕竟与其停留在播放页，收起播放页才能浏览更多内容，带来pv和转化率。

总体说播放页没有过多交互，基本满足操作，而底部按钮基本满足用户需求。并且从视觉层面上，质感很好，有足够的辨识度。而深一层想：“得到”较多付费用户，如果在播放页引入广告会大幅影响声誉。另外，“得到”有自己的订阅用户社交系统，不需要在音频下方再加入评论区功能。

而“好好读书”要比“得到”更加纯粹。首先“好好学习”较“得到”更加显得年轻和简介，最直接的体现就是APP的UI留白很多，并且时刻点缀着耀眼的主题色——黄色，还有UI元素多以纯黑色为点缀。播放页连图文跳转都没有加入进来，需要在详情页而悬浮条与播放页的切换也有几分苹果“Apple Music”APP的意味。

而在关闭悬浮条的操作中，也采用了类似苹果自带的“删除”操作，苹果风十足。但在底部悬浮条上使用较容易误操作成点击，而且有很大概率操作失败，不知道是不是有意为之。更希望改进成向下滑动消失并停止播放。

播放页还要考虑下用户激励？

除了基本的，有质感外，还需要考虑产品的调性，而“新世相读书会”在这部分就很懂得玩花样，很符合他们的调性。“新世相”在外界都被视为能够玩弄人性弱点进行营销的平台。

“新世相”每每刷屏的“逃离北上广”、“丢书大作战”事件仍历历在目。其APP与“得到”操作逻辑基本类似，也是采用高层级显示的“悬浮条+播放页”。但最出奇的是，他们在不大的悬浮跳上，增加了用户激励机制！

“新世相”激励机制如下用户通过收听音频的时长收获金币，金币在每天的24点自动兑换成现金放到账户，用户可以再去消费其他书籍音频，也可以体现。

首先这个悬浮条是没办法在播放内容时隐藏，毕竟看着进度条慢慢地往一个一个的金币奖励前进。知识就是收益，把学习知识真的收益具象成了金币时刻放在用户的眼前，那种激励感强而有力。而且当用户看着还有几分钟到下一个奖励，又可以诱导用户毫不犹豫戴上耳机。

“新世相”暂未提供随音频的图文，所以没有图文入口，并且在多轮营销中“新世相”的活跃用户群体在微信上，在屡屡刷屏的引流中，APP仅作为微信封杀的情况下为用户提供服务的B方案，暂待进一步迭代。

播放页还能为公司赚钱？

除了上述产品形式不多，用户集中明确的平台，还有另外一类内容众多，类型庞杂的泛用型音频平台，如喜马拉雅。喜马拉雅有从有声小说、娱乐Podcast、电台、付费精品、名校公开课等产品，甚至还有自己的直播业务。内容量大的很难做强区分，对于已进驻的内容而言，动一发而动全身。

另外像喜马拉雅，荔枝等平台作为大音频平台，维护费用这是高的吓人，所以在这类平台基本不会放过任何盈利点，包括播放页！

那么喜马拉雅的播放页，怎么给平台赚钱？首先见识一下喜马拉雅的广告。喜马拉雅的广告样式如下：

• 音频贴头、贴尾广告，时长5s左右，去不掉。
• 专辑图广告，有专辑图底部的泡泡条广告。
• 一些大金主投的，如表情包掉落广告。
• 自家喜马拉雅智能设备，如小雅AI音箱等等。

喜马拉雅在非播放页的是吸底固定播放，只显示专辑图，播放状态下专辑图会旋转，可能称为预览窗更加合适。播放状态下可以点进播放页，暂停状态下点击会播放同时进入播放页，这个两部并做一步很符合人的操作思路。

而较前面产品不同，喜马拉雅将非常多功能集成在播放页，除了广告，还有评论区，以及给主播打赏功能也集成在下方。而从喜马拉雅节目中可知，右下角“我喜欢的”按钮是否点亮也作为主播收入的绩效考核之一。所以喜马拉雅基本把播放页可能有的功能都探索出来了。

从上看来，在国内，连最普通的播放页都紧密的联系着自家战略定位。如“得到”、“好好学习”等等平台有明确的用户群体，则需要强调自己的品质感和塑造强烈的品牌感。而像“新世相”类，有自己明确的诉求，例如用户激励，用户粘性等等。

还有喜马拉雅等等，播放页甚至成为主播与听众的交流、互动，甚至是节目取材地。所以即使是做个播放页，也要从品牌、业务、需求多方面考虑，才能取得平台、用户、市场的平衡。

本文由 @欢想杨雨 原创发布于人人都是产品经理。未经许可，禁止转载。

题图来自PEXELS，基于CC0协议