网页改版的A/B测试（A/B test）

阳光穿透心脏的1/2处 2021-12-22 08:49 304阅读 0赞

**一、基本概念**

**A/B测试（也称为分离测试）是一种新兴的网页优化方法，意在提高转换率和反响率，通常用于市场营销，比较两个样本的结果。**使 用A/B 测试首先需要建立一个测试页面（variation page），这个页面可能在标题字体，背景颜色，措辞等方面与原有页面（control page）有所不同，然后将这两个页面以随机的方式同时推送给所有浏览用户。接下来分别统计两个页面的用户转化率，即可清晰的了解到两种设计的优劣。

![0ea95425ab18972b4e4f3975e6cd7b899f510a5c.jpg][]

看下图，在奥巴马竞选网站上有一个赠送竞选T恤的页面，用户只要捐款达到一定数额就会赠送一件T恤。显然，如果T恤广告图片（下图红框处）足够抓眼球的 话，那捐款率可就ceng ceng的往上涨啊。所以奥巴马团队在广告图片的设计上可是花了不少心血，方法嘛自然是A/B测试咯，他们一共为测试组设计了4种变化(A~D)，然后借 助于 Google Website Optimizer 对用户点击行为的分析，选出最佳的形式。

![fullpage.png][]  
![variations1.png][]

*图 奥巴马竞选团队利用A/B测试来改进竞选宣传的效果（图片来自网络）*

举个简单的例子，当你有一个日IP较多（至少过千吧，日IP太少不适用）的网站，首页几百年没有更改了，这个时候你想启用新的网页，又害怕新的页面用户不一定就非常喜欢，那么这个时候就需要进行A/B测试了**。测试的方法是将老页面定义为A页面，新页面定义为B页面，到谷歌网站优化工具申请进行A/B测试（免费的）**，这是时候谷歌会给你一串代码，我们只需要将代码添加到谷歌要求的页面即可。  
代码添加完毕，**如果有一千个用户访问你的网站，那么会有500个用户看到A页面，500个用户看到B页面**， 这个时候再统计下通过A页面到达网站内页的用户占的百分比是多少，通过B页面到达内页的用户占的百分比是多少。假设A的是6%，B的是20%那么恭喜你， 这说明你新设计的页面是博得了用户的欢心。如果你对20%的结果还不满意，那么继续修改你的页面，直到这个转化率不能够再提高为止。

**二、五大测试元素（A/B test需控制单变量）**

**Some of the elements that you can easily A/B test are:**

1.  Headlines
2.  Sub headlines
3.  Paragraph Text
4.  Testimonials
5.  Call to Action text
6.  Call to Action Button
7.  Links
8.  Images
9.  Content above or below the fold
10. Social proof
11. Media mentions
12. Awards and badges

**![Anatomy-of-perfect-landing-page.jpg][]**

**标题**

*  长标题还是短标题
 *  疑问句还是陈述句
 *  正式语气还是非正式语气
 *  强调卖点 A 还是卖点 B

**图片**

*  大图片还是小图片
 *  照片还是绘图
 *  客户还是产品

**布局**

*  单列销售信函布局还是多列布局
 *  3页的形式还是1 页的紧凑形式

**销售切入点**

*  质量还是便利
 *  功能还是服务
 *  赚钱还是省钱

**转换激励**

*  强调免费送货还是退货自由
 *  列出所有的激励措施还是什么都不列
 *  电话订购转换还是在线表格转换

**三、A/B测试花费的时间：覆盖流量周期是要点！**  
一般而言，A/B测试不是一夜之间就可以完成的，而是取决于你所需要测试的项目。对于一些简单的东西，比如标题图片，你可能只需要一个短期的测试。但是对 于大型的改变，尤其是对转换率有直接影响的测试，你必须让测试持续长久一些。确定多长时间运行测试，往往简单。看看网站上的流量规律。**大多数的网站都有周期性的流量规律**，总有一些时间段的流量是相对较高的。对于某些站点，周期可能是一个星期，而其他可能是一个月。如果可能，**请尽量测试超过一个周期**，这样得到的数据更加准确。  
目标是在新设计测试中获得良好的交叉访客。要注意的流量周期，你就更有可能获得交叉访客。**如果网站的问题是没有稳定的流量规律（或者如果太长），可以尝试运行测试至少一个星期。**

**四、简易的A/B测试工具**  
**[Google Website Optimizer][]**  
谷歌的Website Optimizer 作为谷歌分析的一部分，是一个免费工具，可以运行A/B或多元测试。

