快好知 kuaihz

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

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

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

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

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

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

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

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:多难  多难词条  产品设计  产品设计词条  音频  音频词条  播放  播放词条  知识  知识词条  
设计

 一款产品的升级迭代路径

时间在不停地前进,人们的需求也在不断地升级,品牌为了满足用户的需求,其产品也不停地推陈出新,随着需求升级而一步步走向进步。当一款产品在市场上获得认可后,就会与用...(展开)

设计

 视觉设计基础:四个设计原则

关于视觉设计的四个原则,可以通过该本文来了解一下。在很多的时候我们做设计的时候都会忽略一些基本的设计原则,很多设计师即使做了很多年的设计也不能完全说清楚设计的原...(展开)