如何設計有效的登陸頁面

登陸頁面可以描述為將訪問者推向單個操作的單頁網站。 這種對單一目的的關注是使登錄頁面與其他網站不同的主要特徵。

他們的主要目標是產生通常與電子郵件和社交媒體活動相關的潛在客戶，並將這些潛在客戶轉化為買家和訂閱者。 將訪問者轉化為潛在客戶和買家的過程通常通過號召性用語按鈕和潛在客戶生成表單來完成。

登陸頁面是互聯網訪問者在前往您希望他們在您的網站上執行的重要操作的途中首次到達的任何網頁 – Tim Ash，登陸頁面優化

登陸頁面起源於微軟在其 Office 套件中遇到的銷售不佳的情況，並且已經擴展到電子郵件營銷解決方案、客戶管理和潛在客戶捕獲功能現在成為標準的地步，並且是通過營銷手段留住和獲取客戶的強大工具和設計技巧。

儘管是一種狹隘且有些基本的客戶獲取和銷售形式，但登錄頁面仍然是營銷人員使用的最強大的工具之一。

有效的登錄頁面用於轉換和麵向銷售的任務，例如：

• 推廣新產品
• 不斷增長的訂閱者列表
• 增加銷售和潛在客戶
• 通過表單獲取見解和數據

著陸頁設計最佳實踐

登陸頁面雖然與普通網站非常相似，但用於不同的目的。 以下是有助於使著陸頁看起來很棒並且轉換良好的關鍵特徵：

1. 視覺簡潔

視覺簡潔性考慮了登錄頁面用戶界面的所有元素。 保持視覺簡潔和簡約設計很重要，因為它可以提高訪問者的注意力並有助於展示價值主張。 以下是視覺簡潔的一些特徵：

• 視覺簡潔性通過將訪問者與其他元素隔離開來保持空白，將訪問者集中在號召性用語 (CTA) 上。
• 視覺簡潔性使關鍵功能和號召性用語很容易脫穎而出。
• 視覺簡潔性通過以使它們脫穎而出的方式顯示元素來創建對比。
• 視覺簡潔性通過以引導用戶繼續閱讀的方式放置元素來保持設計流程。

2. 偉大的登陸頁面始於偉大的媒體

登陸頁面上正確的圖像和視頻將有助於說服訪問者採取行動。 出色的圖像有助於講述故事，有效地展示產品，並與訪客建立個人聯繫。

顯示圖像的相關性至關重要。 顯示友好、真實的人的圖像而不是普通的庫存圖像有助於建立與訪問者的信任。 包括相關的產品和服務圖像可以讓訪問者更好地了解他們所購買的產品。

對視頻對著陸頁的影響的研究表明，視頻比靜止圖像的影響更大，“71% 的受訪者確認視頻比其他內容的轉換效果更好。” 視頻有助於 SEO，保持用戶參與度，並更好地向訪問者解釋產品或服務。 另一個有利於視頻的因素是，如果使用得當，它們可以取代可能會損害轉換的冗長副本。

3. 顏色的重要性

研究表明，顏色對我們的心理影響很大——影響我們的感受和行為方式。 適當的調色板可以改善用戶界面並幫助指導用戶的行為，從而提高登錄頁面的轉化率。

以下是有關如何有效使用顏色的一些提示：

• 了解如何使用允許創建高對比度的高顏色和低顏色，這與復制可讀性直接相關。
• 創建一個由兼容的顏色組合組成的調色板，並以互補/相反的顏色為基礎。
• 從心理學和市場營銷的角度解決顏色問題。 根據產品/服務，使用傳達正確信息的顏色（例如，綠色是傳達安全、信任和冷靜的顏色，因此，它最適合與金融相關的產品）。
• 在針對不同的人口統計數據時考慮顏色象徵。 不同的文化對顏色的解釋不同，因此適用於一個用戶群的可能不適用於另一個用戶群。
• 了解顏色解釋因性別而異，在挑選顏色時沒有“防彈”解決方案。

5.登陸頁面響應式設計

響應式網站成為行業標準已經有好幾年了，登陸頁面也不例外。 響應式登錄頁面旨在在移動設備上提供與全屏佈局相同級別的用戶體驗和 UI。

通過移動設備進行的在線購買正在增長，因此手機將很快成為在線購物和購買的主要流量來源。 由於著陸頁以轉化為導向，因此了解移動受眾的潛力並適應該流量漏斗非常重要。

下圖顯示了移動用戶在著陸頁響應式設計統計數據方面的百分比：

儘管大多數提供登陸頁面的服務已經將響應能力集成到他們的模板中，但如果決定設計一個獨立的登陸頁面，那麼登陸頁面設計最佳實踐要求響應能力是絕對必須的。 原因如下：

• 響應式佈局提供與主登錄頁面相同的功能和內容。
• 響應式著陸頁受益於來自手機和平板電腦的大量流量。
• 響應式登錄頁面與引導流量的 SMM 活動很好地集成在一起。
• 由於佈局複雜性降低，響應式登錄頁面更容易構建。

內容——一個偉大的登陸頁面的基礎

1.醒目簡潔的標題

標題是訪問者到達目標網頁時首先看到的內容，是吸引訪問者的有效方式。 將標題視為吸引或失去訪問者的“鉤子”。

