【用戶體驗(yàn)】AB測試終極指南

【用戶體驗(yàn)】A/B測試終極指南A/B測試并不是一個(gè)新興的時(shí)髦的名詞，許多經(jīng)驗(yàn)豐富的市場營銷人員和產(chǎn)品設(shè)計(jì)人員都在使用這種方法以深入了解訪客的行為并提高轉(zhuǎn)化率。然而，A/B測試還沒有像SEO、網(wǎng)頁分析、可用性等那樣普及，人們也還沒有意識(shí)到它的價(jià)值。人們并沒有完全理解什么是A/B測試,A/B測試怎樣創(chuàng)造價(jià)值以及如何使用A/B測試。本文就是為大家提供最好的A/B測試教程。什么是A/B測試?確切地說，A/B測試的核心就是：同一個(gè)元素有A、B兩個(gè)版本，通過測試得出哪一個(gè)版本更好。你需要對(duì)兩個(gè)版本進(jìn)行對(duì)比實(shí)驗(yàn)，確定出較好的那個(gè)版本來使用。wmwmPageTitlENewsversion￡????VisitorsrandomlydistributedJ/Eingi屮FormPageTitlENewsversion￡????VisitorsrandomlydistributedJ/Eingi屮Form75signups50signups75signupsVersionBisbetterthanversionAA/B測試這就類似于在自然課中做的實(shí)驗(yàn)一樣，測試各種元素哪些是對(duì)植物生長有利的哪些是抑制植物生長的。網(wǎng)頁上的A/B測試也是相同的道理，同一個(gè)頁面有A和B兩個(gè)設(shè)計(jì)版本。通常，A代表現(xiàn)有的版本，B代表新設(shè)計(jì)的版本。分別檢測兩個(gè)不同版本網(wǎng)頁的流量，測量我們所關(guān)心的性

能指標(biāo)，例如：轉(zhuǎn)化率、業(yè)績、跳出率等，最后得出性能最好的那個(gè)版本。測試哪些東西？很明顯地，測試什么內(nèi)容取決于測試的目標(biāo)。例如，如果你的目標(biāo)是增加注冊(cè)用戶數(shù)量，那么你應(yīng)該測試如下指標(biāo)：注冊(cè)表單長度、字段類型要求、隱私政策等。在這種情況下,A/B測試的目標(biāo)是要找出哪些因素阻礙了用戶注冊(cè)。是注冊(cè)表單的長度？是用戶關(guān)心的隱私？還是該網(wǎng)站做了讓用戶不信任的事情？所有這些問題都可能通過逐個(gè)的A/B測試來找到答案。雖然每一個(gè)A/B測試都各有不同，但測試中最基本的元素包括：?操作按鈕的名稱、大小、顏色和位置；?標(biāo)題或產(chǎn)品說明；?表單的長度和字段類型；?網(wǎng)站的布局和風(fēng)格；?產(chǎn)品的價(jià)格和促銷優(yōu)惠；?圖片加載和產(chǎn)品網(wǎng)頁；?頁面上文字的多少（長短）；開始你的第一個(gè)A/B測試一旦確定你要測試的內(nèi)容，下一步就是選擇一個(gè)合適的測試工作。如果想要選擇一個(gè)基礎(chǔ)的、免費(fèi)的工具，并且不介意HTML和JavaScript,可以使用GoogleWebsiteOptimize。如果想要一個(gè)功能更加強(qiáng)大一點(diǎn)的，可以使用VisualWebsiteOptimizer。我在文章最后還會(huì)列到一些其它工具，都是可以用的。在所有工具中建立實(shí)驗(yàn)都是類似的，因此我們只討論其中一種就可以。你可以在以下兩種方式中選擇一種進(jìn)行A/B測試?在頁面加載前替換掉將要被測試的元素如果你要測試的是頁面中的單個(gè)元素，如注冊(cè)按鈕，你需要在測試工具中創(chuàng)建一個(gè)注冊(cè)按鈕變化的頁面。測試進(jìn)行時(shí)，A/B測試工具會(huì)將頁面上的按鈕進(jìn)行隨即變化呈現(xiàn)給訪問者。?重定向到另一個(gè)頁面如果你想通過A/B測試整個(gè)頁面，如綠色主題和紅色主題，你需要?jiǎng)?chuàng)建并上傳一個(gè)新的頁面。例如，你的主頁是：http://www.example.eom/index.html，你需要?jiǎng)?chuàng)建另一個(gè)版本為http://www.example.eom/index1.html。當(dāng)測試運(yùn)行時(shí)，測試工具會(huì)將部分訪問者重定向到第二個(gè)網(wǎng)址。當(dāng)你用這兩種方法建立好兩個(gè)版本后，下一步就是設(shè)定轉(zhuǎn)換目標(biāo)。通常，你將獲得一段JavaScript代碼，你可以將其復(fù)制并粘貼到一個(gè)需要訪客到達(dá)的目標(biāo)網(wǎng)頁。例如，你有一個(gè)電子商城網(wǎng)站，你想要測試“立刻購買”按鈕的顏色，那么你的轉(zhuǎn)換目標(biāo)將是訪客完成購買后出現(xiàn)的“感謝您”頁面。在轉(zhuǎn)換事件發(fā)生的同時(shí)，A/B測試工具將記錄呈現(xiàn)給訪客的是哪一個(gè)版本。當(dāng)足夠多的訪