说明： Google Website Optimizer已经在2012年8月停用，并整合到Google Analytics的[Content Experiments][]中，中文指南网站：[https://support.google.com/analytics/answer/1745147?ref\_topic=1745207&rd=1][https_support.google.com_analytics_answer_1745147_ref_topic_1745207_rd_1]

**[Visual Website Optimizer][]（功能更强大）**  
Visual Website Optimizer是一个容易上手的A/B测试工具，很多企业和机构使用。你只需创建多个版本的网站，确定你访客目标（下载，注册，购买等），然后在不同 版本之间的切换流量。有一个免费试用版本，可以运行访客多达1000的单次测试。

**[Vertster][]**

Vertster专门做多变量测试，不只是A/B测试。他们最大的优势是他们的代理可以提供私人标签，因此你可以提供作为你自己的测试解决方案给到客户。  
***[Press9 A/B Testing Joomla Plugin][Press9 A_B Testing Joomla Plugin]***  
 这个插件可以让你在Joomla运行A/B测试，无须其他外部服务器，而且易于使用，并且可以测试Joomla网站的任何元素。  
***[Amazon Mechanical Turk][]***  
 虽然不是一个专门的A/B测试工具，Mechanical Turk可以很容易找到A/B或多元测试的访客，一般只需要几分钱一个访客。不过这个测试需要你处理技术方面，但它可以解决寻找测试主体的问题。  
***[Split Test Calculator][]***  
对于数学上的挑战，如果你的站点访客总数不够稳定，这个简单的计算器可以告诉你测试中哪个表现最好。只需输入访客总数和以及每个群体访客的目标数量，就会计算出哪一个更好。  
***[ABtests.com][]***  
 ABtests.com允许设计师分享自己的A/B测试成果，当然也可以查看其他人的测试结果。

**替代选择**   
作为替代方案，你可以随时使用任何普通可用的测试工具来执行A/B测试。你所需要做的只是设置两个测试，并监测每个的结果。如果你原来已经有自己最喜欢的 可用测试工具，而只是想扩展到A/B测试，这是一个很好的选择。如果你还没有用过，这里有一些是可以考虑使用的：

*  [Concept Feedback][]
 *  [Crazy Egg][]– 提供热图
 *  [Usabilia][]– “微型”可用性测试
 *  [Silverback 2.0][]

**五、多元测试**  
多元测试类似于A/B测试，但包含更多的选择。凡A/B测试比较两个版本，多元测试可能测试三个，四个或五个不同的设计。如果你的客户不确定网站设计要做 出什么样，那多元测试就显得特别管用。你可以测试两个或三个完全不同版面的网站设计，看看哪一个表现最佳。然后你可能需要在最佳设计中对某些特别元素做 A/B测试，以确保其尽可能的最优化。

*参考：http://www.smashingmagazine.com/2010/06/24/the-ultimate-guide-to-a-b-testing/*

转载于:https://www.cnblogs.com/JoannaQ/archive/2013/05/06/3062016.html

[0ea95425ab18972b4e4f3975e6cd7b899f510a5c.jpg]: /images/20211220/cb32a89cdc9844f29729edeff06a7655.png
[fullpage.png]: /images/20211220/9118e2c00b3842498cddf197eac59e35.png
[variations1.png]: /images/20211220/2d2bf919c1bc4dff89ee0b9fce394dab.png
[Anatomy-of-perfect-landing-page.jpg]: /images/20211220/c9de449e6c644dac816c10e29ae86362.png
[Google Website Optimizer]: https://www.google.com/analytics/siteopt/
[Content Experiments]: https://support.google.com/analytics/answer/1745147?hl=en&topic=1745207#utm_source=gablog&utm_medium=blog&utm_content=content&utm_campaign=content_experiments_launch
[https_support.google.com_analytics_answer_1745147_ref_topic_1745207_rd_1]: https://support.google.com/analytics/answer/1745147?ref_topic=1745207&rd=1
[Visual Website Optimizer]: http://visualwebsiteoptimizer.com/
[Vertster]: http://www.vertster.com/
[Press9 A_B Testing Joomla Plugin]: http://joomla-extensions.yourdada.com/extensions/tools/design-tools/press9-a%10b-testing.html
[Amazon Mechanical Turk]: https://www.mturk.com/mturk/welcome
[Split Test Calculator]: http://www.usereffect.com/split-test-calculator
[ABtests.com]: http://www.abtests.com/
[Concept Feedback]: http://www.conceptfeedback.com/
[Crazy Egg]: http://www.crazyegg.com/
[Usabilia]: http://usabilla.com/
[Silverback 2.0]: http://silverbackapp.com/