Duolingo越「情勒」用戶越喜歡，拆解20大A/B 測試的設計手段

近期，最多人討論的就是擁有數百萬訂戶的語言學習應用程式Duolingo貓頭鷹吉祥物「情勒鳥」Duo，2月中驚傳去世。

一直以來，吉祥物Duo常常「情緒勒索」，傳送各種通知訊息，要求使用者打開APP學習，甚至有許多Duolingo的迷因在網路上傳，總是讓用戶又愛又恨。

事實上，看似簡易、童趣的操作介面背後，Duolingo 的設計和運作高度仰賴嚴謹的測試和數據。團隊在做任何決定時，小至介面圖示的優化，大至推出全新的功能，都會配合一連串的測試，並基於數據結果做出決策。

Duolingo 的測試很大一部分採用 A/B 測試（A/B Testing），將使用者劃分為 A 組和 B 組，對 B 組的使用者發布新功能並讓 A 組維持原狀，以觀察改變的成效。若成效好，團隊便會將新功能擴大推行、延續下去，若成效不佳，便會終止或暫時下架該功能，並進行修正。

由此可見，這些情緒勒索訊息的成功，是 Duolingo 團隊精心設計的成果。

你應該對什麼進行 A/B 測試？

在沒有戰略測試計劃的情況下，在兩個變因之間進行測試就像蒙著眼睛卻想要瞄準靶心一樣。找出您網站上的哪些頁面元素對您的轉換率影響最大。找出表現不佳的頁面的一個好方法是專注於那些流量大但跳出率仍然很高的頁面。將此頁面作為 A/B 測試的起點。

A/B 測試的主要目標是改善使用者體驗，並增加將訪客轉化為潛在客戶的機會。透過關注在有關網站變因的重點問題，您可以收集有關這些變因的影響數據。

以下列出了 20 個 A/B 測試手段，供您參考：

號召行動CTA

1. 顏色：

 在決定 CTA 顏色時，雖然沒有辦法指出某種特定的 CTA 顏色會讓你的轉換率直線上升，但有一件事是肯定的：轉換率最好的按鈕是與網站上其他顏色形成最強烈對比的按鈕。因此，一定要讓 CTA 突出！注意事項：在對 CTA 顏色變體進行 A/B 測試時，目標是讓您的 CTA 脫穎而出，吸引訪客目光，又不會與您網站的整體設計發生衝突。這樣，您可能會找到適合的、美觀的 CTA 顏色，從而實現轉換。

2. 文字:

開始免費試用？開始嗎？立即註冊？無論您為 CTA 添加什麼文字，請確保它能為訪客提供清晰且具有上下文意義的行動指示。這增加了訪客積極參與的機會。如果您正在重新製作號召性用語內容，請執行 A/B 測試以確定哪一個獲得更多的點擊。

3. 尺寸：

小、中、還是大？請記住，引人注目的元素會受到更多關注。不要忽略網站的設計和排版佈局。這可能會對您的轉換造成影響。

4. 位置：

在某些情況下，將 CTA 放在頁面開頭是吸引訪客注意力的好方法。然而，有時將其放置在引人注目的內容之後，也能產生效果。 許多網站設計師發現，將 CTA 置於平均折疊線以下可將轉換率提高 304%。

5. 形狀：

這是一個我們容易忽略的小細節。但當你可以確定時，為什麼還要猜測呢？有些設計師喜歡圓形的 CTA 按鈕角，而不是方形的。這聽起來很奇怪，但它會引起內心的關注，並且在潛意識中更具吸引力。不相信嗎？測試一下。

6. 單一 vs. 多個 CTA：

策略性地將相同的 CTA 放置在網頁的不同部分通常是一種很好的做法，以便訪客始終能夠看到它。這裡的關鍵是不要過度：如果您這樣做，您的網站看起來會像是用力過猛，或者更糟的是，它有惡意軟體。

不要使用多個主要 CTA，嘗試堅持使用一到兩個主要 CTA，並將其餘的作為次要的。安全總比後悔好。A/B 測試需要多少個 CTA 才能達到轉換峰值。

7. 超連結 vs. 按鈕：

目前，對於「了解更多」按鈕是否可用，尚無定論 。最好根據具體情況進行選擇。如果您的網頁有次要的號召性用語，請給它一個與主要號召性用語相對來說較柔和的語氣，換句話說，它可以是一個超連結。

內容CONTENT

8. 位置和結構：

通常，網頁佈局的細微差別可以顯著提升潛在客戶的產生。例如，策略性地放置一部分信任圖示（成功案例、客戶證言、評級）可以顯著提高頁面的轉換率。

9. 可訪問性：

根據您所提供的內容類型，是在訪客填寫表單後提供對內容的存取權限，或允許他們直接下載。A/B測試控制性內容和非控制性內容，找出哪一個可以產生最高品質的潛在客戶。

