A/B Test是對(duì)比驗(yàn)證可用性的有效方法，能大幅度提升產(chǎn)品的用戶體驗(yàn)，下面來看看有史以來最好的A / B測(cè)試教程。A / B測(cè)試不是一個(gè)時(shí)髦名詞?，F(xiàn)在很多有經(jīng)驗(yàn)的營銷和設(shè)計(jì)工作者用它來獲得訪客行為信息，來提高轉(zhuǎn)換率。

什么是A/B測(cè)試?

A / B測(cè)試的核心就是：確定兩個(gè)元素或版本（A和B）哪個(gè)版本更好，你需要同時(shí)實(shí)驗(yàn)兩個(gè)版本。最后，選擇最好的版本使用。

網(wǎng)絡(luò)上的A / B測(cè)試，即你設(shè)計(jì)的頁面有兩個(gè)版本（A和B），A為現(xiàn)行的設(shè)計(jì)（稱為控制） ， B是新的設(shè)計(jì)。比較這兩個(gè)版本之間你所關(guān)心的數(shù)據(jù)（轉(zhuǎn)化率，業(yè)績，跳出率等） 。最后，您選擇效果最好的版本。

測(cè)試哪些東西?

你要選擇什么去測(cè)試取決于你的目標(biāo)。例如，如果你的目標(biāo)是增加顧客數(shù)量，那么您可能測(cè)試下列內(nèi)容：注冊(cè)表單數(shù)量，字段類型要求，隱私政策等。在這種 情況下A / B測(cè)試的目標(biāo)是要弄清楚什么阻止了游客注冊(cè)。需要填寫的表單的數(shù)量？用戶的隱私？還是該網(wǎng)站做了讓游客不信任的事情？所有這些問題都可以通過一個(gè)個(gè)A/B 測(cè)試獲得答案。

每一個(gè)A / B測(cè)試內(nèi)容都是獨(dú)一無二的，單通常測(cè)試一下這些內(nèi)容：

• 行動(dòng)按鈕的措辭，大小，顏色和位置，
• 標(biāo)題或產(chǎn)品說明，
• 表單的數(shù)量和字段類型，
• 網(wǎng)站的布局和風(fēng)格，
• 產(chǎn)品定價(jià)和促銷活動(dòng)，
• 著陸和產(chǎn)品頁面上的圖片，
• 頁面上文字的長度（少Vs多）。

一旦你決定要測(cè)試什么，下一步當(dāng)然是要選擇一個(gè)合適的測(cè)試工具。如果你想要一個(gè)基礎(chǔ)的免費(fèi)工具，可以使用Google Website Optimizer。 如果你想要功能更加強(qiáng)大的工具，可以使用Visual Website Optimizer 。其他的一些選擇都是可以的，建立試驗(yàn)在所有工具中都很相似，所以我們只需討論一種即可。

你可以通過兩種方法建立A / B測(cè)試：

• 在頁面測(cè)試加載前替換元素
  如果你測(cè)試的是頁面上的單個(gè)元素，如注冊(cè)按鈕，然后需要在測(cè)試工具中設(shè)置按鈕。當(dāng)測(cè)試時(shí)，在A / B工具將在頁面給用戶前隨機(jī)替換按鈕。
• 重定向到另一頁面
  如果你想通過A / B測(cè)試整個(gè)頁面，比如說，一個(gè)綠色的主題和一個(gè)紅色主題，那么你就需要?jiǎng)?chuàng)建和上傳新的頁面。例如，如果您的主頁是 http://www./index.html，那么你需要?jiǎng)?chuàng)建另外一個(gè)頁面 http://www./index1.html。當(dāng)測(cè)試運(yùn)行時(shí)，您的測(cè)試工具將一部分訪問者重定向到第二個(gè)網(wǎng)址。

一旦您使用了上面的兩種變換方法，下一步是建立您的轉(zhuǎn)換目標(biāo)。通常，你會(huì)得到一個(gè)JavaScript代碼，您可以復(fù)制并粘貼到一個(gè)需要游客到達(dá)的 目標(biāo)網(wǎng)頁。例如，如果您有一個(gè)電子商務(wù)網(wǎng)站，你正在測(cè)試的“立即購買“按鈕的顏色，然后您的轉(zhuǎn)換目標(biāo)將是購買成功后的“謝謝您“頁面。

在轉(zhuǎn)換事件發(fā)生的同時(shí)，在A / B測(cè)試工具，記錄了哪種頁面顯示給了訪問者。經(jīng)過足夠數(shù)量的游客，您可以確定哪個(gè)頁面帶來了最多的轉(zhuǎn)化！建立和運(yùn)行的A / B測(cè)試，其實(shí)很簡單。

