(译文)A/B测试从入门到熟练指南web
原文地址:网络
http://www.smashingmagazine.com/2014/07/11/roadmap-to-becoming-an-a-b-testing-expert/编辑器
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测试。
(译者注:这点比较常见,不少网站软件,在注册时都会有个选项:您从哪里得知的咱们网站-一、朋友介绍;二、搜索引擎、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的测试功能,须要在页面中 <head>至</head>之中,加入特定的测试代码。
Optimizely是另外一个简单易用的可视化工具,能够在选项中加入谷歌分析的插件。
若是你想使用email的方式来接受监视 A/B 测试的结果,那么可使用工具 Campaign Monitor。
经过使用上述工具,设置你的目标页,经过观测指望值的变化,你就可以获得A/B测试的最佳结果。
A/B测试并非万能的
A/B测试并非解决全部问题的灵丹妙药。测试只能让你的着陆页更加优秀从而将转化率提升,可是他并不能解决产品自己一些最基本的问题。
依靠A/B测试的结果来改变页面布局设计,只能让用户对你产品的印象分稍许提升。但转化率并不会像安装好水龙头后,就会源源不断的流出你想要的东西。用户每每是带着自身需求来访问你的网站,目的是为了寻找一个可以解决他们需求的解决方案,而不是为了你的网站美观而来。
不要为了一时利益而欺骗你的访客。好比放一个显眼的“免费试用”按钮,可能会让你一时增长转化人数,可是,这并不能保证你的商业模式是正确的。记住,一个能够对用户诚信的并长期可用的产品才是王道。
记住,A/B测试的目的并非欺骗或误导用户去购买他们并不打算买的东西,而是经过良好的人机交互,让他们明白你到底想要说什么,或者说他们能从你这里获得什么。
若是你认为你的产品对用户颇有帮助,那么就要始终秉承一个思路——产品自己优秀才是最重要的。
最后,相信你的直觉,不要彻底的依赖数据来进行判断。