10. 定價：微妙定價還是直接定價？ 

訪客通常認為以99 結尾的任何商品都感覺有折扣。羅格斯商學院行銷學教授羅伯特·辛德勒針對這一情況進行了一項實驗。他發現價格以 .99 結尾的商品的銷售量遠遠超過以 .00 結尾的商品。

但在SaaS、軟體或服務產業，直接定價（以「0」或「5」結尾）更能吸引潛在客戶。其中一個原因是這些行業希望他們的服務被視為需要重視較高的品質。

11. 語氣：

根據您組織的品牌、產品和服務，您可能想要嘗試透過您的網站與訪客交談的互動方式。是隨意還是權威、技術性還是非技術性、幽默還是直截了當的表達？每種風格都有其優點和缺點，找到適合您的受眾的風格是關鍵。對不同的內容音調進行 A/B 測試，看看哪種效果最好。

排版TYOPGRAPHY

12. 字體大小：

對於標題內容，測試不同的粗細、字體大小，增加和減少 2px。

13. 風格：

嘗試互補字體、刪除線條等文字格式、符號的使用，以及手寫字體或等寬字體看看是否最能吸引訪客的更多目光。

14. 無襯線字體 vs. 襯線字體：

研究表明，襯線字體的可讀性更好。但是，無襯線字體在網路用途上更受歡迎，而襯線字體則更適合印刷。

媒材MEDIA

15. 尺寸：大 vs. 小

體驗型產品和規格式產品中的影像尺寸，進行的一項研究揭示了相反的結果。其中體驗型產品對於較小的圖像獲得了更多的視覺參與度，而規格式產品對於較大的圖像獲得了更多的視覺參與。您網站上的圖片大小取決於多種因素，例如位置、相關性和類型。無論如何，請確保圖像具有符合不同螢幕大小的可視性(RWD響應性)。

16. 類型：物件影像 vs 人物影像 vs 影片

物件的插圖和影像需要與您提供的服務一致。獨特而有力的圖像應該會想讓訪客停下多看一看。但這並不意味著圖像需要表達一切。相反，圖像只需要以相關的方式在視覺上強化所要傳遞的訊息。 選擇人物影像時，請確保有對焦於人物主角。另外，選擇與您的目標受眾相符的人物圖像。使用了不適當的人物照片，不僅會產生與預期相反的效果，而且會給人不真誠的感覺。 對這兩種類型進行A/B測試將讓你清楚地了解受眾的偏好。考慮您的企業是否提供複雜的產品或服務。您可能需要花更多的時間來教育您的訪客，以說服他們轉變。在這種情況下，一段 30 秒的影片加上有說服力的訊息可以提高您的轉換率。除了提高轉換率之外，影片對於建立品牌信任也起著至關重要的作用。

確保對每種媒材類型進行 A/B 測試並將其與頁面內容相匹配，以便對最終選擇的媒材類型做出明智的決定。

17. 對齊：左、置中、右

媒材（圖像、插圖和影片）的對齊也取決於文字的位置。它們應該是互補的。有些內容使用左對齊和右對齊交替的方式呈現，並將圖像放置在每段文字部分旁邊。這是一種有效的方法，吸引訪客持續瀏覽來留住他們的注意力。

網站佈局LAYOUT

18.長度：

理論上，短篇作品應該比較長篇、更詳細的版本帶來更多的轉換。然而在不同產業中，確實存在著相反的情況。轉換率專家發現，找出適合您產業受眾的內容長度，轉換率將提高363% 。

19.導航 vs. 無導航：

我們都知道在設計一頁型網站時的「最佳實踐」是刪除導航選單：消除對訪客的任何可能性干擾，並引導他們留在銷售漏斗內。然而，在許多情況下，刪除頁面導航選單會導致頁面跳出率增加，因為訪客最終會感覺找不到他們想要的資訊。

透過讓訪客離開銷售漏斗，他們才有機會了解您所提供的產品或服務。對兩種情況進行A/B測試，找出可達到最大轉換的最佳情境。結果可能會讓你大吃一驚。

20.手動搜尋 vs. 下拉選單：

訪客希望進行快速、簡單的搜尋。如果您正在尋找簡約的設計，帶有手動文字輸入的單一搜尋欄可能非常適合。然而，使用具有明確選擇的下拉式選單可以引導訪客快速做出決定。

雖然監控每個細節可以幫助最大限度地提高轉換率。試著找出其中哪些元素是最重要的，或是可以使用最劇烈的改變。只有您能夠回答這個問題。

您有什麼獨特的測試想法？您利用Zoho PageSense A/B測試取得了什麼令人驚訝的結果嗎？歡迎留言與我們分享您的 A/B 測試故事！