您的位置:首頁>正文

高效觸達:構建高效著陸頁

當前著陸頁觸達使用者的方式, 符合你的預期嗎?

無論產品規模大小或者熱度高低, 每一個網站都會著重考量著陸頁的跳出率,

這直接關係到用戶的使用時長和使用深度。

大多數企業花大量時間和精力制作主頁, 卻沒有意識到用戶不必通過主頁進入網站。 著陸頁是為一些特別場景創造的, 包括:點擊廣告的後置頁面、電子郵件中的連結, 社交網路上的行為召喚按鈕, 等等。

研究表明:建設和測試著陸頁是運營同學的五大挑戰之一。

為什麼很多網站的跳出率高、轉化率低呢?也許是因為用戶意外進入了這個網站, 也許是因為小孩子無意間觸碰到, 還可能是因為著陸頁沒有準確地傳遞資訊, 在這種情況下, 就要開始思考重新設計著陸頁了。

著陸頁的佈局

以下是著陸頁佈局方式的常見類型。

固定佈局

固定佈局是傳統網站的構建方式,

直到2010年左右, 媒介查詢和回應式網頁設計興起, 才有新的網站佈局類型。

正如聽上去的那樣, 固定佈局是靈活度最低的佈局方式。 固定佈局的寬度需要由設計師確定(一般是800*600或1024*768), 頁面大小是預設的, 不會隨著流覽器寬度的改變而自我調整。 這種情況下, 需要為移動端創建單獨的M站。

如果目標只是設計簡單的網頁, 不需要自我調整或者回應式佈局, 那麼固定佈局是一個可選方案。 固定式佈局的案例如下:

流式佈局

流式佈局是與固定佈局完全不同的佈局方式, 流式佈局的頁面內容可以根據任何寬度的流覽器進行調整, 就像“流體”一樣。

流式佈局的缺點是, 如果流覽器很寬, 那麼有些內容可能會被拉伸得太遠, 同時, 在小螢幕上, 內容多列排布時, 會顯得過於擁擠。

自我調整佈局

自我調整佈局方式使用CSS媒介查詢來識別流覽器的寬度, 從而相應地改變頁面寬度。 如果您的靜態佈局需要支援移動設備, 那麼自我調整佈局是一個很好的快速解決方案, 相比於回應式佈局, 自我調整佈局的開發量較少。

回應式佈局

回應式佈局使用相對單元和媒介查詢, 它結合了自我調整和流體佈局的思想, 從而説明使用者根據螢幕解析度改變佈局, 這常常會產生更好的整體體驗。

Designmodo以乾淨、清晰的方式設計了一個極好的回應式佈局介面, 圖像和文本可以在不同的螢幕尺寸上完美縮放。

有效的行為召喚及其著陸頁位置

行為召喚(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博士寫道:

“如果沒有深入瞭解用戶心理,就無法進行個性化推薦。”

不同於通用的問卷調研,個性化的提問會給用戶更好的用戶體驗,也能幫助您收集到使用者的有效資訊。在下面的例子中,用戶被劃分到狗狗主人的分組後,會根據狗狗主人的身份對用戶提問。

優化著陸頁的建議

優化著陸頁可從以下幾點入手:

強有力的標題

標題用於準確傳達著陸頁的核心資訊;通常,一個作為補充內容的小標題,能提升資訊傳遞的效果;

有效的CTA按鈕

要求顏色對比鮮明,吸引眼球;

用戶推薦語

用戶好評和優質用戶的評價語能提升產品的可信度;

價格

一個完備的定價方案,回答關於價格的各種問題,此外,要凸出展示價格優勢;

用戶數量

用戶數量能凸出用戶的尊貴感,讓使用者感受到產品尊重每一個使用者,會讓新用戶感到“為什麼我不是五萬分之一呢?”

結論

卡爾頓大學的研究表明,在著陸頁,用戶的耐心只有五秒甚至更少。毫無疑問,構建有效的著陸頁應該是任何運營活動的首要任務。

網上有大量的優秀案例和優質範本作為參考,此外,著陸頁的設計一定要和A/B測試同步進行,通過使用者資料判斷哪種設計方案對用戶最有價值,能少走很多彎路。

如果你已經認識到當前的著陸頁需要改善,那就馬上著手設計吧。

譯者:李小新

原文作者:CanvasFlip, Prototyping tool with User Testing & design hand-off. Get your Free account now http://canvasflip.com

本文系人人都是產品經理翻譯團隊 @李小新 翻譯發佈,未經本站許可,禁止轉載。

題圖來自unsplash,基於CC0協議

有效的行為召喚及其著陸頁位置

行為召喚(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博士寫道:

“如果沒有深入瞭解用戶心理,就無法進行個性化推薦。”

不同於通用的問卷調研,個性化的提問會給用戶更好的用戶體驗,也能幫助您收集到使用者的有效資訊。在下面的例子中,用戶被劃分到狗狗主人的分組後,會根據狗狗主人的身份對用戶提問。

優化著陸頁的建議

優化著陸頁可從以下幾點入手:

強有力的標題

標題用於準確傳達著陸頁的核心資訊;通常,一個作為補充內容的小標題,能提升資訊傳遞的效果;

有效的CTA按鈕

要求顏色對比鮮明,吸引眼球;

用戶推薦語

用戶好評和優質用戶的評價語能提升產品的可信度;

價格

一個完備的定價方案,回答關於價格的各種問題,此外,要凸出展示價格優勢;

用戶數量

用戶數量能凸出用戶的尊貴感,讓使用者感受到產品尊重每一個使用者,會讓新用戶感到“為什麼我不是五萬分之一呢?”

結論

卡爾頓大學的研究表明,在著陸頁,用戶的耐心只有五秒甚至更少。毫無疑問,構建有效的著陸頁應該是任何運營活動的首要任務。

網上有大量的優秀案例和優質範本作為參考,此外,著陸頁的設計一定要和A/B測試同步進行,通過使用者資料判斷哪種設計方案對用戶最有價值,能少走很多彎路。

如果你已經認識到當前的著陸頁需要改善,那就馬上著手設計吧。

譯者:李小新

原文作者:CanvasFlip, Prototyping tool with User Testing & design hand-off. Get your Free account now http://canvasflip.com

本文系人人都是產品經理翻譯團隊 @李小新 翻譯發佈,未經本站許可,禁止轉載。

題圖來自unsplash,基於CC0協議

同類文章
Next Article
喜欢就按个赞吧!!!
点击关闭提示