70招助你提升用戶轉化率(上)

我們在做產品的時候，有的時候是不知道什麼樣的設計更有效，產品發佈後，怎麼來不斷的提升用戶轉化率？每個人都有自己認爲的好的方法。但是，從實際效果來說，什麼是好的方法呢？今天就給大家介紹一個網站：https://goodui.org/，這個網站裏介紹的好的設計都是經過A/B Test數據驗證過，才得出的結論，其中70個好的設計思考我覺得非常不錯，就整理分享給大家，相信對大家在提升產品轉化率上會非常有幫助。這個系列文章會分成上下2篇，下面就是上篇的35招：

1、使用一欄式佈局而不是多列

一欄式佈局能更好的展示你的表達內容。它應該能夠以更可預測的方式從上到下引導讀者。然而，多列就會帶來一些額外的風險，分散了頁面的核心用途。記得最後要增加一個Call To Action來引導用戶行爲。

2、給禮物而不是立即結束銷售

給顧客提供一些禮物之類的友好的表示就可以了。同時，贈送優惠獎勵也是一種有效的說服策略。聽起來似乎很明顯，但通過提供一些小小的感謝，這能大大增加用戶對你的青睞。

3、合併類似功能，而不是將UI片段化

隨着時間的增加，會很容易無意間創建多個部分、元素和特性，但都屬於相同的功能。這是符合基本的熵增定律-隨着時間的流逝，事物複雜崩潰。請注意這些以各種方式的重複功能，這會給你的用戶帶來壓力。通常來說，UI碎片越多，客戶需要學習曲線就越高。需要偶爾重構一下UI，考慮將相似的功能合併在一起來。

4、別人說你好纔是真的好，而不要自己談論

社交證明是能直接提高轉化率的一種很好的說服策略。看到別人支持你並談論你的產品，是加強號召性的好方法。別人的推薦或那些有效的數據證明都是不錯的方式。

5、重複而不是隻顯示一次

重複性引導用戶觸發行爲是一種更適用於較長頁面或跨多個頁面的策略。當然，你不想讓按鈕在同一屏幕上顯示10次。但是，冗長的頁面是需要做下蓋板。頂部有一個可操作項，而底部有另一個突出的操作項並沒有什麼壞處。當人們瀏覽到頁面最下面的時候，他們會停下來思考下一步該怎麼做-這是一個提出邀請或達成交易的好機會。

6、使用獨特的可點擊/選定樣式，而不要混淆它們

視覺樣式（例如顏色，深度和對比度）可以用作可靠的提示，以幫助人們瞭解導航界面的基本語言：我在哪裏，我可以去哪裏。爲了將其清楚地傳達給用戶，你的可單擊操作（鏈接，按鈕），所選元素（選定項）和純文本的樣式應彼此明顯不同，然後在界面上一致地應用。

7、強調突出一種選擇而不是給出平等的選擇

當顯示多個選擇時，強調的產品建議可能是一個好主意，因爲有些人需要一點推動。我相信有一些心理學研究表明，選擇越多，那麼實際做出決定和採取行動的機會就越小。爲了消除這種分析障礙，請嘗試強調並突出某種選擇。

8、撤消而不是提示進行確認

想象一下，你剛剛按下了操作按鈕或鏈接。撤消操作允許操作繼續進行，從而尊重人的最初意圖。而另一方面，提示用戶確認，他或她一直都在詢問自己的意圖，不知道自己在做什麼。當用戶不得不重複執行操作並一遍又一遍地被多次提示時，就會發現提示的效率低下和醜陋，這是一種不友好的體驗。

9、明確你的受衆，而不是針對所有人

你是針對所有人還是針對特定用戶？這是一種思維的轉換，你可以在其中明確說明你的產品或服務的確切用途。通過傳達客戶的合格標準，也許可以與他們建立更多聯繫，同時也暗示了一種排他性。

10、直接而不是模糊的表達

你可以用不確定的聲音來發聲，但也可以自信地說。如果你以問號結尾的消息，諸如“也許”，“也許”，“感興趣”之類的術語，那麼你很有可能喪失了你的權威性。在提高轉化的方式裏，應該更明確的告訴用戶怎麼去做。

11、更多對比而不是相近的

與周圍的元素相關，更明顯的對比可以讓表達更清晰。你可以通過多種方式輕鬆提高主要號召性用語的對比度。使用色調，可以使某些元素顯得較暗或較亮。藉助深度，你可以使項目看起來更近，而其餘內容看起來更遠（在這裏談論陰影和漸變）。最後，你還可以從色輪中選擇互補色（例如：黃色和紫色）以進一步提高對比度。總之，應該提高你要強調的和頁面其餘部分之間的對比。

12、個性而不是通用

介紹你自己或者產品的時候，包含名稱，圖片或產地能使你的交流更加個性化。提及原籍國，州或城市是一個非常人性化的開始。這樣做了，會讓人感覺更加友好。通常，說明產品的原產地也會給人感覺產品的質量略高。

13、減少表單字段，而不是要求太多

