Web测试中的A/B测试从入门到熟练指南

导读

Web测试中的A/B测试从入门到熟练指南

A/B测试，也叫做分离测试（也有叫做对比测试的），这是一种针对观察页面布局相似的两个不同版本登录页的转化率，来进行对比的点蚀测试方法（抽样测试法）。

A/B测试是通过观察和测试用户使用过程，找到最快捷引导用户到目标页面的登录页版本。比如注册或者订阅网站信息的引导页面。

测试的内容可以是两个设计风格完全不同的登录页，也可以是仅有细微差别的两个登录页（比如只修改了几个文字或按钮位置）。

在网站中使用A/B测试，可以改进用户与站点间的人机交互效果，并且收集有效用户在网站中的主要的有效操作数据，而后进行用户数据挖掘。

通过已有的多个A/B测试工具（后文详细描述），进行分离测试，可以让非技术工作人员也能改进产品的用户体验设计。

进行A/B测试的前提条件

使用A/B测试的前提条件是，网站已经有比较多的访问用户。从而能及时的测试出转换率（用户从登录页到你希望的目标页的页面跳转，算一个成功的转换率）。

一般来说每个版本的测试页至少要有1000个访问用户，而且每个版本的测试页都需要完成150次的转化。这样的数据才是有效的。

根据网站流量的不同，收集以上这些数据，有些网站可能4个小时就可以完成，而有些可能需要整整一个月的时间。

在你的网站没有上线推广之前，建议不要去做A/B测试，任何网站优化，都应该是在有了一定的稳定用户群后再进行。

第一次A/B测试

如果你是第一次做A/B测试，尽量不要对A/B页做大的修改，应将测试点集中在那些已有的页面元素上：如：

标题元素，例如h1 和 h3；

事件按钮（例如“免费试用”，“注册”，“开始使用”）；

事件按钮的颜色、大小、位置。

隐藏的下拉列表

你可以在对比测试中一次修改多个对应元素，这样测试效果会更加明显。你也可以同时进行多个页面的A/B测试，重点留意哪个数据变化最明显，从而找到A/B测试的窍门。

一般来说，测试的周期都要有几天甚至一个月的时间。借助A/B测试工具，会帮助你高效的统计出对比测试的模块元素数据的不同。一旦找到用户选择使用最多的模块元素，就可以用这个模块元素来替换原页面中低效的对应模块元素了。

A/B测试还能做什么？

学会了通过修改那些明显的页面元素，进行A/B测试，是一个非常棒的开始。但是，这并不是A/B测试的全部。当然，测试并改变按钮的颜色、标题样子，可以帮助提高页面转化率，但是更长远的应该是思考每一个页面元素的实用性。

下面这些方面也可以通过A/B测试来进行对比分析：

· 是描述产品特点还是突出用户体验更有利于增加转换率？

你可以用罗列产品特色清单的方式和重点描述用户使用产品后能够得到什么，针对这两种宣传方式，来做A/B页效果测试。

· 是使用说明截图还是放置一个解说视频？

试试删除那些说明截图，然后放置一个案例解说视频，和原页面进行对比测试。

· 统计新用户信息

调查新用户，追踪用户注册的来源，到目前为止，他们更关注什么，并针对这些，做一个A/B测试。

（这点比较常见，很多网站软件，在注册时都会有个选项：您从哪里得知的我们网站-1、朋友介绍；2、搜索引擎；3…）。

· 找出新用户使用时的困惑点

重点观察新用户的注册情况，看看在此过程中，哪些功能让他们使用时感觉到了困惑，或哪些信息项目是他们不愿意填写的。尝试针对这些问题进行A/B测试。

· 加一些认证元素（成就徽章）

在表单中，使用一些社交认证标记。试试在每个用户名后面加上头像或者标记，通过A/B测试看看用户是否乐于接受和使用。

（这些很常见，如我们在微博中，就有个人的黄色大V认证，机构的蓝色V认证，在一些网站中，可以看到用户的成就徽章，也有显示用户已经绑定的社交网络的标记，如已经绑定新浪微博的，就会显示一个新浪微博的红色“微”字。）

· 更改标题和正文的书写样式

可以在你的博客中，改变一下标题和正文的书写风格、样式，可能会为你增加更多读者。试试将某篇文章设置两个不同风格的版本，进行一下A/B测试吧。

· 尝试在你的商业模式中，对付费方式进行测试

改变你的付费方式，通过这样做，来观察和收集潜在用户的反映。

· 简化注册步骤

在原有的注册表单中，去掉那些你认为不必要的选项，进行A/B测试。

· 彻底改变你的设计

尝试用不同的思路去设计你的登录页，通过大模式窗体对新访客进行提示。

（对于新手来说，可能没有听说过模式窗体，但是应该知道一个描述“美化js的alert弹窗”，没错，这个美化过的 Javascript弹窗效果就是模式窗体。）

请记住，提高转化率绝不是通过一次操作就能够完成的。当你说你想要更多的注册用户时，就意味着，你需要大量的忠实用户，不停的向他们的朋友们分享传播你的产品。

只有不断收集分析A/B测试数据，并不断的进行改进，才能让你达成目标。

A/B测试的相关使用工具

为了更好的进行A/B测试，我推荐使用VWO工具。可以让你不必每个测试都重新编写页面代码来进行布置，你可以使用 WYSIWYG 编辑器这个工具来代替代码编写。

（WYSIWYG编辑器，是一个富文本编辑器，国内常用的，比如百度的ueditor，还有 kindEdit，ckeditor，tinymce 都是现在比较热门的开源富文本编辑器。）

通过VWO，你可以针对URL地址进行分别测试，这样可以针对不同的两个页面进行测试，就像多元化测试一样，每次可以进行超过两个以上页面元素进行测试，可以说，这不只是A/B页面的测试，可以是 A/B/C/D/E/F/G 甚至更多的测试。VWO使用统计学的方法来计算。这个软件马上就要发布新的版本了。

要想使用VWO的测试功能，需要在页面中至之中，加入特定的测试代码。

Optimizely是另一个简单易用的可视化工具，可以在选项中加入谷歌分析的插件。

如果你想使用email的方式来接收监视A/B 测试的结果，那么可以使用工具 Campaign Monitor。

通过使用上述工具，设置你的目标页，通过观测期望值的变化，你就能够得到A/B测试的最佳结果。

A/B测试并不是万能的

A/B测试并不是解决所有问题的灵丹妙药。测试只能让你的登录页更加优秀从而将转化率提高，但是他并不能解决产品本身一些最基本的问题。

依靠A/B测试的结果来改变页面布局设计，只能让用户对你产品的印象分稍许提高。但转化率并不会像安装好水龙头后，就会源源不断的流出你想要的东西。用户往往是带着自身需求来访问你的网站，目的是为了寻找一个能够解决他们需求的解决方案，而不是为了你的网站美观而来。

不要为了一时利益而欺骗你的访客。比如放一个显眼的“免费试用”按钮，可能会让你一时增加转化人数，但是，这并不能保证你的商业模式是正确的。记住，一个可以对用户诚信的并长期可用的产品才是王道。

记住，A/B测试的目的并不是欺骗或误导用户去购买他们并不打算买的东西，而是通过良好的人机交互，让他们明白你到底想要说什么，或者说他们能从你这里得到什么。

如果你认为你的产品对用户很有帮助，那么就要始终秉承一个思路——产品本身优秀才是最重要的。

最后，相信你的直觉，不要完全的依赖数据来进行判断。

德润科技（艾测教育）软件测试

人生路上，与你同行！