UI設計師怎么驗證設計

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

 

A/B測試是什么？

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

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

設計師要如何使用A/B測試呢？

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

A/B測試的優(yōu)勢在于，能夠幫助設計師謹慎而有效地改進設計策略，不會讓用戶感覺不方便。在用戶持續(xù)地使用應用或者網站的過程中，搜集有用的數據和指標。

那么，更具體地說，你能從A/B測試中獲得什么呢？首先，從中你能了解目標用戶的行為模式和特征。通過對不同版本的UI進行測試，設計師能夠清楚不同的偏重或者說不同的解決方案能夠對用戶有什么樣的影響，哪種更為有效。此外，A/B測試有助于消除不良的設計決策，以及用何種方案來替代效果最好。

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

整如同我們在上面所說的，A和B兩個方案在差異上是可大可小的。下面是UI設計師在做A/B測試的時候，通常會用作變量的測試元素列表：

• CTA按鈕（位置、大小、顏色和文案）
• 標題和副標題
• 著陸頁上的圖片（大小，風格，位置）
• 網頁上客戶介紹的表單
• 文案（長度，大小，位置和內容）
• 視頻

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

A/B測試的過程

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

 

步驟1:搜集數據

A/B測試的首要目標是優(yōu)化。這種優(yōu)化可以是提升數據，可以是改善體驗，或者是產品升級。這也是為什么A/B測試之前要搜集數據，搜集了數據才能進行基本的分析，確定優(yōu)化的方向。轉化率低的CTA按鈕常常是第一個被拿來優(yōu)化的。

 

步驟2:設定目標

為了改進設計，設計師需要明白通過測試來獲得什么。這個目標可以是獲得更多的用戶，讓用戶在網站的停留時間更長，或者是更多點擊CTA按鈕，等等等等。有了目標就能夠跟蹤和確保有效性了。

 

步驟3:建立假設

這一步是非常必要的，因為這樣才能在搜集數據的時候有方向，也有改進的方向。確定目標之后，你需要思考新的解決方案為何能夠帶來更好的效果。對目標受眾進行研究，有助于提出改進方案的假設。這可以幫助設計師更好地了解目標用戶。

 

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

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

 

步驟5:開始測試

對于整個設計團隊而言，這個環(huán)節(jié)應該是最愉悅的部分，因為經過前期的準備工作之后，終于讓用戶動起來了。用戶在測試當中訪問APP和網站，他們的行為和決策都被記錄下來，化作有用的數據。

 

步驟6:分析結果

經過一段時間的測試，用戶的數據被搜集整理下來，接下來就要分析結果了。所有的方案Ａ和方案Ｂ的數據和指標會拿來進行對比分析，基于結果，選出其中更優(yōu)秀的方案以達成設計目標。

A/B測試的優(yōu)點和局限性

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

 

優(yōu)點

A/B測試可以用來衡量和判斷用戶行為。絕大多數的測試者所在不知道被測試的情況下參與進來的，他們會自然而然地交互，這有有助于設計師準確地判斷他們的行為模式。

A/B測試是一個足夠便宜的測試方法。A/B測試不需要昂貴的工具，也不需要雇傭專門的測試人員就能進行。你所需要的是制作出2個供對比的解決方案，選擇一個A/B測試的軟件，就可以找來測試用戶進行測試了。

可以篩出高質量的內容。A/B測試是找出哪些內容更有價值的好方法。

以用戶為中心的設計。A/B測試幾乎是完全針對用戶行為模式和用戶需求的測試手段，測試之后輸出的結果有助于讓產品更加人性化。

快速簡單的分析測試。A/B測試通常有特定的測試指標。當結果姐夫出來之后，確定哪個結果更好并不難。

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

降低風險。在產品設計和開發(fā)的關鍵階段出錯會讓整個產品的開發(fā)成本提高不少。A/B測試能夠幫助整個產品團隊減少許多潛在的問題，通過在早期階段進行測試，設計師能夠確保UI和UX潛藏的問題盡可能少。

 

A/B測試的限制

A/B測試是有限制的，它需要整套的設計作為支撐。這個并不難理解，因為你不可能單獨設計一個CTA按鈕來進行測試，你需要讓它在整個APP或者網站當中才行。

A/B測試不會為你揭示原因，只會為你呈現結果。A/B測試確實能夠搜集到有用的數據，但是你只能看到效果，內在的原因并不會通過這些數據呈現出來。如果你想知道緣由，只能通過用戶研究來洞悉其中深層次的原因。

A/B測試不能告訴你哪里出錯了。和上一條一樣，呈現結果而不揭示原因，同樣的它也不會告訴你哪里錯了。設計上的問題，并不能通過A/B測試幫你找出來。

 

結語

一套設計方案如果沒有經過正確的測試就投入實用，潛在的問題未解決，實際的風險并不低。這就是為什么我們需要通過A/B測試這類測試手段來發(fā)掘問題，改進設計。