人類天生就抵制勞動密集型的任務，這種想法也適用於填寫表格字段。你要求的每個字段都有使用戶轉身放棄的風險。並不是每個人都以相同的速度打字，而在移動設備上打字仍然很麻煩。詢問每個字段是否確實必要，並刪除儘可能多的字段。

14、暴露選項而不是隱藏它們

使用的每個下拉菜單都會隱藏一組操作。如果這些隱藏的選項在使訪客完成任務的過程中處於中心位置，那麼考慮將它們進行更多的顯示。慎用下拉菜單在用戶操作的流程中。

15、連續性而不是無用的底部

錯誤的底部是轉化殺手。是的，滾動長頁面很棒，但是要小心，防止用戶感覺頁面已經在實際上沒有的部分之間結束了。如果你的頁面需要滾動，請嘗試建立一種視覺模式或節奏，讓用戶進一步閱讀。其次，要注意摺疊可能出現的區域之間的巨大空隙（當然，這裏指的是一個區域範圍，其中有很多設備尺寸）。

16、保持焦點而不是太多鏈接

創建很多鏈接的頁面很容易，但是如果你要創建的是敘述性頁面，在底部建立特定的事件觸發，就需要特別注意，CTA上方的任何鏈接都可能會使客戶遠離你一直希望他們做的事情。注意頁面上的鏈接數量。刪除多餘的鏈接可以確保增加用戶到達該重要按鈕的機會。

17、顯示狀態而不是未知狀態

在任何用戶界面中，我們經常會顯示可以具有不同狀態的元素。可以閱讀或不閱讀電子郵件，可以付款或不付款，等等。向用戶通知項目所處的特定狀態是提供反饋的一種好方法。界面狀態可以幫助人們瞭解他們過去的行爲是否已經成功執行，以及是否應該採取行動。

18、利益引導按鈕，而不只是基於任務的按鈕。

想象一下頁面上顯示的兩個簡單按鈕。一個按鈕告訴你它將“省錢”，而另一個按鈕詢問你“註冊”。我敢打賭，第一個人可能會有更高的機會採取行動，因爲單獨註冊並不具有內在價值。

19、直接操作而不是無上下文菜單

有時候，與通用操作相反，允許直接對某些UI元素進行操作很有意義。例如，當顯示數據列表時，我們通常希望用戶對列表中的項目進行操作。單擊或將鼠標懸停後可以用來操縱（刪除，重命名等）特定項目。與在沒有上下文的情況下操作相比，啓用此類交互將減少所需步驟的數量-因爲選擇已得到照顧。

20、顯示字段，而不是創建額外的頁面

在創建登錄頁面時，在轉換頁面本身上顯示實際表單字段可能會有所幫助。與創建單獨的多頁面註冊相比，將註冊表單與登錄頁面合併具有許多好處。首先，我們通常會從流程中減少額外的步驟，而任務將花費更少的時間。其次，通過顯示此處的表單域數量，我們還爲客戶提供了即時註冊的感覺。

21、使用自然過渡，而不是立即顯示更改

用戶執行操作時，界面元素通常會出現，隱藏，移動和調整大小。當元素對我們的交互做出響應時，動態的效果告知用戶會更容易理解。以動畫或過渡形式出現的內在故意延遲，爲人們提供瞭解尺寸或位置變化所需的時間。當然要記住，隨着我們開始將這種過渡的持續時間增加到超過0.5秒，在某些情況下人們可能會開始感到不舒服。

22、逐步參與，而不要匆忙註冊

爲什麼不要求他們首先執行一項可以證明其有價值的任務，而不是要求訪客立即進行註冊。在這種初始交互過程中，產品既可以展示其優勢，又可以使其個性化。用戶開始看到你的產品的價值並瞭解如何實現自己的價值後，他們將更願意與你分享其他信息。

23、減少邊框，而不要浪費用戶的注意力

邊框與內容在爭奪注意力。注意力是寶貴的資源，因爲我們在任何給定的時間只能掌握這麼多。使用邊界能清晰精確地定義空間，但是邊界也確實吸引了我們的注意力，因爲它們被視爲明確的線條。爲了定義較少關注的屏幕元素之間的關係，還可以將元素通過鄰近程度分組在一起，對齊，具有不同的背景，甚至共享相似的印刷樣式。

24、銷售益處而不是功能特性

我認爲這是市場營銷101。人們更注重效益，而不在乎那些功能特性。收益代表了更明確的價值。克里斯·居里波（Chris Guillebeau）在“ 100美元創業公司”中寫道，人們真的很想擁有更多：愛情，金錢，接納和自由時間，卻都不喜歡壓力，衝突，麻煩和不確定性。讓用戶更多的意識到給他們帶來的好處。

25、設計0狀態的表現，而不僅僅是數據的情況。

在某些情況下，你可能需要以各種方式顯示0、1、10、100或10,000個以上的數據結果。這些情況中最常見的可能是從第一次使用零數據，到將來使用大量數據的過渡。當沒有任何東西可以顯示時，我們常常忘記爲這種初始情況進行設計。0是一個冷冰冰的狀態。用戶初次使用時，你的應用只會顯示空白，而無任何指導，那麼就很可能會錯失良機。零數據狀態是通過向用戶展示下一步該如何去做，並幫助他們跨越學習的最初障礙。

