产品原型A/B测试终极指南

上学的时候你和小伙伴争论过那条路是最短路线吗?反正我是争论过,激烈的争论过,相当激烈。最终解决这场争论的唯一方式就是测试两个变量。

 

这就是A/B测试。简单讲,A/B测试是比较两个版本彼此的设计元素,来找出最成功版本的方法。就这么简单?也不完全是!新手经常纠结于何时开始,用什么工具,如何设置测试,以及如何知道测试就完成了。这篇文章会以一个 App 为例,指导你完成A/B测试的完整过程。在过程中,会讨论工具,设置测试,以及每一个小细节。

A/B测试在 App 早期阶段能起到什么作用?

说实话,在项目的每个阶段A/B测试都是必须进行的。那么,为什么要在原型设计阶段特别强调A/B测试呢?这是因为在产品发布前越早淘汰掉不那么闪光的产品思路,就越有机会让你的 App 一击即中。此外,最初的产品越是闪亮,接下来的迭代才会让它更可爱。

开始之前

我的手绘原型图已经准备好测试了,这是一款电商 App 。

手绘的电商 App 原型

在原型上设置A/B测试:

我选择手绘原型是为了强调A/B测试可以在项目的原型阶段就进行的事实。我们会讨论为原型设置A/B测试的框架。


1.定义目标:

当我们谈论项目改进的时候,不要设定范围界限。因此,作为项目所有者,你需要定义你想探索的,最终的,竭力提高的区域。设定区域并不是纯粹出于直觉。

 

CanvasFlip 上的转化漏斗能帮你理解流失率和转化率。

 

说回我做的原型,当用户做出购买决定的时候,屏幕上会出现最大的跌落。CTA 上,我用了“立即购买”和“添加到心愿单”按钮。

原型转化漏斗

因此,基于我的直觉在数据的支持下,我的A/B测试目标是对购买按钮或文本创建变量。

2.收集数据

根据用户行为收集数据是很明智的一件事。利用访客行为分析工具,在原型上得到用户行为分析。

 

再回到我创建的原型,我收集了原型用户行为数据。原型用户数会话记录,能轻易地推断出那些区域需要引入变量。

 

3.生成假说

一旦你确定了一个目标,并收集了相关数据,就可以开始生成A/B测试的想法和假设,为什么它们会比当前版本更好。一旦有了想法的列表,实施时优先考虑它们。

脑暴在这个阶段会是很好的选择。你可以挑选前两条作为当前的方案实施。比方说,我的团队认为脑暴的假设,单一的 CTA 将转化更多的用户,因此,我将创建这个假设变量,并对它与现有方案进行测试。

脑暴得出的A/B测试想法

4.创建变量

变量从设计角度可以是更改按钮颜色,改变文案内容,交换页面上的元素顺序,隐藏导航栏元素,或进行一些自定义。一个好的方法是维持项目中正在使用的阶段,在纸上设计出变量的原型,或者用 PS/Sketch 做出线框。

单一 CTA 按钮 vs. 分开的 CTA 按钮

5.运行试验

招募一组用户来验证你的试验,不必说,这些用户应该契合你的用户角色。随机分配为两部分,并分别发送一组原型,耐心等待用户使用你的原型并参与试验。他们的所有交互都会被测量、计算和比较,来明确每个原型的表现。


6.分析结果

完成A/B测试,就会有结果,查看是否统计显著。A/B测试软件会从目前的试验数据显示两个版本运行的区别。

即使数据显示没有明显的改善,你也处在一个有利的位置,你能放心的说出什么可行,什么不可行。

 

7.实施的赢家!

如果测试已经成功,由你来做决定。您可能希望用新版本或坚持原来的版本。或者,如果你做了一个小测试,首先,你可能想要做另一测试,让更多用户尝试变量版本。

 

最后的话

App 发布后,同样的测试可能会做无数次,但在设计阶段就做A/B测试将节省大量的成本,这就是在来发之前,我喜欢跑很多这样测试的原因。

 

吆喝科技:国内唯一同时支持前端(Web/H5、iOS、Android)及后端(Node.js、PHP、Java 等) A/B 测试服务的专业 SaaS 平台。支持线上灰度发布、多维度数据统计分析、科学的流量分配系统、一键发布新版本无需应用市场审核、定向测试。

用数据帮助用户优化产品,提升转化、留存和你想要的一切。 AppAdhoc 用数据验证最佳方案,提高产品设计、研发、运营和营销效率,降低产品决策风险。

9124 Views
即刻实践文章理论 A/B测试 灰度发布 产品优化 免费申请
Please wait...

订阅我们

对于每位订阅读者,每两周,吆喝科技会为您发送4篇精选文章,可能是最新的A/B测试实践,也会是你所期待的增长干货。