音频产品播放页面设计,怎么做才更合理? 播放页设计在设计网站上一搜一大堆。而且从留声机开始,经历了录音带、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音箱等等。 喜马拉雅在非播放页的是吸底固定播放,只显示专辑图,播放状态下专辑图会旋转,可能称为预览窗更加合适。播放状态下可以点进播放页,暂停状态下点击会播放同时进入播放页,这个两部并做一步很符合人的操作思路。 而较前面产品不同,喜马拉雅将非常多功能集成在播放页,除了广告,还有评论区,以及给主播打赏功能也集成在下方。而从喜马拉雅节目中可知,右下角"我喜欢的"按钮是否点亮也作为主播收入的绩效考核之一。所以喜马拉雅基本把播放页可能有的功能都探索出来了。 从上看来,在国内,连最普通的播放页都紧密的联系着自家战略定位。如"得到"、"好好学习"等等平台有明确的用户群体,则需要强调自己的品质感和塑造强烈的品牌感。而像"新世相"类,有自己明确的诉求,例如用户激励,用户粘性等等。 还有喜马拉雅等等,播放页甚至成为主播与听众的交流、互动,甚至是节目取材地。所以即使是做个播放页,也要从品牌、业务、需求多方面考虑,才能取得平台、用户、市场的平衡。