客和轉(zhuǎn)換之后，你可以查看結(jié)果并找出哪個(gè)版本的轉(zhuǎn)化率更高。就這么簡單，建立并運(yùn)行A/B測試確實(shí)就這么簡單。該做什么不該做什么盡管上文上提到A/B測試非常簡單，但仍需要記錄一些基本的原則。這些建議是我做過若干次A/B測試后總結(jié)出來的。注意事項(xiàng)?在A/B測試時(shí)，一定要同時(shí)測試兩個(gè)版本。如果你這個(gè)周測試了A版本，下個(gè)周測試B版本，那就錯(cuò)了。有可能B版本實(shí)際上更差但你測試的時(shí)候恰好業(yè)績更好。因?yàn)閮蓚€(gè)版本之間的流量總是不同的。?不要結(jié)束的太早。有一個(gè)概念叫“統(tǒng)計(jì)信心”，它決定了你的測試結(jié)果是否是有效的。當(dāng)每個(gè)版本只有少量的訪客和轉(zhuǎn)化率時(shí)，它無法確定最終的結(jié)果。大多數(shù)A/B測試工具都提供一個(gè)統(tǒng)計(jì)報(bào)表，如果你是手動(dòng)測試的，可以使用在線計(jì)算工具計(jì)算它。?不要讓常規(guī)訪客感到驚訝。如果你要測試頁面中的核心部分，包括新訪客和?？停灰屗麄兏袆?dòng)驚訝，如果這個(gè)版本最終可能不會(huì)被采用，更要尤其注意。?不要讓你的直覺干擾測試結(jié)果。成功的A/B測試結(jié)果往往是驚訝的或直觀的。在一個(gè)綠色主題的頁面中，一個(gè)紅色按鈕的出現(xiàn)有可能成為勝者。即使紅色按鈕看上去不那么舒服，也不要冒然推翻它。你測試的目標(biāo)是獲得更好的轉(zhuǎn)化率，而不是美學(xué)，所以，不要憑借自己的直接判斷干擾測試結(jié)果。應(yīng)該做的事?弄清楚測試需要的時(shí)間。結(jié)束太早，可能會(huì)增加成本，因?yàn)榭赡芑藭r(shí)間精力卻沒得到有意義的結(jié)果。結(jié)束太晚也不好，因?yàn)樾Ч患训捻撁婵赡苡绊懩愕霓D(zhuǎn)化和業(yè)績。使用一個(gè)計(jì)算器來確定一個(gè)測試所需要的時(shí)間。?使A/B測試在整個(gè)網(wǎng)站上保持一致。如果你要測試注冊(cè)按鈕，同一個(gè)訪客在多個(gè)頁面上看到的注冊(cè)按鈕應(yīng)該是一致的。如果對(duì)同一個(gè)訪客，在一個(gè)頁面上呈現(xiàn)A版本的注冊(cè)按鈕，在另一個(gè)頁面上呈現(xiàn)B版本的注冊(cè)按鈕，這樣會(huì)使測試結(jié)果無效。?做大量的A/B測試。讓我們面對(duì)現(xiàn)實(shí)吧：你的第一個(gè)A/B測試可能會(huì)無效，但不要絕望。一個(gè)A/B測試只有三個(gè)結(jié)果：無效、不好的結(jié)果、好的結(jié)果。優(yōu)化轉(zhuǎn)化率的關(guān)鍵是做大量的A/B測試，把所有好的結(jié)果拼接起來，最終推動(dòng)業(yè)績提升。經(jīng)典A/B測試案例研究這里有一些如何進(jìn)行A/B測試的研究案例。WritingDecisions:HeadlineTestsontheHighriseSign-UpPage37Signals測試他們價(jià)格頁面上的標(biāo)題。最終發(fā)現(xiàn)，“30-DayFreeTrialonAllAccounts“比原來的“StartaHighriseAccount.“哆產(chǎn)生30%以上的訂單。

