如何設計轉換的登陸頁面

“你永遠不會有第二次機會給人留下第一印象。”

雖然讓人們訪問網站很重要，但企業真正想要的是轉化。 換句話說，抓住那些可能對公司獨特的價值主張足夠感興趣的變化無常的訪問者來註冊、訂閱、保持更新、與朋友分享並成為忠實的客戶。

既然如此，著陸頁設計師的主要目標是通過給人留下強烈的第一印象來創建一個高轉化率的著陸頁，而他們只有不到 7 秒的時間來做這件事。

在為可轉換的登錄頁面開發訪問者體驗時，登錄頁面設計人員通常會根據一系列考慮採取不同的方法。 他們必須仔細考慮行業和垂直市場、受眾以及完成轉換所需的最少信息。

以下是一些提高著陸頁轉化率的創新和成功策略。

1.陳述你的情況

賣更好的生活

公司通過各種營銷努力說服人們訪問他們的網站。 首先，他們解釋了他們獨特的產品或服務如何使潛在用戶受益。 球場的前幾行需要引起情感共鳴，從而引發訪客問題的可能解決方案，並且需要在不到 7 秒的時間內完成。

例如，個人幫助和款待服務 Alfred 並沒有談論他們的客戶群規模或他們有多少承包商，而是用幾句話告訴訪客該服務如何幫助他們恢復空閒時間。 正確的語言會激發潛在客戶設想該產品如何改善他們的生活。 這是一個很好的賣點。

投資創業公司 Betterment 有一個登陸頁面，向潛在客戶展示了一個令人信服的案例。 和諧的色彩、微笑的人、引人注目的文案、獨特的價值主張和清晰的號召性用語 (CTA) 都可以幫助人們立即了解 Betterment 所提供的內容。

提供證明

轉換用戶的另一種方法是突出推薦。

正如 Neil Patel 解釋的那樣，“不可能像你的客戶那樣寫出好的文案。 為什麼？ 因為好的文案取決於來源，而不僅僅是風格和內容。 推薦書之所以引人注目，是因為它們向客戶展示瞭如果她使用您的產品或服務，她會體驗到什麼。”

推薦書有助於推銷體驗，訪問者可以輕鬆地將可能性內化。

說訪客的語言

為合適的觀眾營造合適的情緒也很重要。

將宣傳的語言和視覺設計與要傳達給網站訪問者的情感相匹配是很重要的，無論是信任感還是危險的調情、形式或友好、堅忍的嚴肅或面容。

為客戶量身定制信息。 這是兩個私人飛機服務的語言和圖像的比較。

NetJets 的目標客戶是對奢華和排他性感興趣的商務人士——這些感覺通常與私人航空旅行的想法有關。 另一方面，VistaJet 專注於富有的家庭，使其聽起來完全適合他們的生活。 該公司的產品試圖吸引適合特定角色的核心客戶； 因此，著陸頁的設計傳達了一種與目標市場的敏感性、特殊需求和價值觀相關的情緒和風格。

2. 以行動引領

直接解決群眾問題

設計師需要問自己為什麼人們訪問該網站。 推動訪問者的承諾是專注於產品的主要操作。

Airbnb 的登陸頁面會立即傳達它的內容——包括標題宣傳和下方的表格。

設計師將注意力集中在 Airbnb 服務的基本要素上，這樣人們就可以立即開始採取行動來提升他們的承諾。

一旦他們開始計劃他們的旅行並探索他們的選擇，他們就會投入時間和情感。 需要注意的是，只有在人們決定預訂或將列表保存到他們的願望清單後，他們才會被要求註冊一個帳戶。

這種設計同時幫助人們完成他們想要的行動（如果他們致力於預訂）或可以激發“拯救他們的工作”的願望（如果他們正在探索他們的選擇）。

TaskRabbit 也是如此。 他們不是主要的 CTA 要求訪問者“註冊”，而是深入了解人們所追求的核心，即“在家提供幫助”。