26、使用柔性更改而不是剛性

用戶在操作過程中不可避免地會犯錯誤。在這種情況下允許進行校正將減輕必須重新開始的痛苦。也許用戶改變了主意，不希望訂購8個橙子，而是訂購了7個橙子？用戶的送貨地址上個月可能已更改，因此需要進行更改。用戶界面應允許用戶進行如此細微的修改-這是自然而然的。

27、一致性而不是讓人們重新學習

自唐納德·諾曼（Donald Norman）出色的著作以來，爭取用戶界面設計的一致性可能是最著名的原則之一。擁有更一致的UI或交互只是減少用使用產品時的障礙。當我們按下按鈕和移動滑塊時，我們學會期望這些交互元素以相同的方式反覆出現，表現和被發現。一致性鞏固了我們學習互動的方式，一旦被改變，我們就被迫重新回到學習模式。可以通過多種可能的方式來實現一致的界面，例如：顏色，方向，行爲，位置，大小，形狀，標籤和語言。

28、使用Smart Defaults而不是再額外的工作

通過使用智能填充默認值或使用有根據的猜測來預先填寫表單字段，可以減少用戶要做的工作量。這是一種常見的技術，可通過尊重用戶的有限時間來幫助他們更快地瀏覽表單。從經驗和轉換的角度來看，最糟糕的事情之一就是一遍又一遍地詢問人們過去已經提供的數據。嘗試顯示預加載了要驗證的值的字段，而不是要求每次都重新鍵入值。

29、使用約定而不是重新發明輪子

慣例是一致性的老大哥。如果我們在整個界面上保持相似的狀態，人們顯然不必費勁地掙扎。另一方面，如果我們都在多個界面上保持儘可能相似，那將進一步降低學習曲線。比如在已建立的UI裏，我們已經習慣了關閉右上角的關閉按鈕。

30、避免損失，而不是強調收益

我們喜歡贏，但我們更討厭輸。根據說服心理學的規則，與獲得收益相比，我們更有可能避免損失。這可以應用於產品產品的框架和溝通方式。通過以某種產品爲基礎來保護客戶的現有利益，這種策略可能比嘗試向客戶提供他們還沒有的其他東西更有效。

31、使用視覺層次結構，而不是平鋪

良好的視覺層次結構可將重要元素與次要元素分開。視覺層次結構是由諸如對齊，接近度，顏色，色調，縮進，字體大小，元素大小，填充，間距等變化引起的。如果正確應用這些視覺語言元素，它們可以協同工作以引導和暫停人們的注意力，在頁面內提高總體可讀性。通過良好的視覺層次結構，儘管我們可能會在頁面上花費更多的時間，但最終結果應該是我們獲得了更多的註冊。將其視爲公路旅行，你可以上高速公路，更快地到達目的地（頁面底部），也可以上風景優美的路線，沿途記住更多有趣的事情。

32、對相關項目進行分組而不是無序

將相關項目分組在一起是增加基本可用性的基本方法。我們大多數人傾向於知道打開和保存功能通常可以或多或少地同時找到。相關項目只是爲了彼此接近而放置，以遵守一定程度的邏輯並降低總體認知摩擦。浪費時間尋找東西通常對人們來說並不有趣。

33、內聯驗證，而不要延遲顯示錯誤

處理表格和錯誤時，檢測是否有不正確的地方，並儘早顯示。當然，這裏強調的著名交互模式是內聯驗證。通過顯示錯誤消息（例如在輸入字段的右側），可以立即對其進行糾正，並在上下文中進行糾正。另一方面，當稍後顯示錯誤消息時（例如在提交後顯示），它迫使人們不得不做一些額外的認知工作，即必須從幾步後回想起自己在做什麼。

34、寬鬆輸入，而不是嚴格限制數據

就用戶輸入的數據而言，計算機應該更加寬容，計算機可以向更加人性化的方向來做。寬鬆的輸入可以預期和理解各種數據格式，從而使你的UI更加友好。一個完美的例子是，當我們要求人們提供可以以多種不同方式輸入的電話號碼時，包括方括號，分機號，破折號，區號等等。讓你的代碼多編寫一些，這樣你的用戶就輕鬆很多。

35、時間緊急而不是平淡表達

緊迫性是一種說服策略，可以應用它來使人們現在就行動，而不是以後（或可能永遠不這樣做）。之所以起作用，是因爲它通常意味着某種程度的稀缺性，因爲現在可用的東西明天可能就不可用了。它之所以有效，是因爲它以相同的方式觸及損失規避 – 因爲我們不希望失去機會。緊急情況也可能是其中一些被人們視爲一種促使人們採取行動的有效手段。不過，只要誠實，它就可以作爲一種使用策略來使用。請小心使用，以免產生虛假的緊迫感，它會適得其反。