37Signals37Signals“YouShouldFollowMeonTwitterHere”(DustinCurtis)12,81%這是一個(gè)用來測試召喚用戶在Twitter上關(guān)注自己的試驗(yàn)。Dustin發(fā)現(xiàn)提示文字是“YoushouldfollowmeonTwitterhere”’的效果是“I'monTwitter”173%12,81%"Youshouldfollowmeontwitterh巳erjDustinCurtisHumanPhotosDoubleConversionRates兩個(gè)獨(dú)立的A/B測試得出一個(gè)令人驚訝的結(jié)論：兩張照片放在網(wǎng)站上A/B測試，真人照片獲得了兩倍的轉(zhuǎn)化。科學(xué)研究也證實(shí)了這一結(jié)論：我們潛意識(shí)被照片吸引了。ContactJasonContactJasonContactJasonContactJasonHumanPhotosGoogleWebsiteOptimizerCaseStudy:DailyBurn,20%+Improvement(TimFerriss)一個(gè)將用戶選擇減少的變化使轉(zhuǎn)化提高了20%。改動(dòng)后的版本在視覺、文本等細(xì)節(jié)也都優(yōu)于原有版本。

<Gyminee_ri'intaIM.WD^!hJ5aMFsxlTrackiflfl.A;frpMiwja■ndmsssm^Mnorarrprg■1^1Trjch^our?DrhMhHOi*ilL^ryuui*ditL■■HwEnew^mriclM.FRriurvEiOn:"MiCkndh?*^tfEmp?*pr-"-"擊常ESE3□JLh-Hirij汕旦匹［HIp1^1Trjch^our?DrhMhHOi*ilL^ryuui*ditL■■HwEnew^mriclM.FRriurvEiOn:"MiCkndh?*^tfEmp?*pr-"-"擊常ESE3□JLh-Hirij汕旦匹［HIp沖I噸里理_加醴Toda土GoogleWebsiteOptimizerCaseStudyTwoMagicalWordsIncreasedConversionRateby28%“It'sfree”這個(gè)詞增加了注冊(cè)按鈕點(diǎn)擊量的28%，這也說明了操作按鈕上文字的重要性,同時(shí)還表明一個(gè)微小的變化也可以帶來巨大的結(jié)果。WmtchthmtuurorSignupnow!WmtchthmtuurorSignupnow!It'sfree!It'sfreeChangingtheSign-UpButtonfromGreentoRed根據(jù)A/B測試，CareLogger將其注冊(cè)按鈕由綠色改為紅色，增加了34%的注冊(cè)量。VSVSGetStartedNowIt'sfree!Notrials,nofees.GetStartedNowIt'sfree!Notriple,nofeesrCareLoggerSinglepagevs?multi-stepcheckout如果你有一個(gè)在線商城，很常見的就是用戶支付流程。通過A/B測試發(fā)現(xiàn)，單頁結(jié)賬過程比多頁結(jié)賬過程效果更好。