該做什么和不該做什么

雖然A / B測(cè)試是超級(jí)簡單的概念，但是請(qǐng)記住，以下這些都只是我自己的經(jīng)驗(yàn)。

注意事項(xiàng)

• 不要分開你的測(cè)試情況。始終兩個(gè)版本同時(shí)進(jìn)行測(cè)試。如果您第一星期測(cè)試第一版本，第二星期測(cè)試第二個(gè)版本，你就錯(cuò)了。有可能B版本帶來的流量更糟 糕，但是帶來了更好的業(yè)績，因?yàn)閮蓚€(gè)版本之間的流量始終存在不一樣。
• 不要結(jié)束得太早。有一個(gè)概念叫做“統(tǒng)計(jì)信心“ ，無論你的測(cè)試結(jié)果明顯的。如果你只有少數(shù)轉(zhuǎn)換或游客，它都無法確定最終的結(jié)果。大多數(shù)A / B測(cè)試工具都有報(bào)告統(tǒng)計(jì)，但如果你是手動(dòng)測(cè)試，你可以使用 在 線計(jì)算器。
• 不要讓?？腕@訝。如果你正在測(cè)試網(wǎng)站的一部分。包括新訪客和?？停灰顾麄冇X得震驚。尤其不要因?yàn)槟男┛赡懿粫?huì)最終實(shí)施變化。
• 不要讓你的直覺推翻了測(cè)試結(jié)果。在A / B測(cè)試的結(jié)果往往是令人驚訝的或直觀的。在一個(gè)綠色為主題的網(wǎng)站，一個(gè)明顯的紅色按鈕有可能成為贏家。即使紅色按鈕不容易吸引注意。您要測(cè)試的目標(biāo)是一個(gè) 更好的轉(zhuǎn)換率，而不是美學(xué)，所以在得到測(cè)試借過錢不要拒絕任何嘗試。

需要做的

• 知道運(yùn)行測(cè)試多久。結(jié)束太早，可能會(huì)使你花了時(shí)間但是沒有得到有意義的結(jié)果。結(jié)束太晚也不好，因?yàn)樾Ч患训捻撁婵赡苡绊懩愕霓D(zhuǎn)化和業(yè)績。使用一 個(gè)計(jì)算器， 來確定測(cè)試多久以后來結(jié)束它。
• 將相同的頁面呈獻(xiàn)給同一個(gè)訪客。您的工具應(yīng)該有一個(gè)記憶訪問者已經(jīng)看到的頁面的功能。這樣可以防止向同一用戶顯示一不同的價(jià)格或不同的促銷優(yōu)惠。
• 讓您的A / B測(cè)試在整個(gè)網(wǎng)站保持一致。如果你正在測(cè)試的登錄按鈕在多個(gè)地點(diǎn)出現(xiàn)，然后一個(gè)訪問者應(yīng)在所有的地方看到同樣的變化。在頁面1顯示一個(gè)樣子，在頁面2顯示 兩外一個(gè)樣子，會(huì)使試驗(yàn)結(jié)果被干擾。
• 做很多的A / B測(cè)試。讓我們面對(duì)現(xiàn)實(shí)吧：你的第一個(gè)A / B測(cè)試可能會(huì)無效。但是不要絕望。一個(gè)A / B測(cè)試只能有三個(gè)結(jié)果：沒有結(jié)果，不好的結(jié)果和好的結(jié)果。優(yōu)化轉(zhuǎn)換率的關(guān)鍵是要做大量的A / B測(cè)試，把所有的好的結(jié)果拼接起來，最終推動(dòng)業(yè)績。

經(jīng)典A/B測(cè)試案例研究

這里有一些如何進(jìn)行A/B測(cè)試的案例研究。

Writing Decisions: Headline Tests on the Highrise Sign-Up Page 37Signals測(cè)試他 們的價(jià)格頁面的標(biāo)題。最終發(fā)現(xiàn)， “30-Day Free Trial on All Accounts “比原來的“Start a Highrise Account. “多產(chǎn)生30 ％以上的訂單。

“You Should Follow Me on Twitter Here” (Dustin Curtis) 這是一個(gè)用來測(cè)試召喚用戶在Twitter上關(guān)注自己的試驗(yàn)。. Dustin 發(fā)現(xiàn)提示文字是“You should follow me on Twitter here” 的效果是“I’m on Twitter.” 173%

