高效觸達:構建高效著陸頁
當前著陸頁觸達用戶的方式,符合你的預期嗎?
無論產品規模大小或者熱度高低,每一個網站都會著重考量著陸頁的跳出率,這直接關系到用戶的使用時長和使用深度。
大多數企業花大量時間和精力制作主頁,卻沒有意識到用戶不必通過主頁進入網站。著陸頁是為一些特別場景創造的,包括:點擊廣告的后置頁面、電子郵件中的鏈接,社交網絡上的行為召喚按鈕,等等。
研究表明:建設和測試著陸頁是運營同學的五大挑戰之一。
為什么很多網站的跳出率高、轉化率低呢?也許是因為用戶意外進入了這個網站,也許是因為小孩子無意間觸碰到,還可能是因為著陸頁沒有準確地傳遞信息,在這種情況下,就要開始思考重新設計著陸頁了。
著陸頁的布局
以下是著陸頁布局方式的常見類型。
固定布局
固定布局是傳統網站的構建方式,直到2010年左右,媒介查詢和響應式網頁設計興起,才有新的網站布局類型。
正如聽上去的那樣,固定布局是靈活度最低的布局方式。固定布局的寬度需要由設計師確定(一般是800*600或1024*768),頁面大小是預設的,不會隨著瀏覽器寬度的改變而自適應。這種情況下,需要為移動端創建單獨的M站。
如果目標只是設計簡單的網頁,不需要自適應或者響應式布局,那么固定布局是一個可選方案。固定式布局的案例如下:
流式布局
流式布局是與固定布局完全不同的布局方式,流式布局的頁面內容可以根據任何寬度的瀏覽器進行調整,就像“流體”一樣。
流式布局的缺點是,如果瀏覽器很寬,那么有些內容可能會被拉伸得太遠,同時,在小屏幕上,內容多列排布時,會顯得過于擁擠。
自適應布局
自適應布局方式使用CSS媒介查詢來識別瀏覽器的寬度,從而相應地改變頁面寬度。如果您的靜態布局需要支持移動設備,那么自適應布局是一個很好的快速解決方案,相比于響應式布局,自適應布局的開發量較少。
響應式布局
響應式布局使用相對單元和媒介查詢,它結合了自適應和流體布局的思想,從而幫助用戶根據屏幕分辨率改變布局,這常常會產生更好的整體體驗。
Designmodo以干凈、清晰的方式設計了一個極好的響應式布局界面,圖像和文本可以在不同的屏幕尺寸上完美縮放。
有效的行為召喚及其著陸頁位置
行為召喚(CTA)元素是著陸頁最重要、最突出的部分。
CTA按鈕必須是個按鈕,而不是超鏈接、圖片、或者文字;簡化的CTA按鈕是提高著陸頁轉化率的最佳選擇。期望用戶進行的操作無非是:注冊,填寫表單,立即購買,免費試用。
在決定使用CTA按鈕之前,你會問自己這些問題嗎?
(1)CTA按鈕應該放在首屏、無需下拉屏幕就能看到的位置?還是應根據按鈕邏輯放在其他位置?
(2)CTA按鈕與頁面背景的對比清晰合適嗎?
【要點】一般來說,綠色和橙色按鈕效果最好,當然這也取決于頁面整體的色調和配色方案。
(3)CTA按鈕的大小合適嗎?是否會分散用戶注意力?
(4)CTA按鈕清楚地傳達了目標信息嗎?是否讓用戶產生了緊迫感?
傳統上最好的做法是把CTA按鈕放在首屏,但實際設計中,把它放在頁面的上部或者下部取決于產品實際需要。
以下是可能會用到的CTA類型。
用戶引導
CTA是提升用戶轉化的最佳方法。對于成功的用戶引導,重要的是有一個吸引人的CTA,并能夠準確地傳達點擊按鈕的價值。此外,通過用戶引導,我們可以獲知用戶群和用戶的瀏覽細節,這有助于提升用戶體驗和后續的電子郵件召回,這甚至能幫助增加60%的銷售額。在例子中能看到,Netflix的說服性文本,能吸引用戶立即試用。
郵箱注冊
注冊的CTA按鈕,不一定要寫著大大的“注冊”??梢哉{整一些個性化元素,諸如按鈕大小、顏色、語音、語調等。NerdFitness采用提問的方式,吸引用戶點擊。
圖片和文字互為補充,相得益彰,此外,上圖中的顏色對比也很考究。68957這個個數字增加了產品社會信譽,讓用戶產生社區感,好像找到了組織一樣。
表單提交
從用戶訪問到轉化只有一步之遙,表單就是確保產生轉化、提高留存的那個要點。設計優秀的表單是有難度的,如果沒放棄一張表單,就能得到1分錢,那我現在肯定是富豪了。
在表單填寫處,簡單是最重要的,可操作的CTA比普通“提交”按鈕的效果更好。詢問用戶太多信息,可能會讓用戶望而生畏,甚至失去興趣。
成交
一旦建立了用戶基礎,并且用戶有繼續使用的意愿,那么只需要讓用戶進入產品的業務流程、完成轉化。這種類型的CTA主要是以銷售為導向的,無需太多廢話,唯一目標就是把潛在用戶轉變成長期用戶。Ugmonk將它的退出CTA改為更傾向于銷售,提高了轉化率。
明確告知用戶收益是提高留存的好方法。這里的“Yes”按鈕明顯比“No”更亮、更吸引注意力,從而增加了轉化的可能性。
著陸頁的個性化推薦
2017年見證了個性化推薦的大規模興起,當然也包括著陸頁的個性化推薦。提高著陸頁的穩定性和個性化會提升用戶的參與感,也會有更好的轉化。研究表明,個性化推薦的著陸頁的轉化率,比普通著陸頁高出了375%。但是,如何將個性化推薦引入著陸頁的設計中呢?
地理定位
根據地理位置對用戶的著陸頁內容進行個性化配置,一旦識別出用戶IP,就根據其所在位置進行個性化推薦。城市、周圍鄰居、甚至貨幣都可以利用起來,進行個性化配置。根據這些信息,可以為你推薦倫敦某個街區的美食,或者幫助你在大洋彼岸找到知己。以下是英國電商網站“Very”的例子,它根據地理位置和當前的天氣,在著陸頁給不同的用戶推薦不同的衣服。
對用戶組別劃分
將用戶或者訂閱者根據相同的興趣劃分成特定的組,然后再進行個性化推薦。如果用戶的興趣相同,那么他們的需求和期望也會相似。舉例來說,工作類型、年齡段、養狗、生日都可以作為分組標準,還可以根據經常訪問的站點或者旅行目的地對用戶分類。
相比于隨機的或者所有用戶都相同的著陸頁,讓用戶形成使用習慣的著陸頁更有利于用戶留存。個性化的重點不是內容推薦,而是每一位用戶的分析,以為目標是向獨特的用戶推薦獨特的內容。在下面的例子中,著陸頁根據對用戶的分組結果,個性化推薦編劇或者制片人。
收集用戶信息
眾所周知,我們可以從谷歌分析中收集到大量有用的用戶信息,比如搜索記錄、用戶路徑、參考站點等。廣告點擊、個人賬戶和任何第三方數據,都是用戶信息的重要來源。
在個性化推薦的里程碑式的研究中,Scott Brave博士寫道:
“如果沒有深入了解用戶心理,就無法進行個性化推薦?!?/p>
不同于通用的問卷調研,個性化的提問會給用戶更好的用戶體驗,也能幫助您收集到用戶的有效信息。在下面的例子中,用戶被劃分到狗狗主人的分組后,會根據狗狗主人的身份對用戶提問。
優化著陸頁的建議
優化著陸頁可從以下幾點入手:
強有力的標題
標題用于準確傳達著陸頁的核心信息;通常,一個作為補充內容的小標題,能提升信息傳遞的效果;
有效的CTA按鈕
要求顏色對比鮮明,吸引眼球;
用戶推薦語
用戶好評和優質用戶的評價語能提升產品的可信度;
價格
一個完備的定價方案,回答關于價格的各種問題,此外,要凸出展示價格優勢;
用戶數量
用戶數量能凸出用戶的尊貴感,讓用戶感受到產品尊重每一個用戶,會讓新用戶感到“為什么我不是五萬分之一呢?”
結論
卡爾頓大學的研究表明,在著陸頁,用戶的耐心只有五秒甚至更少。毫無疑問,構建有效的著陸頁應該是任何運營活動的首要任務。
網上有大量的優秀案例和優質模板作為參考,此外,著陸頁的設計一定要和A/B測試同步進行,通過用戶數據判斷哪種設計方案對用戶最有價值,能少走很多彎路。
如果你已經認識到當前的著陸頁需要改善,那就馬上著手設計吧。
譯者:李小新
原文作者:CanvasFlip, Prototyping tool with User Testing & design hand-off. Get your Free account now http://canvasflip.com
原文地址:https://uxplanet.org/how-to-build-super-effective-landing-pages-7fe9a3bab8f1
本文系人人都是產品經理翻譯團隊 @李小新? 翻譯發布,未經本站許可,禁止轉載。
題圖來自unsplash,基于CC0協議
- 目前還沒評論,等你發揮!