UI設(shè)計(jì)師怎么驗(yàn)證設(shè)計(jì)

To be or not to be？這是一個(gè)始終存在，并且不斷重復(fù)的問(wèn)題。我們始終面對(duì)著不斷出現(xiàn)的艱難抉擇。設(shè)計(jì)師的工作也同樣如此，兩種看似都可行的解決方案，必須選擇其中一種。面對(duì)這種情況的時(shí)候，設(shè)計(jì)師和創(chuàng)意團(tuán)隊(duì)需要通過(guò)測(cè)試來(lái)做設(shè)計(jì)決策，而其中最常用的測(cè)試方法，是A/B測(cè)試。今天，我們來(lái)聊聊A/B測(cè)試的各種特征，以及設(shè)計(jì)師要如何將其運(yùn)用到UX設(shè)計(jì)當(dāng)中，改善產(chǎn)品體驗(yàn)。

 

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

A/B測(cè)試也被稱為Split Testing，是比較兩個(gè)樣本/方案/版本中哪個(gè)更好的測(cè)試方法。在A/B測(cè)試當(dāng)中，設(shè)計(jì)師可以將用戶分成兩組，兩組分別測(cè)試A和B兩個(gè)不同的方案，并確定哪個(gè)方案可行性更高，效果更好。

A和B兩個(gè)方案之間的差異，可以很小，也能很大。這種差異可以小到只是一個(gè)元素的顏色差異，也可以大到整個(gè)布局截然不同。而方案的有效性的衡量標(biāo)準(zhǔn)也可以很多樣，可以是頁(yè)面的瀏覽量，可以是點(diǎn)擊量，可以是訂單數(shù)量，也能是銷售額。衡量標(biāo)準(zhǔn)通常是根據(jù)公司、產(chǎn)品和團(tuán)隊(duì)的具體目標(biāo)來(lái)制定的。在實(shí)戰(zhàn)當(dāng)中，最好是將各方面的影響因素有機(jī)地結(jié)合起來(lái)，從而能夠得到更好的測(cè)試結(jié)果。

設(shè)計(jì)師要如何使用A/B測(cè)試呢？

產(chǎn)品的UI和UX設(shè)計(jì)通常是為了特定的目標(biāo)而創(chuàng)建的。比如為了獲得有效的用戶體驗(yàn)而選擇清晰的導(dǎo)航和愉悅的交互。但是，現(xiàn)在可行的方案，在之后不一定能夠完全勝任，在小范圍測(cè)試可行的策略，可能在大面積鋪開之后存在問(wèn)題。產(chǎn)品功能隨著時(shí)間會(huì)變化，效果也不盡相同，所以，設(shè)計(jì)也需要不斷地改進(jìn)。

A/B測(cè)試的優(yōu)勢(shì)在于，能夠幫助設(shè)計(jì)師謹(jǐn)慎而有效地改進(jìn)設(shè)計(jì)策略，不會(huì)讓用戶感覺不方便。在用戶持續(xù)地使用應(yīng)用或者網(wǎng)站的過(guò)程中，搜集有用的數(shù)據(jù)和指標(biāo)。

那么，更具體地說(shuō)，你能從A/B測(cè)試中獲得什么呢？首先，從中你能了解目標(biāo)用戶的行為模式和特征。通過(guò)對(duì)不同版本的UI進(jìn)行測(cè)試，設(shè)計(jì)師能夠清楚不同的偏重或者說(shuō)不同的解決方案能夠?qū)τ脩粲惺裁礃拥挠绊?，哪種更為有效。此外，A/B測(cè)試有助于消除不良的設(shè)計(jì)決策，以及用何種方案來(lái)替代效果最好。

除此之外，A/B測(cè)試能夠減少設(shè)計(jì)師和客戶之間存在的潛在沖突。在很多時(shí)候，設(shè)計(jì)者和客戶的意見是不一致的，通常大家也都很難放棄各自的觀點(diǎn)。為了解決這樣的沖突，A/B測(cè)試會(huì)找到更合理的答案，幫助大家找到最佳的解決方案。

整如同我們?cè)谏厦嫠f(shuō)的，A和B兩個(gè)方案在差異上是可大可小的。下面是UI設(shè)計(jì)師在做A/B測(cè)試的時(shí)候，通常會(huì)用作變量的測(cè)試元素列表：