Human Photos Double Conversion Rates 從兩個(gè)不同的A / B測(cè)試將在網(wǎng)站上增加轉(zhuǎn)換率的人的照片：一個(gè)令人令人驚訝的結(jié)論，A/B測(cè)試兩張圖片，將真人照片放在網(wǎng)站上會(huì)獲得一倍的轉(zhuǎn)化。研究說明，我們潛意識(shí)被照 片吸引了。

Google Website Optimizer Case Study: Daily Burn, 20%+ Improvement (Tim Ferriss) 一個(gè)將用戶選擇減少的變化使轉(zhuǎn)化提高了20%，最終的版本在細(xì)節(jié)和文字上更易吸引目光。

Two Magical Words Increased Conversion Rate by 28% “It’s free” 這個(gè)單詞增加了注冊(cè)按鈕點(diǎn)擊次數(shù)的28%, 測(cè)試結(jié)果表明，在行動(dòng)召喚上一些很小的變化會(huì)帶來令人驚訝的結(jié)果。

Changing the Sign-Up Button from Green to Red 依靠A / B測(cè)試， CareLogger把注冊(cè)按鈕從綠色修改為紅色增加了34％轉(zhuǎn)換率！

Single page vs. multi-step checkout 如果你有一個(gè)在線商店，很常見的就是支付流程。這個(gè)A / B測(cè)試發(fā)現(xiàn)，多個(gè)支付流程比單個(gè)支付流程完成的銷售更好。

“Mad Libs” style form increases conversion 25-40% 打敗傳統(tǒng)的智慧，此A / B測(cè)試發(fā)現(xiàn)一段風(fēng)格形式輸入 字段比傳統(tǒng)形式的布局更好。

Complete redesign of product page increased sales by 20% 一個(gè)軟件產(chǎn)品的公司重新設(shè)計(jì)他們的產(chǎn)品頁 給它一個(gè)現(xiàn)代的外觀和增加信任模塊。最終結(jié)果：他們成功地增加20 ％的總銷售額。本案例研究證明了設(shè)計(jì)對(duì)銷售的影響。

Marketing Experiments response capture case study – triple digit increase in conversions 通過優(yōu)化郵件地址獲取提高了258 ％。重點(diǎn)是消除所有的干擾，并要求游客只需提供電子郵件地址。使用亞馬遜禮品卡讓他/她的完成個(gè)人資料。

A/B測(cè)試工具

有許多側(cè)重點(diǎn)，價(jià)位和功能不同的A / B測(cè)試工具，這里是一些：

• Google Website Optimizer
  搜索巨頭提供的免費(fèi)A/B測(cè)試工具。一個(gè)很好的入門級(jí)工具，但是沒有一些先進(jìn)的功能。
• A/Bingo and Vanity
  基于Ruby on Rails開發(fā)的服務(wù)器組件。需要編程和代碼集成。
• Visual Website Optimizer
  一個(gè)易于使用的A / B測(cè)試工具，包含一些先進(jìn)的功能，如所見即所得的編輯器，單擊地圖，訪問者分割和標(biāo)簽等。
• Unbounce and Performable
  集成著陸頁設(shè)計(jì)的A / B測(cè)試工具。
• Vertster, SiteSpect, Webtrends Optimize and Omniture’s Test&Target
  企業(yè)級(jí)測(cè)試工具。

一些深入研究的A/B測(cè)試資料

如果你已經(jīng)讀到這里，那么A / B測(cè)試大概已經(jīng)激起你的興趣。在這里，有一些非常好的A/B測(cè)試資源。

尋找你下一個(gè)A/B測(cè)試的靈感

• Which Test Won?
  一個(gè)猜測(cè)那種情況會(huì)最終勝利的游戲。
• 101 A/B Testing Tips
  大量的A/B測(cè)試技巧和方法。
• ABtests.com
  一個(gè)可以分享和閱讀A/B測(cè)試結(jié)果的地方。
• A/B Ideafox
  搜索引擎的A / B和多變量的案例研究。

一些介紹性文章

• Effective A/B Testing
  By Ben Tilly.
• Practical Guide to Controlled Experiments on the Web (PDF)
  From Microsoft Research.
• Introduction to A/B Testing
  From the 20bits blog

A/B測(cè)試中的數(shù)學(xué)

• Statistics for A/B Testing
  From the 20bits blog.
• How Not to Do A/B Testing
• What You Should Know About the Mathematics of A/B Testing
  From my own blog.
• Easy Statistics for AdWords A/B Testing, and Hamsters
• Statistical Significance and Other A/B Test Pitfalls

原文地址：smashingmagazine

作者：標(biāo)點(diǎn)符

翻譯：UCDchina