想像一下,你走過一家漂亮的新健身房,外面有一個宣傳開業特惠的標誌,你決定是時候註冊成為會員了。建立成功轉換登陸頁面的 5 個使用者體驗提示
當你走進去時,你會發現健身房根本 提高著陸頁轉換率的 不是你所期望的,當你走出去時,你會發現你可以在其他地方找到你想要的東西。
這與用戶發現您的登陸頁面有關
如果您嘗試銷售的產品或優惠沒有明確定義,或者您的目標網頁的使用者體驗擠滿了將使用者引導到其他地方的其他優惠,那麼您的轉換將會受到影響。
為了幫助了解您的著陸頁需要什麼類型的介面來促進轉化,我整理了五個使用者體驗提示以及範例,您可以使用它們來開始在您自己的頁面上進行測試。
1.刪除導航和頁腳
您最不希望發生的事情就是用戶分心並離開頁面。刪除導航有助於隔離頁面上的用戶,同時增加他們繼續沿著銷售管道前進的機會。
事實上,登陸頁面很少是導航的一部分。其目的是提供一個機會,引導用戶沿著銷售管道接收報價或產品,頁面上的任何外部連結都可能會損害其轉換率。
看看Hubspot看看它的實際效果。他們對自己的幾個登陸頁面進行了 A/B 測試,其中僅刪除了導航。他們發現,“TOFU 著陸頁的轉換率提高了 0-4%”,“MOFU 著陸頁的轉換率提高了 16% 和 28%”。
提示 1-Hubspot-刪除導覽和頁腳
我該如何開始?嘗試對一些著陸頁執行 A/B 測試並分析結果。之後,如果您發現其中一種變體的轉換次數有所增加,您可以相應地更新頁面。
2. 創造一個吸引人的首屏
從行動應用程式Human查看此登陸頁面。
Tip-2-人類-_行動應用
嘗試讓用戶專注於正確的內容對於推 尋找您的電話號碼數據 動他們進入銷售管道至關重要。 Human 在價值主張和副標題周圍放置了大量空白,做得非常出色。
這種間距迫使你的大腦將你的眼睛引導到空白區域中的第一個區分元素,這將是標題內容。
在提出價值主張後,使用者的眼睛會被引導到頁面的右側,其中顯示了應用程式的圖形。
使用正確類型的圖像可以幫助使產品更具吸引力,同時還可以讓您了解產品的實際外觀。
如果您的用戶無法透過查看首屏內容和圖像來解讀您的產品應該實現的目標,那麼您將自動失去他們的興趣,包括他們的業務。
我該如何開始?
根據您的首屏目標,嘗試使用不同的視覺提示,包括字體大小、空白、顏色和圖像。如果您選擇使用背景圖像,請確保它足夠微妙,以免分散用戶的注意力。總體而言,保持首屏區域平衡,以便傳達您要宣傳的確切訊息。
3.設計簡潔的佈局
Usability Geek的所有者兼 為行動裝置設計電子郵件 編輯賈斯汀·米夫蘇德 (Justin Mifsud ) 感嘆道,“(公司面臨的最嚴重的問題)之一是某些登陸頁面沒有邏輯順序。”
此問題可能是由於登陸頁面內容過於擁擠、排版使用不當和/或設計原則執行不力造成的。
一旦使用者到達首屏,就必須透過闡明易於理解的資訊、內容周圍適當的空白、強大的號召性用語以及帶有可操作文字的提交按鈕來簡化佈局。確保消除所有這些區域的摩擦,以使用戶順利地進入漏斗,否則您可能會讓他們感到困惑。
我該如何開始?KISSmetrics有一個關於正確的解剖登陸頁面的優秀資訊圖,應嘗試使用每個元素的描述進行建模。正如文章所指出的,沒有確切的公式來製作完美的著陸頁,因此請嘗試建立幾個可用於執行多變量測試的版本。請記住保持佈局相對簡單並避免內容過多。
使其可供所有設備訪問
讓我們面對現實吧,我們正處於 2015 年,世界各地的人們都在四處走動,在不同螢幕尺寸的裝置上上網(甚至包括 Apple Watch。還好還沒有瀏覽器。)
隨著Google行動演算法的改變,「行動友善」現在將比以往任何時候都更加與您的搜尋引擎優化齊頭並進。該公司表示,“隨著行動搜尋的增長速度是桌面搜尋的 10 倍,沒有適合行動裝置的網站的企業將損失多達 1/3 的流量。”
優化登陸頁面,以便用戶可以在任何平台 數位數據 上查看它,這將帶來更愉快的轉換旅程和更滿意的客戶。隨著人們使用行動裝置的習慣不斷增長,針對行動裝置進行設計不再是一種選擇,而是一種必須。
我該如何開始?在網站的設計階段就開始考慮行動裝置。重要的是要了解您可能無法保留桌面版本上的所有內容,並且某些內容可能必 提高著陸頁轉換率的 須刪除。我建議看一下Treehouse 的這篇文章,它很好地解釋了響應式網頁設計,以及在桌面之前考慮行動裝置的好處。