建立高轉換目標網頁的10個UX技巧

時間：2023-09-13 08:12:01 | 來源：網站運營

時間：2023-09-13 08:12:01 來源：網站運營

建立高轉換目標網頁的10個UX技巧：從廣義上講，著陸頁面是訪問者通過其“登錄”網站的網頁。主頁經常用作著陸頁面，但是任何其他頁面都可以是著陸頁面。例如，如果您從百度來閱讀此特定文章，那么在您的情況下，此文章頁面就是目標頁面。

在網絡營銷的世界中，設計師還創(chuàng)建特定的著陸頁，以補充目標廣告活動。另外，在過去幾年中，許多品牌已經開始按照與目標著陸頁面相同的原則來建立主頁。后者的做法在單產品品牌中尤為典型，例如網絡和移動應用程序。

著陸頁的主要業(yè)務目標是轉化率優(yōu)化（CRO）。設計師可以使用許多最佳實踐來提高轉換率（使更多的人注冊，下載，購買等）。在本文中，我將向您展示10個UX設計技巧，并提供可用于創(chuàng)建高轉換目標網頁的真實示例。

1.將您的主要業(yè)務目標轉變?yōu)镃TA

許多著陸頁希望同時實現(xiàn)太多目標。但是，信息量過多的訪問者容易感到困惑而離開。在開始設計目標網頁之前，請仔細考慮您的首要業(yè)務目標是什么。您想讓人們下載您的應用程序嗎？獲取Beta測試人員？推出新產品？增加您的新聞通訊注冊？找到答案后，您就可以將主要業(yè)務目標轉化為引人注目的號召性用語（CTA）。

例如，查看Cryptagon加密貨幣投資組合跟蹤器的登錄頁面。您可以一眼看出他們的主要業(yè)務目標-他們希望人們注冊他們的應用程序。該消息在整個頁面上保持一致，他們不會因為任何不必要的信息而分散訪問者的注意力。

2.在標題中指定主要好處

如果您要創(chuàng)建一個高轉化率的目標網頁，那么標題清晰的標題至關重要。一個好的標題應該簡短，醒目并且針對性強。著陸頁上經常出現(xiàn)這樣的錯誤：標題從網站所有者的角度指定了產品的優(yōu)勢。但是，應該相反。標題只有從用戶的角度顯示產品的優(yōu)勢時，才可以將訪客變成潛在客戶。

例如，Uber的目標網頁有一個醒目的標題。它僅由兩個詞組成，但抓住了服務的本質?！暗竭_那里”的口號以一個強有力的動作動詞（“ Get”）開頭，該動詞實際上是呼吁訪問者采取行動。標題下方還有一個字幕，可以加強信息，并進一步說服觀眾嘗試Uber。

3.深入了解產品的工作原理

許多人傾向于只相信自己的眼睛。直觀地展示產品的工作原理，可以說服更多的人考慮購買。如果將插圖用作英雄圖像，則該方法特別有效?；脽魣D像（有時也稱為標頭圖像）是位于折頁上方并用作標題背景（有時是簡短說明）和號召性用語的全幅圖像。

PayPal信用卡閱讀器的登錄頁面以兩種不同方式同時顯示產品的運行情況。在前景中，您可以看到兩個讀卡器和PayPal應用程序的產品照片。在后臺使用產品時，有兩個人，一個店主和一個顧客。這兩個圖像相互支持，并為觀看者提供了他們所需的所有信息的安全感。

4.使用異常的布局

為了使您的目標網頁成功，您需要脫穎而出。有多種方法可以實現(xiàn)這一點-使用非常規(guī)布局是最好的方法之一。自從Bootstrap之類的前端框架問世以來，盒子樣式的布局在網絡上隨處可見。因此，以不尋常的布局顯示信息會使觀看者對您的產品更加感興趣。

Ascend Indiana招聘機構的登錄頁面采用了這種方法。他們將徽標的文字內容圍繞放大的徽標進行排列，徽標的特征還包括與該機構的活動相關的兩張圖像-開朗的求職者和印第安納州的城市景觀?？赡芩麄儧]有找到更好的方法，在登陸頁面后立即吸引目標受眾。

5.包括知名品牌的徽標

知名品牌的徽標可以作為視覺提示，以吸引那些不知不覺地瀏覽頁面以充分證明該產品是由一家值得信賴的公司生產的訪客。不要只考慮客戶或合作伙伴的徽標。如果您的產品或公司已在可靠的出版物中被推薦，請不要猶豫地添加“精選于”部分?；蛘?，如果您的產品以某種方式補充或增強了知名品牌，也可以將其徽標添加到目標網頁。

Platforma Web線框工具包的著陸頁面熟練地使用其他公司的徽標來贏得訪問者的信任。在產品圖片的正下方，他們顯示了線框套件中使用的工具的徽標。所有品牌都深受其受眾的歡迎，例如Sketch，Photoshop或Adobe Illustrator。他們繼續(xù)在頁面上向下使用徽標，例如，他們還有一個令人印象深刻的“使用者”部分。

