给知识音频产品设计播放页有多难?

产品老司机手把手教写文档,10天线上课程,零基础掌握产品经理必备7大文档撰写法。了解一下>

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

播放页设计在设计网站上一搜一大堆。而且从留声机开始,经历了录音带、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协议

给作者打赏,鼓励TA抓紧创作!
5人打赏
评论
欢迎留言讨论~!
  1. 先有功能 再有交互,说的是交互吧

    回复
    1. 这篇文章更多说的是交互对需求以及产品定位的理解,例如得到与用户交互过少,订阅一个产品只是获得内容收听资格,其实很难去接触到同样购买该课程的用户,导致粘性较低。喜马拉雅则是大商圈,喜马拉雅大平台和用户交互,里面每个小店家都有自己独特方式去和用户交互,所以喜马拉雅每一个角落基础设施的交互都会影响到一批人在平台上的活动,乃至主讲人的收益。

      回复