腾讯视频多倍速播放产品设计小结 / 木子杰软件教程

观看是腾讯视频对于用户来说最为核心的体验，我们不断努力把精力聚焦在用户观看过程的体验优化，为用户创造更流畅有和趣的观看体验。近期其中一个探索是多倍速播放的尝试，此文向大家分享下我们在这次产品设计方案中的思路和心得。

与时间赛跑–腾讯视频倍速播放产品设计小结

导语：打造良好的观看体验是腾讯视频最为核心的目标之一，我们不断努力把精力聚焦在用户观看过程种的体验优化，为用户创造更流畅有和趣的观看体验。近期的一个探索是多倍速播放的尝试，此文向大家分享下我们在这次产品设计方案中的思路和心得。

01.痛点

用户熊先生的烦恼

现在生活节奏越来越快，每天早出晚归，可以自由支配的休闲时间越来越少，但是好看的剧不能不看啊，即使下班再晚也总对今天刚更新的剧心心念念的要赶紧刷完，不然明天中午怎么和大家一起吐槽新剧情呢。

可是《三生三世十里桃花》1集40分钟，每天更新2集看完都一个多小时了，像我这么兴趣广泛的人还要追《大唐荣耀》啊：）

有什么办法让我能快点看完更新又不会错过精彩片段呢？

02.要解决的问题

针对时间不够的情况，我们尝试过了“只看TA”，选择只看我的爱豆出现的片段；我们也尝试过了视频热点，选择精彩片段直接观看。但是这样仍会出现遗漏的地方，怎样平衡时间和观看的完整度，是我们需要想办法解决的问题。

03.明确目标

通过问题的细化，我们定下这次体验优化的目标：

帮助用户加快追剧速度
加快但不要错过剧情
不能影响正常剧情观看

大家头脑风暴出了几个方向的解决方案，其中最值得探讨和深挖的是“倍速播放”。

多倍速播放的灵感来源于我们学习英语时使用复读机上的变速功能，每个人都会有一个英语听力的老师说，听VOC和BBC练习的时候能搞定听1.5倍速甚至2倍速的句子，考试保准没问题。

倍速播放的优点是能够把画面和声音内容的缺失控制在一定范围内，也不会对演员演绎的语气产生大的影响。特别是对于一些语速比较慢的情况，倍速播放对观影体验影响很小。

04.预研想法

1X 原速度播放

1.5X 能明显感知到播放速度加快了

2X 速度明显变快，同一时间内看到更多内容但勉强还在可接受范围内

3X 图像及声音缺失明显

有了初步想法后，我们需要快速通过行动进行验证。

产品设计团队开始体验和学习教育类app的倍速播放功能，从教学类视频入手，再到MV，脱口秀等。

而研发团队也开始研究倍速在技术上的实现方案，并且很快的输出了可体验的demo。

在体验过程中，我们发现了两个重要的特点。

一、倍速的设定值在2倍以内是一个比较合适的范围，观影体验不会有大的影响。超过2倍了，说话的时候可能出现不连贯的情况，这样就比较容易出戏了。视觉上，在2倍播放的情况下，因为画面的跳变没有特别明显，所以也是一个可接受的范围。

二、在1~2倍速这个区间内，需要的并非是这个区间内的所有精细选择，人的视觉和听力敏感度很难去判断1.7倍速跟1.8倍速之间的细微区别，所以平衡控制与体验，我们觉得1.25，1.5以及2倍速都是比较合适的选择。

05.设计优化

针对demo的版本体验，我们又遇到了新的问题。

一、控制倍速的操作，应使用递进式的滑柄操作还是按钮操作？

上面的Demo可以看出在倍速播放功能的操作上，滑杆式虽然能更精细地控制速度，但结合之前人眼对速度的敏感度以及滑杆式会让操作变得更复杂，最终还是决定使用最简单快速的按钮式切换倍速。

二、应该针对当前播放的视频记住用户选择还是永久记住用户的选择？

内部讨论很久，考虑到我们自己在体验过程中，认为倍速是一个常态，在倍速观看中仍然可以有沉浸式的体验。另外，大多数教育类的app也都是记住用户的选择，在续播或者观看其他视频时，仍然保持倍速状态的。所以我们敲定了设计，记住用户选择。

但是，正是由于常态的原因，用户在使用时有可能忘记自己设置了倍速，在其他播放场景下，会忽略这个事情而产生疑惑，影响到了其他视频的正常观看。所以我们还加了一个条件，在本次app生命周期内，记住用户选择。

三、如何平衡操作状态反馈与简单的核心播放体验？

多倍速播放相对于核心播放功能来说是一个相对小众的功能，在入口和操作状态反馈上需要平衡既能快速发现和使用多倍速、又要避免核心播放界面变得更复杂。

对于这个问题，我们尝试过如常驻入口在屏幕右侧、常驻在选集左侧、收到二级的「更多」界面甚至是拖动前进后退时二次手势操作触发多倍速。

方案A 入口常驻播放界面右侧

由于常驻使得右侧操作太多，并且不利于多分辨率适配，这个方案首先被排除。

方案B 结合手势拖动前进后退进行倍速操作

这个方案优点是不占用核心播放界面位置并且能结合前进后退的场景进行调整播放速度，但切换倍速需要左/右滑动调起前进后退状态，向下滑动后再进行左右滑动进行切换速度，对普通用户来说过于复杂不易理解，方案B也被排除。

方案C 入口与状态常驻底部操作区域

这是一个比较保险而且勉强能接受的方案，能让用户很快速地发现这个功能并且对界面信息影响不大。但考虑到这是一个相对小众的功能，放在选集旁边总归会增加核心界面的复杂度，权衡之下，这个只能作为保底方案。

方案D 入口收纳进「更多」的二级界面，操作状态呈现在「更多」入口上

经过几轮方案的尝试，大家一致认为多倍速入口安排在播放界面并不是最好的选择，收纳进「更多」二级界面中既能结合非核心操作展示也不会影响核心播放界面。而多倍速调整属于用户主动操作，反馈状态呈现在「更多」入口上也是易见且合理的。

四、如何让用户发现这个功能？

每个设计方案都有其利弊，在入口和操作状态反馈的问题上，我们最终选定的D方案又出现另外一个问题，如何让新用户发现这个功能？

一般来说最简单的方案就是使用tips等方式进行提示，更好的解决办法是结合用户场景和行为去进行提示，让用户使用时感觉到贴心。在观察大家看视频的过程中，我们发现某些片段用户会有连续快进的操作，推测用户使用快进快退时主要是希望更快地跳过某些剧情或到达想要看的情节，所以我们决定当用户连续5次的手势快进时触发多倍速功能提示，通过这种方式去减少在正常播放时提示的突兀感。