(譯文)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測試的目的並非欺騙或誤導用戶去購買他們並不打算買的東西,而是經過良好的人機交互,讓他們明白你到底想要說什麼,或者說他們能從你這裏獲得什麼。
若是你認爲你的產品對用戶頗有幫助,那麼就要始終秉承一個思路——產品自己優秀才是最重要的。
最後,相信你的直覺,不要徹底的依賴數據來進行判斷。