提高客戶轉化的網頁布局方法

能把目標訪問者轉換成客戶的網站不僅有良好的外觀設計，也不僅是說服式的內容組織，還需要一些更深入的研究。

依據的交互設計和心理學理論、以及採用A/B測試和熱力圖等工具分析訪問者的過程中，不斷總結出提高網站客戶轉化的網頁布局理論。

本文客戶轉化指通過網站把訪問者轉化為客意向戶。對於B2B網站來說，從網站獲得電話諮詢或收到來自網站的郵件邀約，那麼網站實現了客戶轉化。對於B2C網站，新客戶購買產品及老客戶重複消費是客戶轉化的重要指標。

潛在客戶對您的產品和服務感興趣。這些群體也會同時比較多家企業，訪問多個網站。純粹以說服為目的的頁面是否能為訪問者帶來舒適體驗？是否能夠達到轉化目的？這有待數據證明。但以下布局設計方法將為網站提升客戶轉化發揮作用。

一個人面臨的選擇越多，所需要作出決定的時間就越長。希克法則是交互設計中的七大定律之一。

心理學家希娜·艾揚格和馬克·萊珀有一個著名研究：他們發現一張只展示6種果醬的展品桌比一張有24種果醬的展品桌更容易吸引人們的興趣。

這就是希克行動法則的一個例子：行動的損失與選擇的數量成比例。

在網頁設計中如果要提高轉換，那麼給予訪問者選擇的機會需要減少。我們可以通過限制用戶的選擇數量來提高轉換。首先考慮的是導航欄。顯然，主導航不能有太多的鏈接可供選擇，否則用戶將降低對您網站的興趣。

依據此原理，在著陸頁設計時減去主導航，避免跳轉操作。緊接著有個問題，一個內容繁多的網站如何設計簡潔導航呢？這裡有個原則：主要業務在主導航，其他部分作為網站底部或者側導航處理。但是鏈接的數量需要控制，能夠集中在一個頁面闡述的問題，不再細分為多個頁面。

在交互設計中有「7加減2法則」。意思是網頁上任何一組元素的設置數量在5-9個之間。例如導航菜單個數6個，首頁一組內容塊的個數控制在9個以內，選項卡的設置最多不要超過9個等等。

「7加減2法則」來源於19世紀中葉，愛爾蘭哲學家威廉漢密爾頓觀察到：如果將一把子彈撒在地板上，人們很難一下子觀察到超過7顆子彈。

用戶使用網站是尋找內容，這種需求往往非常急切，請不要以為每個訪問者都會像挖寶一樣孜孜不倦，如果不能快速的找到自己想要看的東西，那麼他們就會關掉您的頁面去其他網站。控制布局中元素數量會使用戶對於網站的內容一目了然，使他們確信從您的網站獲得信息是件輕鬆的事情。

三分法是一種在攝影、繪畫、設計等藝術中經常使用的構圖手段，有時也稱作井字構圖法。 三分法構圖是指把畫面橫分三分，每一分中心都可放置主體形態，這種構圖適宜多形態平行焦點的主體。

網頁首屏等比例分為三等分，產生四個交匯點，如上圖所示。這四個交匯點是人們視覺的重點，如果網站的按鈕（鏈接）放置在它的附近，將有利於提高網站轉化率。

這一理論目前被應用於網頁banner的設計，及轉化頁按鈕的放置。

留白即是擴大空白的空間，幫助視線集中在主要元素上，避免視覺噪音干擾訪問者獲取信息。這些信息是你希望傳達給瀏覽者的重要內容。留白也是奧卡姆原理，被稱為「簡單有效原理」的應用。

廣泛應用於網頁banner設計及版面布局，及文本字間距行間距設計中。

布局留白控制也要求我們在網頁上只放置必要元素，多餘的元素只會使訪問者疑惑，增加網站使用的困難。留白控制能使網站看起來簡單，越簡單的東西人們越利於使用。

格式塔設計原則認為：「整體不是各部分的總和。」 基本上，人眼和大腦對統一設計的感知方式不同於對該設計的各個組成部分的感知。

人眼/大腦喜歡將相似的物體組合在一起。它是一種機制，讓我們能夠理解事物和辨別嘈雜的環境。

在Web設計方面，我們通過對希望相互關聯的項（如證明框、轉換按鈕或圖像）進行分組來利用此理論。

例如，如果您有一份很有說服力的推薦語，並且想用它來提高加入表單的轉化率，我們可以把它直接放在表單下面。用戶會將兩者聯繫起來，促進表單提交。

行動號召採用雙按鈕布局

研究證明，行動號召採用雙按鈕明顯能夠提升轉化率。並且按鈕出現在首屏偏下位置比出現在一個長頁面下半部更能夠提升轉化。

以上內容屬作者個人觀點，不代表雨果網立場！本文經原作者授權轉載，轉載需經原作者授權同意。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！