15 條網頁設計原則將提高你的轉化率

許多因素對您網站的轉化有直接影響。 然而，網頁設計是其中最重要的。

我們得到的第一印像是視覺和決定性的。 因此，如果您想提高網站的轉化率，那麼網頁設計是首先要開始的地方。

在本文中，我們匯總了可幫助您完成此任務的基本原則和技巧。

確保您的網頁設計具有響應性和移動友好性

移動流量的份額正在增長，並將在 2020 年增長。研究表明，如果無法通過移動設備執行必要的操作，大多數用戶將拒絕與品牌互動。 因此，在對網站設計進行更改以獲得更多轉化之前，請確保網站在移動設備上正確顯示，並且用戶不會在其路徑中遇到絆腳石。

怎麼做？ 一切都取決於您創建網站的方式。 例如，WordPress 和其他流行的 CMS 上的網站從創建的那一刻起就會做出響應。 但是，對可用性的額外測試不會過度。

根據希克定律給予更少的選擇

該定律表明，更少的選擇會提高決策速度，反之亦然。 例如，如果您在主頁上一次使用三個號召性用語，例如在網站上註冊、獲得折扣和下載電子書，那麼用戶將很難決定先採取哪個行動. 將這些號召性用語按邏輯順序排列會更合理——因為它們被列出並在前一個動作之後為用戶提供下一個動作。

您在頁面上顯示的產品數量也是如此。 您不應該向用戶顯示所有可能適合其搜索查詢的產品——最好顯示五個最合適的選項並允許使用過濾器繼續搜索。

添加全屏網站大門

考慮在用戶將主頁滾動到某個點時顯示全屏潛在客戶表單的可能性。 首先，全屏形式會吸引所有用戶的注意力，不會讓他被網站的其他元素分心，其次，這只是我們之前談到的選擇可能性。 所以用戶只收到兩個選項。 首先是關閉潛在客戶表單並繼續與站點交互。 第二個是給你他的電子郵件地址以換取你的報價。

將最重要的點放在交叉點上

你可能知道攝影的主要規則之一——三分法則。 根據這個規則，兩條線在視覺上將屏幕水平和垂直劃分，形成九個正方形。 因此，屏幕中心的四個線條的交點是用戶的注意力中心，這就是為什麼要在此處放置諸如號召性用語之類的基本信息的原因。

優化您的網站加載速度

此項目與設計直接相關，因為您的頁面可能會因大量圖片而超載，從而減慢網站的加載速度。 刪除所有不必要的內容並優化關鍵圖像。 據統計，最佳的網站加載速度為兩到五秒。 而在這種情況下，你需要爭取更低的指標，因為 40% 的用戶表示他們會關閉一個加載時間超過 3 秒的網站，這意味著每次網站變慢時你都會失去潛在的領先優勢。

使用負空間來獲得積極的結果

Jan Tschichold 說，負空間應該被視為一種積極的元素，而不是一種消極的背景。 距離和注意力之間存在聯繫。 更大的距離會吸引註意力，而其他元素的缺失則更能區分現有元素。 設計師可以使用這個空間屬性來突出重要元素。 將空格添加到內容的特定部分會使用戶關注該區域，因為屏幕上沒有其他內容可以吸引註意力。 正如您在下面的示例中所見，Google 是其項目中留白的大力支持者。 它有助於立即理解這個項目的目的：重點是頁面的主要目標。

選擇正確的顏色來建立適當的關聯

不幸的是，沒有關於哪種顏色轉換效果更好的通用建議。 一切都取決於您的業務細節。 例如，白色和藍色給人一種穩定和可靠的感覺。 因此 PayPal 使用這種組合來形成正確的關聯。

如果您不確定您的顏色是否正確，只需回到營銷中色彩心理學的起源，並重新檢查您公司的價值觀並找到您的完美搭配。

此外，對於轉換得更差或更好的按鈕顏色有不同的看法。 按鈕的正確顏色是一個古老的哲學問題。 有人聲稱通過紅色按鈕實現了最高的轉化率。 其他人說綠色或藍色。 正確答案聽起來像這樣（就像營銷和設計中的許多其他答案一樣）：“它需要進行測試。” 因此，選擇與設計的原色形成對比的按鈕顏色，並進行一些測試以了解哪種顏色轉換效果更好。

使用一張大圖而不是幾張小圖

