UI 设计之AB测试

——京东淘宝登录键大比拼

作者：Yuie
指导老师：何吉波

赛前准备

什么是AB测试

AB测试是为Web或App界面或流程制作两个（A/B）或多个（A/B/n）版本，在同一时间维度，分别让组成成分相同（相似）的访客群组随机的访问这些版本，收集各群组的用户体验数据和业务数据，最后分析评估出最好版本正式采用。 ——https://baike.baidu.com/item/AB测试 [ 百度百科 ]

翻译成人类能懂的语言就是，比如我们想知道卖什么样的粽子，就做出A：豆沙粽子，B：肉粽子。两种找一群人随机发粽子给他们吃，看哪种粽子最受欢迎，然后我就卖哪种（个人还是喜欢没有任何馅的白粽子）。要注意的一点是，粽子除了馅不一样，其他都要一样。不能拿豆沙粽子和饺子比，也不能和珍珠丸子比，或者粉蒸肉….（不好意思跑偏了…）因为这些不光换了馅料还把包裹肉的材料换掉了！

使用Axure制作AB测试

Axure听说过吗，艾克婶儿，一个能快速设计网站原型的软件。这软件还能模拟好多网站，APP 的功能，点击什么的，特别好玩。没玩过的赶紧去下，虽然你只能有14天的免费。（但永远不要小看我们同胞的能力！）

好了好了，废话不多说我们开始看看京东和淘宝的实战比赛吧！

淘宝 VS. 京东

Round 1

我们先使用艾克婶儿（Axure）复制一个京东首页命名为A。这样式儿的：
然后再复制一个京东首页，但悄悄地给京东登陆键换成淘宝的。像这样：
什么？没看出变化？等着，我给你放大。

这回看见了吧

然后我们就做一个测试的说明，图片加上点击路径，只要用户点进链接就自动进入A或者B，找到登录键并点击就可以结束测试。(此处省略一万字，略略略~)成品是这样式儿的：
https://v6wqxw.axshare.com/#c=2[点击进入淘宝东京擂台赛直播间]（可能有点慢，但是重要的是心意嘛~）

不皮了，咱继续第二轮！

Round 2

接下来就是激烈的对决了，用一些可以记录点击和数据的网站，比如我用的Mouse flow，Optimal Workshop之类的记录一下用户在你做的AB测试网站上的点击数据等。（此处又省略一万字，略略略，你咬我啊）然后就可以把你的测试链接发给家族群，同学群，二手房交易群等。（啊喂，这样选择参与实验的备试也未免太随意了点吧！）当然你也可以严格筛选备试，并且进行一些Pret-est，Post-test之类的。因为这是为了介绍AB测试的小例子，我就没有做的很professional，来看看我能得到的数据吧！

Round 3

在Mouse Flow上下载了CSVfile就可以开始分析数据啦！在参与的总共37个人中，我删去了就开了3秒的，看一页看了14分钟的，还有一些没做完的数据，最后剩下31个数据，其中访问A页面的有15人，B页面的16人。用户在两个不同页面上的停留和操作平均时间是这样式儿的：

很明显B页面，也就是使用了淘宝登录键的京东首页。用户停留和操作的时间都更短。说明大部分人可以更快地找到首页上的淘宝登录键。
当然用户在AB两种页面上点击的数量也是差距非常大的。

我仿佛看到了抽到A测试的同学们无处安放的小手和胡乱点击屏幕的样子。
通过简单的统计数据可以看出来淘宝的登陆键好想设计的蛮有效率的，恭喜淘宝君啦。不过真的要做数据分析还需要更多的数据和统计方法比如Chi square，T test，Correlation之类的。因为这次数据收集的很少，所以没办法给一个确切科学的数据分析，对比登陆键效率也是相对而言的。有兴趣的话可以做一个更科学的数据分析哦！