6.使用獨特的圖形

獨特的圖形與異常的布局具有相同的目的。他們打算使頁面脫穎而出，并給觀眾留下持久的印象。如果您經常瀏覽Web，您會發(fā)現(xiàn)Web設計人員使用獨特圖形的許多不同方式。手繪產品照片，自定義圖標集，精心設計的代表用戶或創(chuàng)作者的人物，甚至連環(huán)畫。

“i done this”的登陸頁面該團隊進度跟蹤應用程序具有我見過的最好的圖形之一。他們使用常見的“一個圖標一個功能”設計解決方案，但是手繪動物角色使插圖成為百萬分之一。在與應用程序功能相對應的情況下繪制動物。例如，公雞每天提供狀態(tài)更新，馬用蹄子給文件蓋印等等。

7.添加數(shù)據(jù)或統(tǒng)計

我們最近已詳細介紹了在網頁上使用數(shù)字數(shù)據(jù)是當前的網頁設計趨勢。人們每天都會被大量信息轟炸，因此在過去幾年中，平均注意力跨度急劇下降。通過在設計中包含數(shù)字/百分比或在設計中包括圖表/圖表，以可視方式向用戶顯示數(shù)據(jù)，可以幫助您贏得他們的信任。

Hotelchamp預訂平臺使用它的著陸頁上這樣的設計技術。這些數(shù)字都與潛在客戶相關，因為它們顯示了平臺如何影響用戶的業(yè)務。該頁面上總共有四個不同的數(shù)字數(shù)據(jù)（酒店數(shù)量，國家/地區(qū)數(shù)量，預訂量的增長百分比，與應用程序集成的預訂引擎的數(shù)量）。四個是一個很好的數(shù)字，因為它們顯示的數(shù)據(jù)具有說服力，但是該技術仍然沒有過分。

8.輕松進行聊天和聯(lián)系

如果您想獲得高轉換率，您的目標網頁還需要提供客戶服務，以便訪問者可以提出他們的問題。無論您向他們提供電子郵件表單，實時聊天氣泡還是直接呼叫按鈕，最重要的是聯(lián)系人選項始終必須可見并且易于使用。

在GoDaddy的SEO服務的著陸頁面上，您可以看到該方法的優(yōu)雅實現(xiàn)。粘性標題中會出現(xiàn)一個“請求呼叫”按鈕，因此當用戶向下滾動頁面時，該按鈕始終可用。此外，在右下角，還存在一個使用對比色（紫色）的實時聊天圖標。在整個時間內，實時聊天圖標也可見。向客戶提供選擇權是一種很好的營銷策略，表明他們的需求得到了真正的照顧。

9.重復頁面底部的號召性用語

在目標網頁的不同位置重復號召性用語是一種眾所周知的營銷技術。帶有標題，簡短說明和可識別按鈕的號召性用語應始終顯示在首屏上方。許多設計人員選擇重復粘貼標題中的按鈕，因為當用戶向下滾動頁面時，它仍然可見。但是，如果滾動目標頁面較長，則最好在頁面底部重復CTA。

在瘋狂的雞蛋熱圖工具，利用它的著陸頁此轉換的優(yōu)化技術。在下面的屏幕截圖中，您可以看到其頁面的底部。盡管輸入字段中的占位符文本保持不變（“您的網站URL”），但是按鈕的標簽發(fā)生了變化。在頁面頂部，他們使用“ Analyze”動作動詞，而在頁面底部，他們切換到“ Get Started”調用。

他們?yōu)槭裁催@樣做？與向下滾動頁面以獲取盡可能多的信息的觀看者相比，向下滾動之前單擊右上方的CTA按鈕的觀看者屬于不同的用戶組。因此，以不同的方式解決它們很有意義。只要您認為合理，就不要害怕（稍微）改變CTA的語氣。

10.使用引人注目的CTA按鈕設計

為了提高目標網頁的轉化率，您需要設計一個在整個頁面上視覺突出的號召性用語按鈕。顏色，形狀，位置，布局都很重要。沒有通用規(guī)則，但是按鈕必須與設計的其余部分完全匹配。

例如，Lumio書簽管理器應用程序將其CTA按鈕放在粘性標頭的中間，該標頭在整個用戶會話中始終可見。橢圓形的按鈕與Lumio的徽標和圓形社交媒體圖標完美地融為一體。而且，由于黃色具有一定的陽光感，因此“獲取Lumio”按鈕成為整個頁面上最醒目的視覺元素。

了解有關目標網頁設計的更多信息

了解如何構建高轉化率目標網頁的原理只是掌握交易的第一步?？春芏嗬樱治龊屠斫馄渌O計師的工作同樣重要。要增加您對目標網頁設計的了解，請查看我們的《如何設計高用戶轉化率的著陸頁》。