1. 合適的行動按鈕
通過行動按鈕提出明確的要求是至關重要的。如果您的行動標題不合適,那就不能夠主導訪客下一步行動了。為了在轉化率 (和其他指標) 上獲得最好的結果,行動按鈕必須出現在正確的位置,並提出正確的要求。
humaaans 網站(https://www.humaaans.com/)登入頁沒有一個進一步操作的行動按鈕,真的是一個令人遺憾的設計。整個頁面只有兩個行動按鈕。頁面總共有七個部分,其中兩個頁面有一個突出的行動按鈕。 humaaan 第三部分頁面的主題文字下方有一個小的文字鏈接用於演示,即 Demo made with InVision Studio, 但這樣的 WordPress 網站設計在視覺上是不夠清晰明顯的。在剩下的部分中,還有一個錯過使用行動按鈕的機會,即解釋使用它們的庫的好處的部分可以從使用行動按鈕中產生更大效益。
Details 網站(https://www.usedetails.com/)在根據按鈕周圍的上下文使用不同的行動按鈕方面處理得很好。在主題畫面中,他們有兩個行動按鈕需要啓動並進行完整的預覽。再往下,他們為喜歡在 Sketch Cloud 上使用 Sketch Cloud 預覽的人提供了行動按鈕。最後,在頁尾選擇購買套餐的選擇中提供行動按鈕,並減弱不重要套餐的行動按鈕的視覺干擾。
Dream Support 網站(https://dreamsupport.io/),一個客户服務 App,在固定導航中有一個顯眼的聯絡我們行動按鈕。即時頁面有突出的主題視覺元素,它依舊能清晰地展示在畫面中。
在登陸頁面的底部,有一個吸引訪客免費試用的行動按鈕,讓我們開始吧(Let’s get started)。這樣的行動按鈕標題是很有道理的,因為在訪客沉浸式瀏覽完頁面內容後,可能已經被説服了並想要去嘗試了。
無論採用何種形式或格式,行動按鈕都是必要且顯眼的,因為它將要引導訪問者採取關鍵行動。如果沒有經過深思熟慮的規劃就設計行動按鈕,將很大程度降低訪問者的轉化率。想要了解更多的內容要點,可以銜接上文《如何設計出更吸引人、更高轉化率的網站登入頁面(一)》,進行詳細的瞭解。
2. 理清購買路徑
專家將登入頁面定義為一個獨立的網頁,專門用於營銷或廣告活動。這意味著它有一個單一的目的,如銷售單一的產品或服務。這也意味著轉換的路徑不能被其他內容,尤其是額外的信息所掩蓋。
讓我們來談談 Yellow Card 網站主頁(https://www.yellowcard.io/)。這是一個確切的例子,因為他們只銷售一種產品。然而它們有兩個完全不同的行動按鈕。一種是訂閲,目前還不清楚這對加密貨幣卡意味著什麼,另一種是尋找位於您附近的商店。在頁面底部,有三個不同的行動按鈕,一個用於查詢最近的商店,就在聯絡人表單和訂閲選項旁邊。
讓我們來看看一些 WordPress 網站設計的正確的登陸頁面。 Lunar Theory 網站(https://www.felixjoy.co/lunartheory)銷售印刷的日曆; 頁面上沒有導航鏈接,只有一些點選購買的行動按鈕,登陸頁面短小精悍。它在界面上展示了日曆的圖片。這個登入頁面的唯一目的是讓人們購買日曆。這樣做很簡潔,能避免多用户分散注意力。他們沒有要求任何人登入賬號或檢視官方微博。
Blinkist 網站(https://www.blinkist.com/)的登入頁面也有清晰的行動路徑。所有行動按鈕都是關於開始免費試用。我最喜歡這個網站的原因是,他們有一個彈出視窗,並保持真實的促銷活動。它要求訪問者輸入一個電子郵件地址來建立一個帳户來啓動一個免費試用。重點目標是清晰的,都是為了引導訪問者的行動路徑。
結語
您可以使用許多不同的策略和指標來提高登入頁面的轉化率。第一步是提供一個清晰的、突出的、吸引訪客的行動按鈕。它可以幫助您清除那些可能會阻礙您轉換路徑的混亂問題,從而幫助您最大限度地利用您的流量。