线上业务优化|Zoom

Zoom 作为视频会议软件,在疫情期间获得了巨量的增长,也带来了许多中小企业和个人用户。由于他们体量较小,且习惯于自助购买,因此原先的订阅流程显得过于繁琐冗长。通过重新设计并不断测试价格页面、购买流程和订阅管理,Zoom 显著提高了线上购买的转化率,降低了非自愿流失率。

价格页面

如何在不堆满页面的前提下,让用户找到他们想要的信息?

导航栏

Problem

我不知道该点哪里,每个产品是什么

Solution

简化导航结构,悬浮展示产品简介

  • 重构导航的信息架构,让结构更清晰可读
  • 引入品牌色,视觉上区分导航与产品卡片
  • 提供鼠标悬浮信息,逐步展示产品详情

多次 A/B 测试,转化率提高2.4~7%

产品卡片与表格​

Problem

我感觉产品功能很乱,对比困难

Solution

去除重复功能,优化功能对比表格

  • 利用“Everything,and”格式,缓解信息过载
  • 放大价格,计算年度订阅的每月收费,鼓励用户年度订阅
  • 提供产品视频和信息,深入解释产品内容
  • 默认展开表格,让对比更简单

多次 A/B 测试,转化率提高3~8%

附加产品

Problem

读完介绍,我还是不知道它能做什么

Solution

用易懂的语言介绍产品,提供界面图片​

  • 简化卡片信息,增加“Learn more”按钮,让感兴趣的用户进一步了解附加产品
  • 提供产品图片和信息,深入解释产品内容
  • 明确主产品不同计划是否包含各个附加产品

了解附加产品的用户转化率提高11%

移动端

Problem

找到合适的计划需要划很久,不好对比

Solution

利用移动端横向排版,减少下划

  • 横向排列不同订阅计划,减少用户下划,方便对比
  • 功能列表只展示两个计划,在移动端上也能对比功能

移动端转化率提升

购买流程

如何减少用户可感知的步骤,让用户顺利完成交易?

产品配置

Problem

配置好复杂,我不知道该怎么选

Solution

简化产品配置,打包进可折叠的卡片

  • 减少配置步骤,只展示对用户有意义的选项
  • 每个产品打包进卡片,组件化以提高可拓展性
  • 卡片可折叠,保留简化版信息,让配置多产品更清晰

购买流程转化率提高35%

减少购买步骤

Problem

怎么有这么多步骤,这么多表单要填

Solution

从 5 步减少为 2 步,减少、隐藏表单

  • 减少、合并购买步骤,简化流程
  • 只展示用户当前填写的表单,将其他步骤折叠,视觉上减少需要填写的内容
  • 选填项用链接隐藏,缩短表单长度

A/B 测试减少购买步骤,转化率提高10%

移动端

Problem

购买流程很拖沓,我不知道我在买什么

Solution

与桌面端统一体验,折叠订单详情

  • 对桌面端的组件进行微调,减少开发成本,提高体验一致性
  • 针对小屏幕设计可折叠的订单信息,让用户时刻知道需要支付的金额
  • 为不同输入框配置针对性的键盘,用户填写表单更丝滑

移动端转化率由~5%提升至~30%

订阅管理

如何减少信息过载,让用户轻松管理他们的订阅?

信息架构重构

Problem

我找不到管理订阅的地方

Solution

为订阅和支付管理提供独立入口

  • 把订阅和支付管理从子菜单中拿出来,放在更明显的位置
  • 在客户端和网页的头像下增加入口,方便用户查看订阅

可用性测试中所有用户都成功找到订阅管理

订阅信息展示

Problem

内容太多太乱了

Solution

展示关键信息,折叠详情

  • 默认状态只展示产品和订阅更新时间,让界面更干净
  • 点击展开详情,了解订阅信息
  • 特殊状态用标签展示在外,方便用户采取行动

非自愿订阅流失率降低

移动端

Problem

手机上的订阅信息更加杂乱

Solution

复用桌面组件,让用户有统一的使用习惯

  • 减少产品展示数量,折叠过多产品,确保用户不会一下看到太多
  • 重复利用价格页面的产品弹窗,方便用户了解产品详情

移动端附加产品转化率提高12%

Edit Template