童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

6月26日 飞虹塔投稿
  音频产品播放页面设计,怎么做才更合理?
  播放页设计在设计网站上一搜一大堆。而且从留声机开始,经历了录音带、CD、MP3到现在的手机,已经经历了无数次迭代,已经有了非常深入人心。但如果给知识音频产品设计播放页呢?(以下截图截自各平台APP,仅做研究使用)
  从2016至2018,除了现象级的“百万答题”外,很多知识付费产品接近定型阶段。像泛娱乐音频平台喜马拉雅;有腾讯嫡传的企鹅有从《罗辑思维》转型做大选题的“得到”;有仿聊天室类的知乎L有强势刷圈的新世相,以及竞品樊登读书会、好好学习等等。
  首先千万别小看播放页,人家可是你花了19,99,199之后数个月甚至一年你拿到付费内容的地方,也就是内容产品的窗口。而播放页体验好坏好用与否将直接决定用户会不会点下退款按钮。在研究产品的这几天,真觉得知识焦虑:有趣知识那么多,我怎么就听不完呢先放下知识,看看这些APP是怎样做播放页的。
  首先播放页要有品质感
  基本的播放页,即只是集成基本功能,如产品图、播放时长及基本的控制按钮。而像“得到”,“好好学习”等知识平台主要就是这种形态。下面通过“得到”来描述这种形态。
  “得到”采用界面外悬浮条播放控制。下图为触发“得到”音频播放的方式:主页点击、已购课程详情点击、嵌入图文音频点击。
  悬浮条:
  “得到”采用的是播放悬浮条,吸底显示,并且在交互中处于界面层最高级别。除了播放页外,所有页面都会显示,甚至是用户充值、设置页等信息密度大、容易误操作的页面。
  显示:当APP内触发音频播放时,淡入显示,不跳转播放控制页,不会打断当前页面的浏览。“得到”从内容上看,除了音频形式,图文内容、运营活动占比也占较大部分,部分音频带有附属文本,通常有图片、图表等信息,有时候对照附属内容听音频,会更好理解音频内容。
  隐藏:而当处于暂停时可以左侧按钮关闭,当播放停止(无播放内容)时则直接淡出消失。当用户有播放历史时,可以通过悬浮条快速断点播放。
  防遮挡内容:因为悬浮条处于最高层级,在浏览图文时候会影响阅读体验,所以加入了滑动隐藏显示机制:无论悬浮条处于何种状态,屏幕上划操作即淡出隐藏,当有大幅度下滑操作则会显现。
  播放页
  点击左边区域即可进入播放页。播放页面的箭头指示与播放悬浮条呼应,预示着这一整也是可以拖拽收到底栏的,基本符合用户的心理预期。引导用户去收回播放界面。毕竟与其停留在播放页,收起播放页才能浏览更多内容,带来pv和转化率。
  总体说播放页没有过多交互,基本满足操作,而底部按钮基本满足用户需求。并且从视觉层面上,质感很好,有足够的辨识度。而深一层想:“得到”较多付费用户,如果在播放页引入广告会大幅影响声誉。另外,“得到”有自己的订阅用户社交系统,不需要在音频下方再加入评论区功能。
  而“好好读书”要比“得到”更加纯粹。首先“好好学习”较“得到”更加显得年轻和简介,最直接的体现就是APP的UI留白很多,并且时刻点缀着耀眼的主题色黄色,还有UI元素多以纯黑色为点缀。播放页连图文跳转都没有加入进来,需要在详情页而悬浮条与播放页的切换也有几分苹果“AppleMusic”APP的意味。
  而在关闭悬浮条的操作中,也采用了类似苹果自带的“删除”操作,苹果风十足。但在底部悬浮条上使用较容易误操作成点击,而且有很大概率操作失败,不知道是不是有意为之。更希望改进成向下滑动消失并停止播放。
  播放页还要考虑下用户激励?
  除了基本的,有质感外,还需要考虑产品的调性,而“新世相读书会”在这部分就很懂得玩花样,很符合他们的调性。“新世相”在外界都被视为能够玩弄人性弱点进行营销的平台。
  “新世相”每每刷屏的“逃离北上广”、“丢书大作战”事件仍历历在目。其APP与“得到”操作逻辑基本类似,也是采用高层级显示的“悬浮条播放页”。但最出奇的是,他们在不大的悬浮跳上,增加了用户激励机制!
  “新世相”激励机制如下用户通过收听音频的时长收获金币,金币在每天的24点自动兑换成现金放到账户,用户可以再去消费其他书籍音频,也可以体现。
  首先这个悬浮条是没办法在播放内容时隐藏,毕竟看着进度条慢慢地往一个一个的金币奖励前进。知识就是收益,把学习知识真的收益具象成了金币时刻放在用户的眼前,那种激励感强而有力。而且当用户看着还有几分钟到下一个奖励,又可以诱导用户毫不犹豫戴上耳机。
  “新世相”暂未提供随音频的图文,所以没有图文入口,并且在多轮营销中“新世相”的活跃用户群体在微信上,在屡屡刷屏的引流中,APP仅作为微信封杀的情况下为用户提供服务的B方案,暂待进一步迭代。
  播放页还能为公司赚钱?
  除了上述产品形式不多,用户集中明确的平台,还有另外一类内容众多,类型庞杂的泛用型音频平台,如喜马拉雅。喜马拉雅有从有声小说、娱乐Podcast、电台、付费精品、名校公开课等产品,甚至还有自己的直播业务。内容量大的很难做强区分,对于已进驻的内容而言,动一发而动全身。
  另外像喜马拉雅,荔枝等平台作为大音频平台,维护费用这是高的吓人,所以在这类平台基本不会放过任何盈利点,包括播放页!
  那么喜马拉雅的播放页,怎么给平台赚钱?首先见识一下喜马拉雅的广告。喜马拉雅的广告样式如下:
  音频贴头、贴尾广告,时长5s左右,去不掉。
  专辑图广告,有专辑图底部的泡泡条广告。
  一些大金主投的,如表情包掉落广告。
  自家喜马拉雅智能设备,如小雅AI音箱等等。
  喜马拉雅在非播放页的是吸底固定播放,只显示专辑图,播放状态下专辑图会旋转,可能称为预览窗更加合适。播放状态下可以点进播放页,暂停状态下点击会播放同时进入播放页,这个两部并做一步很符合人的操作思路。
  而较前面产品不同,喜马拉雅将非常多功能集成在播放页,除了广告,还有评论区,以及给主播打赏功能也集成在下方。而从喜马拉雅节目中可知,右下角“我喜欢的”按钮是否点亮也作为主播收入的绩效考核之一。所以喜马拉雅基本把播放页可能有的功能都探索出来了。
  从上看来,在国内,连最普通的播放页都紧密的联系着自家战略定位。如“得到”、“好好学习”等等平台有明确的用户群体,则需要强调自己的品质感和塑造强烈的品牌感。而像“新世相”类,有自己明确的诉求,例如用户激励,用户粘性等等。
  还有喜马拉雅等等,播放页甚至成为主播与听众的交流、互动,甚至是节目取材地。所以即使是做个播放页,也要从品牌、业务、需求多方面考虑,才能取得平台、用户、市场的平衡。
