神刀安全网

短视频消费的变革:自动播放+推荐流

2016 4 1 号,微博全量放开自动播放 + 推荐流功能,通过自动播放和推荐流的组合,为用户提供完整的视频观看体验。有幸作为这一功能的设计者和参与者,我将通过这篇文章详细阐述这个功能完整的设计流程。

自动播放 + 推荐流功能介绍

自动播放指的是出现在屏幕中的视频会自动进行播放。推荐流指的是以视频为主体的内容推荐流,根据用户当前观看的视频,推荐更多相关视频来消费的功能。

设计背景

微博平台极具公众性,信息量大且发布及时,受众极广。微博上的视频内容逐渐变多,用户消费视频的习惯逐渐养成,如何为用户提供更好的视频消费体验,打造完整视频消费闭环,是我们设计自动播放 + 推荐流功能的初衷。

功能设计

一、自动播放

传统视频封面图的形式传递的信息有限,用户只能通过封面来判断是否对视频感兴趣,能否提供更好的视频内容预览形式?基于这个思考我们设计了自动播放。

1、更好的视频预览

自动播放可提供更多的视频内容预览,避免单一封面图就让用户决定是否观看的情况。视频自动播放是无声的,用户感兴趣可以点进去继续有声观看,不感兴趣就滑走,视频滑走后则暂停播放。

短视频消费的变革:自动播放+推荐流

2 、视频倒计时

自动播放中的视频右下角会显示剩余时长,让用户对视频长度有预期,点进去的视频有进度条告知用户当前播放进度和剩余时长,和外面的视频时间相对应,形成视频内外时间的完整闭合体验。  

短视频消费的变革:自动播放+推荐流

3 、视频去重和血腥暴力提醒

针对信息流里的重复视频,我们提供去重处理,避免重复观看。同时对血腥暴力的视频进行提示,不会自动播放,避免给用户带来身体上的不适。

短视频消费的变革:自动播放+推荐流

4 、关于流量的说明

考虑到流量的问题,我们设计成默认仅WiFi下自动播放,所以完全不用担心流量的问题。同时在设置里可以关闭自动播放,或者选择使用移动流量和WiFi都自动播放。

二、推荐流

传统视频在观看完之后只能返回,代表本次视频体验的结束。根据用户观看了该视频,我们推测出用户可能对同类型的视频同样感兴趣,是否能推荐更多同类视频来供用户消费?基于这个思考,我们设计了推荐流功能,将同类型的视频以流的方式直接推荐给用户消费,不用跳转页面进行观看。

1、视频微博的结构调整

推荐流重新调整微博结构,突出视频重点。文字和转评赞功能均放在视频下面,对过长的文字说明进行折叠显示,保证内容消费的重点是视频。

短视频消费的变革:自动播放+推荐流

2 、打造沉浸式观看体验

视频外的内容会影响视频观看,为了保证沉浸式观看体验,视频观看 3 秒后进入关灯模式,视频外区域自动渐隐弱化,突出当前观看视频,打造电影院式的观看体验。同时保留一定的透明度让用户感知到视频外的内容可以点亮查看。既保证了视频沉浸式观看,又便于用户查看其它内容。

短视频消费的变革:自动播放+推荐流

3 、自动播放下一个视频

当前视频播放完则自动滑动到下一个视频播放,保证视频观看的连续性,用户无需任何操作就能一直观看视频。在距视频结束前 3 秒时高亮当前微博,可以进行转评赞操作,同时会在页面底部出现“下一个视频”的提示,提示用户即将播放下一个视频,让用户有一定的预知。

短视频消费的变革:自动播放+推荐流

4 、突出关注关系

对于未关注的视频发布者,直接在推荐流提供明显的关注按钮。既便于用户对优质视频发布者的关注,又从侧面激励发布者发布更优秀的视频。

短视频消费的变革:自动播放+推荐流

5 、右滑返回的快捷操作

推荐流提供了右滑返回的快捷操作,延续了之前视频快速进入和快速退出的便捷性。

短视频消费的变革:自动播放+推荐流

通过自动播放 + 推荐流的组合,改变了传统视频的观看方式,让用户静享推荐流持续观看的流畅,体验无需任何操作观看视频的便捷。

内部优化逐步开放

功能开发完之后,首先只开放给团队内部进行体验,对发现的问题进行反复测试调整。然后在保证功能正常使用的情况下,我们开放给了公司内网的所有用户进行用户测试,争取将问题消灭在内部。最后通过灰度投放的方式逐步将自动播放 + 推荐流功能开放给用户,让用户使用上我们修改优化了很多版本的功能,为用户提供视频观看完整的体验。

总结

这就是整个功能设计的过程,在一定设计背景下,经过前期的设计思考,找准用户需求,然后将需求转化为功能点进行设计,用优雅的交互方式满足需求,开发完便进行内部测试优化,不断完善打磨这个功能,继而逐步开放给用户使用,收集用户反馈,最后不断优化和后续相关功能的完善,提供一个不断优化的功能体验。

本文由PMCAFF产品经理社区授权发布,作者Jason-yangsong,未经授权,禁止转载。

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » 短视频消费的变革:自动播放+推荐流

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址