首先，TaskRabbit 通過消息引起情感共鳴，然後提供一個輸入字段，詢問人們他們需要什麼幫助。 僅僅閱讀問題就會促使人們考慮他們希望如何得到幫助，並通過陳述他們的具體需求來邀請他們進行探索。 這是立即參與。

3. 給他們一個他們無法拒絕的提議

提供折扣

登陸頁面提供的內容可能對訪問者來說是一個福音——問題是，數以百萬計的其他公司已經在爭奪客戶的注意力。

分享他們的電子郵件地址對某些人來說可能是一個敏感問題，因此登錄頁面設計人員需要讓他們值得一試。 這就是為什麼許多公司為購物者提供誘人的交易只是為了​​交出他們的電子郵件地址的原因。

提供折扣、免費試用、免費送貨或任何其他引人注目的免費贈品來激勵註冊。

以布魯克林為例。 它為訪客首次購買提供免費送貨服務。 要在沒有註冊的情況下繼續訪問該網站，人們必須選擇一個按鈕，上面寫著“不，謝謝，我想支付運費。” 谁愿意支付運費？

以有意義的方式告知和教育訪客

收集電子郵件地址的另一種方法是提供免費內容，例如電子書，以換取電子郵件地址。

UXPin 以其關於各種主題的信息豐富的電子書而聞名。 他們將它們贈送給客戶，以換取客戶的電子郵件地址和一些信息。 訪問者想要有價值的信息，所以他們不介意提供他們的電子郵件地址來獲取它。

隨後，UXPin 可以向新訂閱者發送電子郵件，以跟進其他誘人的優惠。

4.減少摩擦

保持 Web 表單簡單

許多因素可以決定註冊表單的成敗； 避免摩擦就是其中之一。

摩擦是任何阻礙人們前進的東西，造成混亂，並且需要太多的認知工作。 該設計也可能容易出錯。 最好的表格包含有用的信息和清晰的標籤，它們使人們可以輕鬆快速地消化信息。

人們經常使用內聯驗證出現格式錯誤； 設計師的工作就是讓這個過程盡可能簡單。 人們使用額外的輸入字段來確認他們的電子郵件和密碼是否至關重要？ 最好讓人們可以選擇查看蒙面密碼。

Instapaper 的註冊表單簡潔明了，但不會提醒訪問者為什麼要創建帳戶。 該表單還缺少內聯驗證，因此人們必須在發現他們沒有輸入有效的電子郵件地址之前提交表單。 這種摩擦可能看起來微不足道，但它可能會花費註冊費用。

恰恰相反，Pocket 的註冊表單乾淨而吸引人，並保持價值主張可見。 表單很清晰，內聯驗證讓人們在提交表單之前知道他們是否犯了錯誤。 人們寧願在整個過程中看到錯誤。

5. 移動優先

我們已經聽過一百萬次了：移動優先。 2016 年，移動和平板電腦的互聯網使用量首次超過桌面。

谷歌搜索結果偏愛適合移動設備的網站，這意味著首次訪問者很可能正在他們的手機上查看網站。 如果目標網頁和註冊表單在移動設備上顯示不正確，則該網站可能會失去許多潛在的轉化。

這似乎很明顯，但即使在今天，仍然有太多的網站不適合移動設備。 有時，一個網站在移動設備上看起來不錯，但註冊表單不夠用。 其他時候，字段和按鈕太小，或者設計師選擇了在移動設備上使用起來很麻煩的輸入法。

在上述移動登錄頁面註冊表單上，噪音極小，標記清晰的字段很大且易於點擊。 按鈕清晰且全寬。 在大多數這些移動表單設計中，密碼字段為用戶提供了顯示密碼的選項，這對於拼寫錯誤和失火已成為現實的移動設備非常有用。

6.避免太多信息

只要求最低限度

所有登陸頁面設計師都需要考慮的事情：企業需要什麼信息才能讓人們開始？

如果第一印象感覺像是審問，那麼潛在的轉換可能很快就會被嚇跑。 即使某些字段被標記為可選，要求提供太多信息也會給訪問者留下他們的隱私沒有受到尊重的印象。

例如，梅西百貨會問太多問題而無法註冊。

