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

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

從廣義上講,著陸頁面是訪問者透過其“登入”網站的網頁。主頁經常用作著陸頁面,但是任何其他頁面都可以是著陸頁面。例如,如果您從百度來閱讀此特定文章,那麼在您的情況下,此文章頁面就是目標頁面。

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

著陸頁的主要業務目標是轉化率最佳化(CRO)。設計師可以使用許多最佳實踐來提高轉換率(使更多的人註冊,下載,購買等)。在本文中,我將向您展示10個UX設計技巧,並提供可用於建立高轉換目標網頁的真實示例。

1。將您的主要業務目標轉變為CTA

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

例如,檢視Cryptagon加密貨幣投資組合跟蹤器的登入頁面。您可以一眼看出他們的主要業務目標-他們希望人們註冊他們的應用程式。該訊息在整個頁面上保持一致,他們不會因為任何不必要的資訊而分散訪問者的注意力。

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

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

如果您要建立一個高轉化率的目標網頁,那麼標題清晰的標題至關重要。一個好的標題應該簡短,醒目並且針對性強。著陸頁上經常出現這樣的錯誤:標題從網站所有者的角度指定了產品的優勢。但是,應該相反。標題只有從使用者的角度顯示產品的優勢時,才可以將訪客變成潛在客戶。

例如,Uber的目標網頁有一個醒目的標題。它僅由兩個片語成,但抓住了服務的本質。“到達那裡”的口號以一個強有力的動作動詞(“ Get”)開頭,該動詞實際上是呼籲訪問者採取行動。標題下方還有一個字幕,可以加強資訊,並進一步說服觀眾嘗試Uber。

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

3。深入瞭解產品的工作原理

許多人傾向於只相信自己的眼睛。直觀地展示產品的工作原理,可以說服更多的人考慮購買。如果將插圖用作英雄影象,則該方法特別有效。幻燈影象(有時也稱為標頭影象)是位於摺頁上方並用作標題背景(有時是簡短說明)和號召性用語的全幅影象。

PayPal信用卡閱讀器的登入頁面以兩種不同方式同時顯示產品的執行情況。在前景中,您可以看到兩個讀卡器和PayPal應用程式的產品照片。在後臺使用產品時,有兩個人,一個店主和一個顧客。這兩個影象相互支援,併為觀看者提供了他們所需的所有資訊的安全感。

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

4。使用異常的佈局

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

Ascend Indiana招聘機構的登入頁面採用了這種方法。他們將徽標的文字內容圍繞放大的徽標進行排列,徽標的特徵還包括與該機構的活動相關的兩張影象-開朗的求職者和印第安納州的城市景觀。可能他們沒有找到更好的方法,在登陸頁面後立即吸引目標受眾。

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

5。包括知名品牌的徽標

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

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

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

6。使用獨特的圖形

獨特的圖形與異常的佈局具有相同的目的。他們打算使頁面脫穎而出,並給觀眾留下持久的印象。如果您經常瀏覽Web,您會發現Web設計人員使用獨特圖形的許多不同方式。手繪產品照片,自定義圖示集,精心設計的代表使用者或創作者的人物,甚至連環畫。

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

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

7。新增資料或統計

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

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

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

8。輕鬆進行聊天和聯絡

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

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

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

9。重複頁面底部的號召性用語

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

在瘋狂的雞蛋熱圖工具,利用它的著陸頁此轉換的最佳化技術。在下面的螢幕截圖中,您可以看到其頁面的底部。儘管輸入欄位中的佔位符文字保持不變(“您的網站URL”),但是按鈕的標籤發生了變化。在頁面頂部,他們使用“ Analyze”動作動詞,而在頁面底部,他們切換到“ Get Started”呼叫。

他們為什麼這樣做?與向下滾動頁面以獲取儘可能多的資訊的觀看者相比,向下滾動之前單擊右上方的CTA按鈕的觀看者屬於不同的使用者組。因此,以不同的方式解決它們很有意義。只要您認為合理,就不要害怕(稍微)改變CTA的語氣。

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

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

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

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

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

瞭解有關目標網頁設計的更多資訊

瞭解如何構建高轉化率目標網頁的原理只是掌握交易的第一步。看很多例子,分析和理解其他設計師的工作同樣重要。要增加您對目標網頁設計的瞭解,請檢視我們的《如何設計高使用者轉化率的著陸頁》。

頂部