_?*BellCHeCKOUT_?*BellCHeCKOUTMlIgmiAawc■l-AaaaaiCheckout“MadLibs”styleformincreasesconversion25-40%此A/B測試表明，一段較為個(gè)性和創(chuàng)意的輸入形式比傳統(tǒng)輸入框的布局效果更好一些。pnamjmy-emiallAddressH&lla^mynam-ei￡firstnamelastnameamdIBnnwi方ngyoutodaybolearnmoreaboutthepnamjmy-emiallAddressH&lla^mynam-ei￡firstnamelastnameamdIBnnwi方ngyoutodaybolearnmoreaboutthe2CQ9CHEVROLETSILVERADO1500LTlistedForS2D^95.Iliveatmyitfectaddre^-s(optional)intheZIPare5and[^rouldlike詢hearbackMadLibsCompleteredesignofproductpageincreasedsalesby20%一個(gè)軟件產(chǎn)品公司為了使其產(chǎn)品頁面看上去更具現(xiàn)代感也為了贏得訪客更多的信任，他們重新了產(chǎn)品頁面的設(shè)計(jì)。結(jié)果表明：他們成功的增加了20%的業(yè)績。這個(gè)案例說明設(shè)計(jì)對(duì)銷售的影響。

?■DUMxw7LfflunaiieTHgmtari:同,？QU：WtU^WttkNl訐tJtCiVwrlHrkulrmfDiJShuwiPlLirawnEhkMm?■DUMxw7LfflunaiieTHgmtari:同,？QU：WtU^WttkNl訐tJtCiVwrlHrkulrmfDiJShuwiPlLirawnEhkMmhrIM內(nèi)根rmMK.44vTXc*taMWmigHli；Wlkowruua]卿鼻電C|業(yè)"tncHkiFTUIrrtgien?5*jtaWMChfrt葉祁amwn-￡h?hOd5o^mrvp?tt!iun5<Mipnm.OuEJ^anJUfaFMii!事*■￡?WUJ.阡如g*nd?1,1>Scw&Mtfa■T*wt5Mwi]rffiwofcrmate咖罔「D90045JUTtJDhi■-faMunnVrrfMrh4>w|H4Au--i4ikw[^^WiMiin^er,AT>Miz?vdFC>MflHiBift*Tr?rRartwimtundbunVofiwrScn^wrD*IXRYiMMIimrJM^dlWikZ,tdtaa"5?r胃殲rwwSqBhwse^vI[mum?,lAm<ri■nvnkw3S^Jn曲'IWrlrwriW1U

Vto^urd

口

Mnten^niRedesignMarketingExperimentsresponsecapturecasestudy-tripledigitincreaseinconversions通過一系列的A/B測試，他們將郵件送到率提高了258%。重點(diǎn)是消除所有干擾，僅讓訪客提供Email地址。為了使訪客完成其簡介，登錄頁通過亞馬遜的禮品卡來刺激和鼓勵(lì)訪客填寫資料。GiftA/B測試工具這里是一些具有不同特點(diǎn)、不同價(jià)位的可用于A/B測試的工具：GoogleWebsiteOptimizer搜索巨頭Google提供的免費(fèi)的A/B測試工具，對(duì)初學(xué)者是很好的選擇，但缺少一些高級(jí)功能。A/BingoandVanity基于RubyonRails開發(fā)的服務(wù)器組件。需要編程和代碼集成。VisualWebsiteOptimizer一個(gè)易于使用的A/B測試工具，具有所見即所得編輯器，單擊地圖，訪問者分割和標(biāo)簽等

咼級(jí)功能。UnbounceandPerformable集成著陸頁設(shè)計(jì)的A/B測試工具。Vertster,SiteSpect,WebtrendsOptimizeandOmniture'sTest&Target企業(yè)級(jí)測試工具。一些深入研究的A/B測試資料如果你已經(jīng)讀到這里，那么A/B測試大概已經(jīng)激起你的興