為什麼他們需要知道訪客的生日？ 他們可能想知道人們的年齡，以便按人口統計對其進行細分。 這感覺像是對人們隱私的侵犯，因此訪問者很可能會放棄註冊，從而失去機會。 有關年齡的信息可以稍後在帳戶首選項中輸入。

雖然 TaskRabbit 的登錄頁面在視覺上很吸引人，但他們的註冊表單也有點太多了。

郵政編碼是有道理的，因為服務提供商是本地的，但為什麼他們需要人們的名字和姓氏來註冊服務呢？ 每個額外的字段都很重要，這會在訪問者的路徑中設置障礙。

著陸頁轉換最佳實踐建議設計師只要求最低限度的讓人們開始：電子郵件和密碼。 要求在入職過程中稍後應保留姓名和郵政編碼。

相比之下，Blue Apron 的餐包服務只要求人們使用電子郵件地址和密碼創建一個帳戶。 簡單快捷。 他們不要求提供姓名甚至郵政編碼——即使該服務並非在任何地方都可用——這意味著人們放棄該表格的可能性要小得多。

7.開始對話

帶有按鈕、鏈接和表單的傳統登陸頁面 UI 正逐漸消失在最直觀、最自然的交互模式之一——對話之後。

聊天機器人和對話式 UI 的流行正在爆炸式增長。 據 Gartner 稱，到 2020 年，聊天機器人將為所有客戶服務交互提供 85% 的支持。在許多情況下，聊天機器人將著陸頁每潛在客戶成本 (CPL) 降低 48%，並通過推動客戶參與度潛在地使潛在客戶轉化率翻倍。

傳統的登陸頁面通常通過引人注目的視覺效果、動畫、突出的價值主張和精心放置的 CTA 來吸引訪問者，這些 CTA 通常後面會跟著一個表格。 另一方面，聊天機器人可以立即吸引訪問者，可以提供更加個性化的服務，並多次提高轉化率，因為它們可以產生和限定潛在客戶。

如果處理得當，對話式著陸頁 UI 會讓人感覺有趣、友好且樂於助人，並且可能適用於希望與潛在客戶建立聯繫的企業。 這種策略可能對旅遊和保險提供商等服務行業有意義。 通過提出一系列問題，由人工智能驅動的登陸頁面聊天機器人可以定制其響應，並且由於速度至關重要，因此可以快速為用戶指明正確的方向。

然而，即使是非常複雜的機器仍然像機器一樣思考。 如果執行不當，聊天機器人可能會感到冷漠，在最壞的情況下，人們可能會感到不舒服而離開。 最好記住，訪問者是人類，他們可能有超出預編程響應的問題，或者他們可能會以聊天機器人無法立即識別的語法來構建這些問題。

雖然並非適合每個行業，但對話式登錄頁面有可能在更人性化的層面上吸引訪問者。 由於對話是有意義的關係的基石，因此聊天機器人必須能夠進行智能的雙向對話。 邁出一大步並正確執行對話著陸頁的初創公司將成為真正的開拓者。

如何設計高轉化的登陸頁面

有數以百萬計的網站在爭奪人們的注意力，正如所討論的，設計師只有幾秒鐘的時間來說服訪問者註冊產品或服務。 登陸頁面設計者需要戰略性地考慮如何以及何時邀請用戶註冊，以及在什麼階段要求什麼信息。

人們通過探索和參與推動他們最終的承諾，從而對產品或服務產生興趣。 要設計可轉換的登錄頁面，最好使網站具有吸引力且輕鬆，並且註冊過程順暢且愉快。 通過遵循著陸頁轉換最佳實踐，設計師可以開發高轉化率的著陸頁，從而吸引更多客戶。

• • •

進一步閱讀 Toptal 設計博客：

• 如何設計有效的登陸頁面
• 為轉換而生——著陸頁設計最佳實踐
• 使用這些著陸頁靈感轉換訪問者
• 登陸頁面設計：構建終極登陸頁面
• 電子商務用戶體驗——最佳實踐概述（附信息圖）