如果您沒有在他們進入您的目標網頁的最初幾秒鐘內吸引他們，您將失去讀者。 除了給人留下深刻印象，作為最突出的元素的標題應該傳達基本信息和獨特的銷售主張。

一個有效的著陸頁標題是：

• 有說服力和吸引人的
• 簡短但清晰，並說明它解決了什麼問題
• 傳達一種緊迫感

2. 強烈的行動呼籲

號召性用語按鈕是出色登陸頁面的核心組件，並且充當您的產品或服務與用戶之間的主要網關。

應用以下提示可以改善您的 CTA“按鈕遊戲”：

• 把它放在首位，並把重點放在主要的 CTA 上。 始終讓訪問者輕鬆執行所需的操作。
• 使用暗示性圖像和視覺提示將訪問者引向 CTA。
• 使用強烈而明亮的顏色，通過創建對比度使 CTA 按鈕脫穎而出。
• 在號召性用語中使用自然且可操作的短語，例如“立即開始”和“立即獲取免費報價”。 避免使用像“提交”和“發送”這樣的簡單短語，因為它們在轉換方面沒有那麼有效。

3. 心理方面

每個人都受制於心理原則和規則。 人們的動機、願望、信念和偏見會引導他們做出具體的選擇。 這些選擇受到多種因素的嚴重影響，有意識的或無意識的，並且有一些方法可以影響它們：

• 利用與用戶上下文相關的移情圖像。 這可以在情感層面實現更好的連接，並向用戶傳達同理心。
• 登陸頁面上的關鍵元素，例如標題和號召性用語按鈕，應該為用戶創造價值和緊迫感。 這可以通過編寫適當的副本和使用對比色來實現。
• 信任徽章、評級和獎勵等小部件應顯示在首屏。 這傳達了一種信任的感覺。
• 顯示相關推薦書可以作為對訪問者的社會證明，並提高可信度和可信度。
• 展示與服務或產品相關的標識和品牌有助於通過社會證明建立信任。

4.登陸頁面上的人員使用

除了可用於從登錄頁面中獲得更多收益的各種心理方面外，使用人和友好的面孔是一種經過驗證的技術，可以提高登錄頁面的轉化率。

使用真實的、日常生活中的人的圖片而不是物品或庫存圖片有助於建立更加個人的聯繫，並引起訪客的更多同情。 因為人們通常在情感和潛意識層面做出決定，所以通過圖像建立情感聯繫是一種非常強大的技術。

探索在網頁設計中使用人類圖像的研究發現，包含面部特徵的網站會激發人們認為網站值得信賴，因此更具吸引力。

另一個吸引 CTA 注意力的好方法是使用人們查看標題和號召性用語按鈕的圖像。 這種技術使用戶更容易看到重要的 CTA，並導致轉化率更高的著陸頁。

登陸頁面設計中的常見錯誤

1.沒有圖像或低質量的圖形

一張圖片勝過千言萬語。 – 諺語

研究表明，人們對圖像的感知更好，符號比文本快 1000 倍以上，這強調了使用高質量圖像和視頻的必要性。 通用的、像素化的、過時的圖像和股票攝影會損害可信度，降低可信度，並使著陸頁在讀者眼中不那麼真實。

2. 內容過多且複雜的頁面佈局

著陸頁旨在易於使用且易於理解。 過於復雜而無法滾動、難以掃描以及 UI 元素過載的佈局很少能提供價值並顯著降低著陸頁轉化率。 應根據具體情況決定使用常見的網站元素，如導航欄、頁腳和類似元素。

了解用戶的觀點可以更有效地發現設計中的弱點，有助於使頁面流程更直觀，並且掃描登錄頁面的過程更容易。

A/B 測試登陸頁面是收集可用於改進登陸頁面佈局的見解的好方法。 另一種選擇是使用基於證據的 UX 設計技術，例如 F 形和 Z 形圖案佈局。

這些類型的佈局已經過徹底分析，並使用顯示常見用戶交互模式的數據進行備份。 展望未來，應用來自研究的數據會極大地增強用戶與著陸頁內容交互的能力。

3. 無法掃描的副本

登陸頁面上的良好副本對於為訪問者創造清晰直觀的體驗至關重要。 寫得好的文案不僅具有啟發性，而且令人興奮。 由於營銷人員、設計師和企業主了解出色文案的價值，因此為登陸頁面編寫文案需求量很大。

以客戶為中心的文案的一個重要原則是講故事。 過多的文本、語法錯誤、大量完整的文本以及乏味的語氣可能會導致著陸頁效果不佳。 如果訪問者覺得文案是為他們量身定制的並講述了一個引人入勝的故事，他們會更加信任你。

概括

登陸頁面本質上是關於獲取和留住訪問者，以及將他們轉化為買家和訂閱者，它們目前是營銷人員用來收集潛在客戶的最受歡迎的工具之一。

各種營銷和設計技術的使用可以對用戶的參與產生強大的影響。 本文中概述的著陸頁設計技術和心理學原理有真實數據支持，並被證明可以保證著陸頁有效、轉化率高且以結果為導向。

• • •

進一步閱讀 Toptal 設計博客：

• 電子商務用戶體驗——最佳實踐概述（附信息圖）
• 以人為本的設計在產品設計中的重要性
• 最佳 UX 設計師作品集——鼓舞人心的案例研究和示例
• 移動界面的啟發式原則
• 預期設計：如何創造神奇的用戶體驗