知乎 Live 设计后记

知乎 Live 是 2016 年 5 月发布的产品,Live 的诞生,将互联网知识付费领域推上风口,对这个领域后续的发展有着深远的影响。这篇文章写于 Live 诞生的两年后,以设计师的视角,记录了当初如何快速设计出第一版 Live。

在知乎问答社区的基础上,Live 为用户提供了全新的实时语音互动问答体验。 演讲者可以通过自己精心准备的语音、文字、图像和视频来分享话题讲座,观众可以直接提出问题并实时获取回答。

为什么做 Live?

知乎问答社区几年来的增长和积累,让我们确定:用户对问答模式的接纳程度很高;专业人士愿意和大家分享知识、经验与见解;普通人对各类专业领域有很强的探索欲、学习欲。Live 的想法也因此萌生。知乎在去年愚人节发布的「值乎」也帮助我们验证了一点:知乎用户具备很高的付费意愿。知乎 Live 势在必行。

“值乎”的图片搜索结果
2016 年愚人节上线的「值乎」

IM + Q&A

项目建立的前期,视频直播产品突然流行起来,我们也曾考虑过采用类似的模式,但通过观察,直播产品中的演讲者和观众在互动中身份是过于不对等的,观众的消息很容易被掠过。而且,视频直播的观众更在意演讲者本身,内容本身并不容易沉淀下来。
另一种问答模式,如 Quora Sessions、Reddit AMAs 也带给我们很多启发,但类似 BBS 的开放式线上交流,对于提问者在效率上依然没有优势。对比之下,IM (Instant Messaging) 的模式似乎和我们的目标更接近。
Quora launches Writing Sessions, a civilized rival to Reddit’s AMAs
Quora Sessions

快速搭建原型

为了快速验证想法,我们需要以最快的速度搭建一个模型:我们邀请了一位同事,让他用微信群给大家分享「如何设计搜索引擎」。我们在公司内部进行了宣传,群里来了几十名听众。大家在群里提问需要发一个 ¥1 的红包。
这个实验很有意思,大家也玩的很开心。但是多人 IM 和「线上知识分享」有很大不同,过程中也出现了诸多痛点:
  • 听众听到回答时,想回顾一下对应的问题;
  • 听众看到高质量的提问想要「同问」;
  • 听众愿意给予主讲人鼓励和支持,又担心这类内容消息会干扰他人;
  • 听众有的不想提问,只想快速把主讲人发表的内容浏览完;
  • 主讲人看到问题想直接回应;
  • 主讲人想针对自己发送的消息做进一步的补充说明;
  • ……

我们按优先级排列了问题,很多问题也直接在原型中解决,成了 Live 第一批核心功能:


迭代: Live 主讲人的效率提升

Live 最初的策略是每场 Live 互动时间会持续一个小时。很多主讲人反馈一场 Live 下来觉得很累,主讲人要在一小时里,根据提纲分享主题,还要回答大家提的大部分问题。产品上想了一些办法来改善。

1. ToolBar 的改进

第一版的 ToolBar 非常强调录音按钮,我们参考了微信的录音方式,希望降低用户的学习成本。但实际上,主讲人往往整场 Live 都要按住这个按钮,体验非常糟糕。文字和录音的切换也过于复杂,操作路径很不明确。

针对这两个问题我们更改了录音的交互,去掉了长按操作;调整 ToolBar 的布局,降低了操作复杂度。

改进前 vs 改进后:

 

2. 待回应列表

主讲人筛选问题也是一个体验不好的地方。主讲人总要不断翻页,想回答前面点过赞的问题,却经常找不到。于是我们设计了一个「待回应」功能,帮助主讲人快速筛选自己感兴趣、或热门的提问。
  

改进效果: 

这两个功能先后上线,得到了主讲人的一致好评。通过观测数据,我们也验证了设计的成功:主讲人消息的语音总时长提升了约 20%, 主讲人自己点赞的问题回应率在随机抽取的样本里几乎是 100%!  

 


迭代: Live 消息气泡的升级

在第一个版本中,我们的消息气泡借鉴了 Facebook Messager 的设计, 我们也加入了一些改进,例如气泡的进度条拖动。
上线后,我们对气泡进行了一次改版:
  • 我们去除了语音气泡中的无关视觉元素,将作用一致的重复元素进行合并;
  • 对拖动时进度条的交互进行优化,并提升这个功能被发现的概率;
  • 对正在播放的语音气泡增加了更为明显的闪烁动画;

迭代: Live 详情页的改版:

在 Live 上线后不久,我们对 Live 的发起流程进行了重设计。针对旧版本的详情页,我们也趁机改善了一些问题:

– 核心操作焦点分散;
– 内容结构单一,所有信息模块混杂在一起;
– 页面有很强的分割感;

第一版 Live 详情页

在重新设计详情页的过程中,对支付按钮的位置我们展开了讨论。

我们发现,几乎所有电商 App 都把购买操作都在底部,而 Live 的购买按钮一直在页面上方,大家怀疑这可能会影响购买的转化率。而我认为按钮的位置就应该应该醒目,放在页面底部不能满足这一点。

最终,我们让两个方案以 A/B Test 的方式上线。通过观测数据,按钮在上方的效果要略胜一筹。
方案 A 购买按钮在底部 vs 方案 B 按钮在顶部并常驻页面
 

Live 上线后的成绩:

🍼 Live 上线第一周为每场 Live 平均为主讲人带来高达 ¥1.1 万元的收入;
💰 上线后仅 20 周,Live GMV 突破 ¥1000 万元,增长从未停止;
🎉上线后第 22 周,单场参与人数突破 3 万,一个月后,一场 12 万人参加的 Live 再次刷新了记录;
🏆 2016 年个人绩效获得了最高奖励;
🦄 2017 年 1 月,公司宣布完成 D 轮 1 亿美元的融资;
……

 

发表评论