UI 设计之AB测试
UI 設(shè)計之AB測試
——京東淘寶登錄鍵大比拼
作者：Yuie
指導(dǎo)老師：何吉波
賽前準(zhǔn)備
什么是AB測試
AB測試是為Web或App界面或流程制作兩個（A/B）或多個（A/B/n）版本，在同一時間維度，分別讓組成成分相同（相似）的訪客群組隨機(jī)的訪問這些版本，收集各群組的用戶體驗(yàn)數(shù)據(jù)和業(yè)務(wù)數(shù)據(jù)，最后分析評估出最好版本正式采用。 ——https://baike.baidu.com/item/AB測試 [ 百度百科 ]
翻譯成人類能懂的語言就是，比如我們想知道賣什么樣的粽子，就做出A：豆沙粽子，B：肉粽子。兩種找一群人隨機(jī)發(fā)粽子給他們吃，看哪種粽子最受歡迎，然后我就賣哪種（個人還是喜歡沒有任何餡的白粽子）。 要注意的一點(diǎn)是，粽子除了餡不一樣，其他都要一樣。不能拿豆沙粽子和餃子比，也不能和珍珠丸子比，或者粉蒸肉….（不好意思跑偏了…）因?yàn)檫@些不光換了餡料還把包裹肉的材料換掉了！
使用Axure制作AB測試
Axure聽說過嗎，艾克嬸兒，一個能快速設(shè)計網(wǎng)站原型的軟件。這軟件還能模擬好多網(wǎng)站，APP 的功能，點(diǎn)擊什么的，特別好玩。沒玩過的趕緊去下，雖然你只能有14天的免費(fèi)。（但永遠(yuǎn)不要小看我們同胞的能力 ！）
好了好了，廢話不多說我們開始看看京東和淘寶的實(shí)戰(zhàn)比賽吧！
淘寶 VS. 京東
Round 1
我們先使用艾克嬸兒（Axure）復(fù)制一個京東首頁命名為A。這樣式兒的：
然后再復(fù)制一個京東首頁，但悄悄地給京東登陸鍵換成淘寶的。像這樣：
什么？沒看出變化？等著，我給你放大。
這回看見了吧
然后我們就做一個測試的說明，圖片加上點(diǎn)擊路徑，只要用戶點(diǎn)進(jìn)鏈接就自動進(jìn)入A或者B，找到登錄鍵并點(diǎn)擊就可以結(jié)束測試。(此處省略一萬字，略略略~)成品是這樣式兒的：
https://v6wqxw.axshare.com/#c=2[點(diǎn)擊進(jìn)入淘寶東京擂臺賽直播間]（可能有點(diǎn)慢，但是重要的是心意嘛~）
不皮了，咱繼續(xù)第二輪！
Round 2
接下來就是激烈的對決了，用一些可以記錄點(diǎn)擊和數(shù)據(jù)的網(wǎng)站，比如我用的Mouse flow，Optimal Workshop之類的記錄一下用戶在你做的AB測試網(wǎng)站上的點(diǎn)擊數(shù)據(jù)等。（此處又省略一萬字，略略略，你咬我啊）然后就可以把你的測試鏈接發(fā)給家族群，同學(xué)群，二手房交易群等。（啊喂，這樣選擇參與實(shí)驗(yàn)的備試也未免太隨意了點(diǎn)吧！）當(dāng)然你也可以嚴(yán)格篩選備試，并且進(jìn)行一些Pret-est，Post-test之類的。 因?yàn)檫@是為了介紹AB測試的小例子，我就沒有做的很professional，來看看我能得到的數(shù)據(jù)吧！
Round 3
在Mouse Flow上下載了CSVfile就可以開始分析數(shù)據(jù)啦！在參與的總共37個人中，我刪去了就開了3秒的，看一頁看了14分鐘的，還有一些沒做完的數(shù)據(jù)，最后剩下31個數(shù)據(jù)，其中訪問A頁面的有15人，B頁面的16人。用戶在兩個不同頁面上的停留和操作平均時間是這樣式兒的：
很明顯B頁面，也就是使用了淘寶登錄鍵的京東首頁。用戶停留和操作的時間都更短。說明大部分人可以更快地找到首頁上的淘寶登錄鍵。
當(dāng)然用戶在AB兩種頁面上點(diǎn)擊的數(shù)量也是差距非常大的。
我仿佛看到了抽到A測試的同學(xué)們無處安放的小手和胡亂點(diǎn)擊屏幕的樣子。
通過簡單的統(tǒng)計數(shù)據(jù)可以看出來淘寶的登陸鍵好想設(shè)計的蠻有效率的，恭喜淘寶君啦。不過真的要做數(shù)據(jù)分析還需要更多的數(shù)據(jù)和統(tǒng)計方法比如Chi square，T test，Correlation之類的。因?yàn)檫@次數(shù)據(jù)收集的很少，所以沒辦法給一個確切科學(xué)的數(shù)據(jù)分析，對比登陸鍵效率也是相對而言的。有興趣的話可以做一個更科學(xué)的數(shù)據(jù)分析哦！
總結(jié)
以上是生活随笔為你收集整理的UI 设计之AB测试的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Ubuntu1804键盘输入系统无fci
- 下一篇： 阿里巴巴董事局主席兼首席执行官马云