• CTA按鈕（位置、大小、顏色和文案）
• 標(biāo)題和副標(biāo)題
• 著陸頁(yè)上的圖片（大小，風(fēng)格，位置）
• 網(wǎng)頁(yè)上客戶介紹的表單
• 文案（長(zhǎng)度，大小，位置和內(nèi)容）
• 視頻

A/B測(cè)試是非常靈活的，測(cè)試可以反復(fù)進(jìn)行，如果想要判斷具體影響因素，最好是一次測(cè)試一個(gè)變量，然后反復(fù)迭代逐個(gè)進(jìn)行，尋求對(duì)于用戶更加友好的解決方案。

A/B測(cè)試的過(guò)程

如果你從未做過(guò)A/B測(cè)試，現(xiàn)在開始嘗試也不晚。新的嘗試往往能為你打開新世界的大門。更何況A/B測(cè)試本身并不是復(fù)雜的測(cè)試方法，按照下面的步驟，你可以輕松地使用A/B測(cè)試幫你提升用戶體驗(yàn)。

 

步驟1:搜集數(shù)據(jù)

A/B測(cè)試的首要目標(biāo)是優(yōu)化。這種優(yōu)化可以是提升數(shù)據(jù)，可以是改善體驗(yàn)，或者是產(chǎn)品升級(jí)。這也是為什么A/B測(cè)試之前要搜集數(shù)據(jù)，搜集了數(shù)據(jù)才能進(jìn)行基本的分析，確定優(yōu)化的方向。轉(zhuǎn)化率低的CTA按鈕常常是第一個(gè)被拿來(lái)優(yōu)化的。

 

步驟2:設(shè)定目標(biāo)

為了改進(jìn)設(shè)計(jì)，設(shè)計(jì)師需要明白通過(guò)測(cè)試來(lái)獲得什么。這個(gè)目標(biāo)可以是獲得更多的用戶，讓用戶在網(wǎng)站的停留時(shí)間更長(zhǎng)，或者是更多點(diǎn)擊CTA按鈕，等等等等。有了目標(biāo)就能夠跟蹤和確保有效性了。

 

步驟3:建立假設(shè)

這一步是非常必要的，因?yàn)檫@樣才能在搜集數(shù)據(jù)的時(shí)候有方向，也有改進(jìn)的方向。確定目標(biāo)之后，你需要思考新的解決方案為何能夠帶來(lái)更好的效果。對(duì)目標(biāo)受眾進(jìn)行研究，有助于提出改進(jìn)方案的假設(shè)。這可以幫助設(shè)計(jì)師更好地了解目標(biāo)用戶。

 

步驟4:創(chuàng)造A方案和B方案

當(dāng)設(shè)計(jì)師決定了要如何改進(jìn)之后，就可以創(chuàng)造測(cè)試可用的A方案和B方案了。有許多免費(fèi)的工具可以幫助你將用戶分成兩組。如果你沒有足夠的A/B測(cè)試的經(jīng)驗(yàn)，可以使用Q&A的方式進(jìn)行測(cè)試，確保整體質(zhì)量。

 

步驟5:開始測(cè)試

對(duì)于整個(gè)設(shè)計(jì)團(tuán)隊(duì)而言，這個(gè)環(huán)節(jié)應(yīng)該是最愉悅的部分，因?yàn)榻?jīng)過(guò)前期的準(zhǔn)備工作之后，終于讓用戶動(dòng)起來(lái)了。用戶在測(cè)試當(dāng)中訪問(wèn)APP和網(wǎng)站，他們的行為和決策都被記錄下來(lái)，化作有用的數(shù)據(jù)。

 

步驟6:分析結(jié)果

經(jīng)過(guò)一段時(shí)間的測(cè)試，用戶的數(shù)據(jù)被搜集整理下來(lái)，接下來(lái)就要分析結(jié)果了。所有的方案Ａ和方案Ｂ的數(shù)據(jù)和指標(biāo)會(huì)拿來(lái)進(jìn)行對(duì)比分析，基于結(jié)果，選出其中更優(yōu)秀的方案以達(dá)成設(shè)計(jì)目標(biāo)。

A/B測(cè)試的優(yōu)點(diǎn)和局限性

