UI 設(shè)計(jì)之AB測(cè)試

——京東淘寶登錄鍵大比拼

作者：Yuie
指導(dǎo)老師：何吉波

---

賽前準(zhǔn)備

什么是AB測(cè)試

AB測(cè)試是為Web或App界面或流程制作兩個(gè)（A/B）或多個(gè)（A/B/n）版本，在同一時(shí)間維度，分別讓組成成分相同（相似）的訪客群組隨機(jī)的訪問(wèn)這些版本，收集各群組的用戶(hù)體驗(yàn)數(shù)據(jù)和業(yè)務(wù)數(shù)據(jù)，最后分析評(píng)估出最好版本正式采用。 ——https://baike.baidu.com/item/AB測(cè)試 [ 百度百科 ]

翻譯成人類(lèi)能懂的語(yǔ)言就是，比如我們想知道賣(mài)什么樣的粽子，就做出A：豆沙粽子，B：肉粽子。兩種找一群人隨機(jī)發(fā)粽子給他們吃，看哪種粽子最受歡迎，然后我就賣(mài)哪種（個(gè)人還是喜歡沒(méi)有任何餡的白粽子）。 要注意的一點(diǎn)是，粽子除了餡不一樣，其他都要一樣。不能拿豆沙粽子和餃子比，也不能和珍珠丸子比，或者粉蒸肉….（不好意思跑偏了…）因?yàn)檫@些不光換了餡料還把包裹肉的材料換掉了！

使用Axure制作AB測(cè)試

Axure聽(tīng)說(shuō)過(guò)嗎，艾克嬸兒，一個(gè)能快速設(shè)計(jì)網(wǎng)站原型的軟件。這軟件還能模擬好多網(wǎng)站，APP 的功能，點(diǎn)擊什么的，特別好玩。沒(méi)玩過(guò)的趕緊去下，雖然你只能有14天的免費(fèi)。（但永遠(yuǎn)不要小看我們同胞的能力 ！）

好了好了，廢話不多說(shuō)我們開(kāi)始看看京東和淘寶的實(shí)戰(zhàn)比賽吧！

---

淘寶 VS. 京東

Round 1

我們先使用艾克嬸兒（Axure）復(fù)制一個(gè)京東首頁(yè)命名為A。這樣式兒的：
然后再?gòu)?fù)制一個(gè)京東首頁(yè)，但悄悄地給京東登陸鍵換成淘寶的。像這樣：
什么？沒(méi)看出變化？等著，我給你放大。

這回看見(jiàn)了吧

然后我們就做一個(gè)測(cè)試的說(shuō)明，圖片加上點(diǎn)擊路徑，只要用戶(hù)點(diǎn)進(jìn)鏈接就自動(dòng)進(jìn)入A或者B，找到登錄鍵并點(diǎn)擊就可以結(jié)束測(cè)試。(此處省略一萬(wàn)字，略略略~)成品是這樣式兒的：
https://v6wqxw.axshare.com/#c=2[點(diǎn)擊進(jìn)入淘寶東京擂臺(tái)賽直播間]（可能有點(diǎn)慢，但是重要的是心意嘛~）

不皮了，咱繼續(xù)第二輪！

Round 2

接下來(lái)就是激烈的對(duì)決了，用一些可以記錄點(diǎn)擊和數(shù)據(jù)的網(wǎng)站，比如我用的Mouse flow，Optimal Workshop之類(lèi)的記錄一下用戶(hù)在你做的AB測(cè)試網(wǎng)站上的點(diǎn)擊數(shù)據(jù)等。（此處又省略一萬(wàn)字，略略略，你咬我啊）然后就可以把你的測(cè)試鏈接發(fā)給家族群，同學(xué)群，二手房交易群等。（啊喂，這樣選擇參與實(shí)驗(yàn)的備試也未免太隨意了點(diǎn)吧！）當(dāng)然你也可以嚴(yán)格篩選備試，并且進(jìn)行一些Pret-est，Post-test之類(lèi)的。 因?yàn)檫@是為了介紹AB測(cè)試的小例子，我就沒(méi)有做的很professional，來(lái)看看我能得到的數(shù)據(jù)吧！

Round 3

在Mouse Flow上下載了CSVfile就可以開(kāi)始分析數(shù)據(jù)啦！在參與的總共37個(gè)人中，我刪去了就開(kāi)了3秒的，看一頁(yè)看了14分鐘的，還有一些沒(méi)做完的數(shù)據(jù)，最后剩下31個(gè)數(shù)據(jù)，其中訪問(wèn)A頁(yè)面的有15人，B頁(yè)面的16人。用戶(hù)在兩個(gè)不同頁(yè)面上的停留和操作平均時(shí)間是這樣式兒的：

很明顯B頁(yè)面，也就是使用了淘寶登錄鍵的京東首頁(yè)。用戶(hù)停留和操作的時(shí)間都更短。說(shuō)明大部分人可以更快地找到首頁(yè)上的淘寶登錄鍵。
當(dāng)然用戶(hù)在AB兩種頁(yè)面上點(diǎn)擊的數(shù)量也是差距非常大的。

我仿佛看到了抽到A測(cè)試的同學(xué)們無(wú)處安放的小手和胡亂點(diǎn)擊屏幕的樣子。
通過(guò)簡(jiǎn)單的統(tǒng)計(jì)數(shù)據(jù)可以看出來(lái)淘寶的登陸鍵好想設(shè)計(jì)的蠻有效率的，恭喜淘寶君啦。不過(guò)真的要做數(shù)據(jù)分析還需要更多的數(shù)據(jù)和統(tǒng)計(jì)方法比如Chi square，T test，Correlation之類(lèi)的。因?yàn)檫@次數(shù)據(jù)收集的很少，所以沒(méi)辦法給一個(gè)確切科學(xué)的數(shù)據(jù)分析，對(duì)比登陸鍵效率也是相對(duì)而言的。有興趣的話可以做一個(gè)更科學(xué)的數(shù)據(jù)分析哦！

總結(jié)

以上是生活随笔為你收集整理的UI 设计之AB测试的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。