投诉 评论 转载

设计小结:新闻资讯类App的UX浅析工作到现在已经负责过2个资讯类新项目了,每次做完项目感觉都有很多缺憾,这次就对新闻资讯类app做一个UX总结解析,希望能对大家有所帮助。行业背景、用户分析背景……给知识音频产品设计播放页有多难?音频产品播放页面设计,怎么做才更合理?播放页设计在设计网站上一搜一大堆。而且从留声机开始,经历了录音带、CD、MP3到现在的手机,已经经历了无数次迭代,已经有了非常深入人……产品理念:MVP已死,MAP当道今天这篇译文是关于MVP产品和MAP产品的,在读到这篇文章之前,我确实只知道互联网产品有MVP产品这么一说,不过这篇文章的作者抛出的MAP产品的概念,确实让我眼前一亮,一言以蔽……在设计上,Facebook必须要采取的4个改变编者按:这是对于Facebook的建议,也是对其他社交媒体平台的建议。本文作者KatharineSchwab在“The4DesignChangesFacebookShouldR……语音交互实例:从切换播放模式细节想到的这一段项目时间不是很紧张,比较有时间去探讨一些细节的问题,有些东西可以做有些东西可以不做,去探究背后的原因是一件很有趣的事情。一、简单介绍VUI想必大家对于语音交互……后台交互设计:关于中后台系统设计的4个原则最近几个月一直在做中后台系统的交互和视觉设计,也找了很多国内外的参考资料,今天翻译的是behance上的一篇文章,链接将附在文章底部。第一次投稿,如有不足,还请各位看官多……如何正确设计下拉菜单?表单中使用的下拉菜单有优点,但同样的它也有一些缺点和关注点,那我们要怎样才能正确设计下拉菜单呢?在表单中使用下拉菜单有很多优点:它们在UI上占用的空间不多;支……脑洞:腾讯视频限制多用户登录的几个猜想如何既能限制用户共享付费账号,又能避免被用户骂,这可能是很多视频网站的产品经理都在思考的问题。而腾讯视频的这一招可谓一举两得啊!腾讯、爱奇艺、优酷等的产品经理可能每天都在……APP导航设计的对比总结纵观应用市场上的APP,导航设计的模式总是几种的组合使用。导航设计的目的就是需要突出产品的核心,扁平化用户的任务路径。让用户能够顺利的在产品中畅行,让用户时刻清楚自己在应……电商后台设计难?搞清这7个点再说(附RP源文件下载)电商产品的后台设计较为复杂,考虑的因素有很多。本文通过对具体设计原型的拆解分析,从商城首页、商品详情购物车管理、支付结果、地址管理、订单管理、红包管理、后台等7个方面,全面介绍……定制需求设计实现的案例分享在金融行业中,大众化的理财产品往往不能满足高端客户资产保值、增值的需求,为了做好这部分客户的留存,投资机构会根据客户的投资需求,发行专属的定制产品。在实际执行时,一般是由客户专……一款出色的结账表单都具备什么特点?对于客户来说,购买东西的流程越容易,他们就越容易进行购买。毫无疑问,结账体验是所有网上商店最重要的一部分,表单的设计直接关系着电子商务网站的转换率更快,更方便用户填写的表……
简洁的职场的语录职场的语录职场的语录60条简洁的职场正能量的语录职场正能量的语录96条常用职场正能量的语录职场心灵鸡汤语录职场心灵鸡汤语录简洁的职场的语录59条职场正能量的语录摘录69条常用职场心灵鸡汤语录职场的语录
中考英语应用文范文之书信聚会邀请老赖炅爸又上热搜了!比起何炅收礼事件,何榜才真让人揪心假鸡蛋怎么辨认陨石揭示地球挥发性化学物质可能来源首次提出造句用首次提出造句大全快速瘦小腹运动方法春到校园惹人醉五年级作文小学一年级数学找规律教案线下萧条?疫后实现惊人逆势增长,盘子女人坊的三板斧想排毒养颜?这5种食物要多吃吴亦凡事件升级陷入桃色纠纷反击网红索讨巨款弟弟偷看了我的日记

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界