必須承認(rèn)的是，沒有任何一個(gè)解決方案是完美的。每種測(cè)試方法都是獨(dú)一無(wú)二的，就像A/B測(cè)試本身，它有優(yōu)點(diǎn)，也有局限性。

 

優(yōu)點(diǎn)

A/B測(cè)試可以用來(lái)衡量和判斷用戶行為。絕大多數(shù)的測(cè)試者所在不知道被測(cè)試的情況下參與進(jìn)來(lái)的，他們會(huì)自然而然地交互，這有有助于設(shè)計(jì)師準(zhǔn)確地判斷他們的行為模式。

A/B測(cè)試是一個(gè)足夠便宜的測(cè)試方法。A/B測(cè)試不需要昂貴的工具，也不需要雇傭?qū)ｉT的測(cè)試人員就能進(jìn)行。你所需要的是制作出2個(gè)供對(duì)比的解決方案，選擇一個(gè)A/B測(cè)試的軟件，就可以找來(lái)測(cè)試用戶進(jìn)行測(cè)試了。

可以篩出高質(zhì)量的內(nèi)容。A/B測(cè)試是找出哪些內(nèi)容更有價(jià)值的好方法。

以用戶為中心的設(shè)計(jì)。A/B測(cè)試幾乎是完全針對(duì)用戶行為模式和用戶需求的測(cè)試手段，測(cè)試之后輸出的結(jié)果有助于讓產(chǎn)品更加人性化。

快速簡(jiǎn)單的分析測(cè)試。A/B測(cè)試通常有特定的測(cè)試指標(biāo)。當(dāng)結(jié)果姐夫出來(lái)之后，確定哪個(gè)結(jié)果更好并不難。

一切都可以拿來(lái)測(cè)試。并不是所有的測(cè)試都能幫你搞清楚哪種按鈕顏色、排版方式和字體更合理，但是合理地設(shè)置A/B測(cè)試的規(guī)則，能夠幫你搞清楚這些問(wèn)題。要知道，即使這樣的小元素也會(huì)對(duì)用戶的行為和設(shè)計(jì)感知有很大的影響。

降低風(fēng)險(xiǎn)。在產(chǎn)品設(shè)計(jì)和開發(fā)的關(guān)鍵階段出錯(cuò)會(huì)讓整個(gè)產(chǎn)品的開發(fā)成本提高不少。A/B測(cè)試能夠幫助整個(gè)產(chǎn)品團(tuán)隊(duì)減少許多潛在的問(wèn)題，通過(guò)在早期階段進(jìn)行測(cè)試，設(shè)計(jì)師能夠確保UI和UX潛藏的問(wèn)題盡可能少。

 

A/B測(cè)試的限制

A/B測(cè)試是有限制的，它需要整套的設(shè)計(jì)作為支撐。這個(gè)并不難理解，因?yàn)槟悴豢赡軉为?dú)設(shè)計(jì)一個(gè)CTA按鈕來(lái)進(jìn)行測(cè)試，你需要讓它在整個(gè)APP或者網(wǎng)站當(dāng)中才行。

A/B測(cè)試不會(huì)為你揭示原因，只會(huì)為你呈現(xiàn)結(jié)果。A/B測(cè)試確實(shí)能夠搜集到有用的數(shù)據(jù)，但是你只能看到效果，內(nèi)在的原因并不會(huì)通過(guò)這些數(shù)據(jù)呈現(xiàn)出來(lái)。如果你想知道緣由，只能通過(guò)用戶研究來(lái)洞悉其中深層次的原因。

A/B測(cè)試不能告訴你哪里出錯(cuò)了。和上一條一樣，呈現(xiàn)結(jié)果而不揭示原因，同樣的它也不會(huì)告訴你哪里錯(cuò)了。設(shè)計(jì)上的問(wèn)題，并不能通過(guò)A/B測(cè)試幫你找出來(lái)。

 

結(jié)語(yǔ)

一套設(shè)計(jì)方案如果沒有經(jīng)過(guò)正確的測(cè)試就投入實(shí)用，潛在的問(wèn)題未解決，實(shí)際的風(fēng)險(xiǎn)并不低。這就是為什么我們需要通過(guò)A/B測(cè)試這類測(cè)試手段來(lái)發(fā)掘問(wèn)題，改進(jìn)設(shè)計(jì)。