一張正確的圖片可以說不止幾段文字。 因此，在您的網站設計中使用視覺感知和情感的力量。 例如，您可以將圖像作為網站的背景，然後按照網頁設計的基本規則放置所有元素。 順便說一句，它也有助於更好的轉換。

此外，這種方法提倡簡約和極簡主義，這是近年來的趨勢，正確選擇的圖像會喚起必要的情感和聯想。 反之亦然，正如我們所說，太多的圖像會使選擇變得更加複雜並分散用戶的注意力。

擺脫與設計無關的一切

換句話說，爭取最大程度的簡單。 在現代大量的信息噪音中，簡單和清晰已成為真正的不足。 研究表明，76% 的用戶認為簡單是網站設計的主要決定因素。 在這裡，您需要在簡單性、極簡主義和功能性之間保持適當的平衡——因為簡單性也是通過幾次點擊找到用戶需要的機會。

使用面孔和其他社交證明

不幸的是，互聯網上充斥著虛假評論，不要懷疑您的用戶也知道它。 因此，與其強迫他們搜索有關您的產品或服務的反饋（可能由您的競爭對手編寫以破壞您的業務），您需要在現場給他們這個機會。

因此，以這樣一種方式考慮網站設計，以便您可以在頁面末尾附近放置一些真實的評論（甚至更好的是輪播）。 並且一定要使用活人（最好是你真正的客戶）的照片來營造強有力的社會證據的印象。

簡化您的導航

您可能已經看到包含一百萬個類別的網站，並且在第一次嘗試時根本不可能選擇正確的部分。 如果以前，用戶仍然會花時間進行此類搜索，那麼今天他們希望在不採取額外操作的情況下查看他們需要的內容。

因此，請重新考慮您瀏覽網站的方法，減少類別數量，刪除所有不必要的部分，並僅保留最重要的部分。 正如我們已經說過的那樣，各種選擇會使決策複雜化，或者通常會迫使用戶離開頁面並將任務推遲到以後。

集成成就計數器

這是一種觸發潛意識反應的心理技巧——人們傾向於相信統計數據。 這是另一個通過建立信任和營造可靠印象來提高轉化率的機會。 但是有一個關鍵點。 還記得，我們​​討論過三分法則和戰略交叉點嗎？ 這些正是您需要放置統計數據的地方，以便它們處於關注和感知的中心。

創造人為赤字的印象

營銷人員不同意這種銷售策略，但對於快速和季節性的銷售，這種方法仍然是合適的。 因此，如果您有季節性或促銷優惠，或者您正在測試對新產品的興趣，那麼創造稀缺的錯覺並在設計的幫助下反映這一點是有意義的。 例如，您可以設置倒數計時器，然後再次將數字放在訪問者註意力的焦點上。

但是，在這裡您仍然需要正確定位號召性用語按鈕。 在這種情況下，最好按照 Z 方案執行此操作。

用戶的注意力沿著上水平線，斜向下滑動，到底部的信息上。 在左上角，水平放置徽標 - 標題。 右下角是號召性用語的理想位置。

減少必要步驟的數量

您可以正確地註意到這是 UX 設計師的職責，但在實踐中，這只是 Web 和 UX 設計師必須一起工作以獲得單一結果的情況。 UX 設計是另一個直接影響轉化的因素，將用戶與目標操作分開的步驟越少，完成它的可能性就越大。

因此，您需要再次確保他需要的信息或產品不超過三下點擊。

確保您的號召性用語在正確的位置

為了提高您網站的轉化率，請在發出號召性用語時利用三分法和 Z 方案。 如果你複製它，你可以增強對行動號召的感知——在線條的交叉處和頁面的右上角，字母 Z 的頂行結束的地方。 這樣，用戶的注意力會先停在右上角，然後斜向下滑動，直接停留在左側線條的關鍵交點處。

最小化用戶輸入

現代用戶非常不耐煩，我們已經在加載頁面速度的段落中談到了這一點。 一個巨大的填寫表格可能會扼殺你的轉化，因為沒有人願意浪費時間，尤其是在移動設備上。 因此，請查看您的註冊表並只留下三行 - 姓名、電子郵件地址和密碼，並添加通過 Google 和 Facebook 註冊的功能。

結論

如您所見，許多技巧會影響轉換。 但是，要記住的最重要的事情是，任何新方法都應該在用戶身上進行測試。 每個企業和每個目標受眾都是特定的； 因此，沒有關於在您的設計中使用什麼來增加轉化率的模闆說明。 此外，設計是轉換（或不轉換）的第一個但不是最後一個因素，這也需要記住。