“好的登陸頁面是綠色通道,不好的登陸頁面是迷宮。”
用戶進入壹個網站,首先看到的是登陸頁面。壹個好的登陸頁面可以引導用戶快速完成設計師設定的目標。優秀的例子見Google (12306其實還不錯),失敗的例子見大學的平方系統。
壹個好的落地頁面,考驗的是設計師的視覺/文案/心理/營銷能力,每壹項都可以說3天3夜。這篇文章的作用是科普概念+基本流程,妳可以從它提到的這六個方面橫向學習。比如文案:“年度最佳教程!7招教妳寫出頂級互聯網文案!”,心理學:“超實用的設計心理學!如何用隱喻設計引導用戶←這篇文章強烈推薦,用幾個淘寶案例幫妳理解心理學在引導中的作用,很受歡迎。在視野方面,簡單的話也有很多玩法:“經驗分享!超級實用的文字處理技巧。壹句話,科普(WTF)到此為止。再來看文章正文。
首先,我們來看看常見問題:
壹.什麽是登錄頁面?
廣義來說,登陸頁是用戶進入妳的網站的起始或入口頁面。形象地說,就是用戶“落地”的頁面。
現在登陸頁已經成為壹個更具體的概念,很多人把它作為壹個媒介來推廣壹個具體的產品、服務、賣點或功能,讓用戶更快地註意到這些信息,更專註地瀏覽。
正因為如此,很多分析師認為,登陸頁比普通網站首頁效率更高,也能達到壹些有針對性的營銷目的。相對於登陸頁面的效率,網站首頁往往包含太多的信息,讓用戶無法集中註意力,更容易失去瀏覽的興趣。
第二,轉化成什麽才是至關重要的。
轉化率是驗證那些以業務和產品、營銷和推廣為最終目的的設計的效果最常用的指標。壹般來說,“轉化”是指壹個訪問者使用了妳的網站提供的服務,或者成為了壹個產品用戶,但實際上轉化會根據不同的網站或者其他產品有不同的定義。
登陸頁最早起源於電子商務,也是登陸頁應用最廣泛的領域。轉化率是所有訪客中成為註冊用戶並最終完成購買行為的百分比。
開始使用產品
訂閱網站內容
轉到特定頁面
下載應用程序或其他文件
提供用戶信息
免費或打折的試用產品
瀏覽資源庫
閱讀產品詳情或服務等。
lp201607291
上圖是Knost設計的登陸頁面,是壹個搖滾樂隊的網站。網頁中不同的模塊盡量引導用戶做不同的任務,同時避免讓用戶覺得信息太多。因此,瀏覽器需要花幾秒鐘瀏覽整個頁面,然後找到他們想要進壹步瀏覽的區域。
lp201607299
作為壹個成功的商人和廣告代理總監,JeffEisenberg關於轉化率有壹個非常重要的觀點,非常明智:業務增長翻倍的秘訣不是流量倍增,而是轉化率倍增。很多事實可以證明他的觀點,而登陸頁面通常只提供有針對性的信息,這也大大節省了用戶的瀏覽時間。
3.為什麽我們需要壹個登陸頁面?
從上面的例子中妳很容易得到答案,再舉壹個類比的例子:想象壹下,妳想去紐約曼哈頓遊玩,這是妳壹生的夢想。突然,妳發現壹種便宜快捷的服務,可以讓妳去紐約。拎起行李,帶上相機,感覺夢想就要實現了,或者其他妳想去的地方,是不是很棒?這時候妳就覺得怎麽在這麽大的城市裏找到自己想去的地方。完成這次令人疲憊的旅程後,妳可能會感到不愉快。那些人把妳送到紐約,卻把妳壹個人留在城裏,去尋找曼哈頓在哪裏。才覺得最好是直奔目的地。我想探索新的城市,但我不想因為找不到目的地而疲憊不堪。那麽同樣的,作為壹個頁面的訪問者,妳是不是也想直奔目標,而不是在壹個復雜的網站上瀏覽太久?
這也是登陸頁的作用。當用戶在外部資源中看到特定的產品、功能、信息或服務,然後點擊進入該站點時,他不會想到他需要花費大量時間在主頁上的壹堆鏈接和信息中搜索他想要的產品內容或頁面。訪問者不僅希望立即“登陸”有用的信息頁面,還希望快速看到可以進壹步幫助他們做出決策的信息內容。所以,提供壹個經過深思熟慮的落地頁面,對營銷決策的執行和轉化率的提高有很大的幫助。
lp201607293
上圖是壹個特例。這是ErnestAsanov關於博物館的。這是壹個試圖推廣藝術展覽的登錄頁面。這個頁面的目標是為用戶提供美觀、和諧、重要的信息。頁面的風格、色彩和動態效果都體現了壹種極簡主義的和諧感。
TimAsh、MauraGinty和RichPage合著的《登陸頁面優化:評估和提高轉化率指南》壹書為設計師和營銷人員提供了壹個在設計交互式電子產品時需要註意的“殘酷現實”:
如果訪問者不能輕易找到某個內容,那麽它就不存在;
如果妳想強調壹切,那麽壹切都變得不重要;
任何加載內容的延遲都是令人失望和不耐煩的。
以上都證明了登陸頁在維持用戶註意力,讓妳的內容更容易被註意到和找到的重要性。
登陸頁可以說是強調某些內容的工具,也可以讓妳的目標用戶更有可能使用妳的服務和產品。
在CameronChapman的《登陸頁面設計終極指南》壹書中提到,壹個營銷人員可能犯的最大錯誤,可能是希望通過在網站首頁堆砌大量的廣告和公關活動來增加用戶流量,但卻沒有在首頁提供那些直接活動或推廣鏈接的入口,這讓瀏覽網頁的用戶感到困惑。
4.登陸頁面的內容是什麽?
登錄頁面通常以各種想法呈現其內容,以吸引不同的目標群體。可以說,登陸頁面不可能有統壹的主題或結構。但是在登陸頁需要提供的內容中還是可以找到壹些規律的。頁面的大小,包含多少模塊,使用哪些視覺元素,都不是登陸頁最重要的考慮因素。最重要的是如何讓登陸頁提供“有價值”的信息。
壹般來說,壹個登陸頁面需要包含以下內容:
1)說明清楚妳展示的內容(產品、服務、活動等。)並提供刺激用戶操作的元素。站在用戶的角度,他們需要知道妳能給他們提供什麽好處,即使沒有非常具體的細節,至少用戶能清楚地知道這些好處是什麽,它們真的有用。此時頁面可以提供按鈕、填表、訂閱服務等明顯便捷的頁面元素。來吸引用戶點擊。
2)口碑和信任。人們總是傾向於相信其他用戶推薦的那些東西,也認為那些信息更有關註價值。所以在登陸頁面提供壹些信息,比如用戶評價、社交網絡的粉絲大小、獎項、資格證等,可以讓訪客有更好的印象,更容易進入下壹步。
需要註意的是,這些信息會讓登陸頁面變大,所以在提供這些細節的時候需要整體考慮整個網站的信息規劃,而不是僅僅把所有的信息都堆在登陸頁面上。
lp201607294
上面的案例來自SergyValiukh的登陸頁面設計,提供了上面提到的所有內容元素。首先,頁面是有機食品店鋪的推廣頁面,包含壹些基本信息,如店鋪名稱、產品和服務的賣點、指導用戶操作的各種按鈕、顧客評價的展示等。設計師讓整個頁面信息量大,但不要太復雜冗長,有吸引力但不要太激進。
在瀏覽滾動頁面時,設計師還加入了動畫效果,豐富了整個瀏覽過程的體驗,在各種視覺元素中形成頁面的視覺主題,使重要信息更加突出。
lp201607298
5.怎麽做才能讓登陸頁更有效?
1)目標用戶分析
每個登陸頁面的設計都離不開對用戶群體的研究和分析。登陸頁面不是簡單的藝術品,而是營銷和展示策略的融合。設計師必須牢記營銷的目標和用戶群體的特點,將登陸頁面視為連接目標消費者和產品的橋梁。壹個網頁要想有高轉化率,設計必須提前分析目標用戶的喜好、能力和心態。但是需要註意的是,沒有壹個登陸頁面能夠得到所有用戶的喜歡,即使是最成功的商業運營也不會讓所有人滿意。
2)市場分析和競爭對手分析
在設計登陸頁面之前,妳還需要分析現有競爭對手的策略。之前在《如何將廣告策略應用於網頁和App設計》壹文中,我們討論了如何將UX/UI設計與廣告相結合。其中壹個觀點是鼓勵設計師做有競爭力的產品分析。登陸頁是營銷的重要組成部分,市場分析也可以幫助妳產生更好的設計效果。多了解競爭對手,這樣可以少走彎路,不讓自己的產品淹沒在其他同類產品中。
3)精簡妳的文案
廣告界大咖DavidOgilvy說過“句句要斤斤計較”,設計登陸頁的時候壹定要牢記這個簡單的道理。妳必須研究和測試,才能決定用多少字來展示信息,因為這些字直接決定了用戶是否會買妳的賬號。
lp201607295
上圖是Polina設計的壹個非營利組織的網站。頁面中精心使用信息文字,輔以視覺圖片,讓用戶了解俱樂部的活動。
4)品牌元素
很明顯,登陸頁面應該重點展示logo、主題顏色、字體、口號等標識元素。妳必須在妳所呈現的產品、服務和活動與公司及其品牌的視覺語言之間建立緊密的聯系,這提高了壹般營銷策略的效率。
5)視覺設計
在上壹篇文章中,我們討論了界面中的視覺設計。人們通常對視覺元素更敏感,更容易識別和辨認視覺元素,即使是高度抽象的圖片。在大多數情況下,人們識別和處理圖標和插圖等圖形內容比處理文字更快。大多數用戶本能地被視覺元素所吸引。在上面列出的插圖中,頁面提供了具有吸引力和信息量的圖形設計,使登錄頁面更加醒目,在訪問者快速瀏覽時給予他們審美上的愉悅,並減少閱讀長段落的時間。
6)尋找賣點,吸引用戶運營。
登陸頁面的設計有兩個關鍵因素。USP(uniquesellinpoint)的獨特賣點是客戶最關心的產品特色和優勢。CTA(CalltoAction)是鼓勵用戶做下壹步操作的入口,妳可以通過他們實現用戶的轉化。有效的登陸頁面可以快速傳達賣點,引人註目的關於CTA的設計方案和技術值得另開文章,我們會在TubikBlog的下壹篇文章中討論。
7)減少加載時間
加載時間的長短是影響設計效果的重要因素之壹。用戶不喜歡浪費時間,也不會等太久才看到壹個登陸頁面。所以不要讓訪客等。在設計登陸頁面的時候,要考慮設計方案是否會導致加載時間的延長。
8)視頻演示
9)響應式設計
幾年前“ThinkwithGoogle”壹文提到了“響應式設計”這個有趣的概念,也從統計學的角度驗證了響應式設計在網頁設計中的重要性:
61%的用戶表示,如果在手機上瀏覽網頁時無法快速找到目標信息,他們會立即放棄,轉而訪問其他網站。
79%的用戶在遇到不喜歡的頁面時會返回搜索其他網站。
50%的用戶不願意頻繁使用壹項在手機網頁上難以瀏覽或操作的服務,即使該服務在功能上是成功的。
有可能今天上述統計會變高,因為每天使用移動設備的用戶越來越多,所以不要忽視手機等移動設備上登陸頁面的顯示效果。
10)減少分散用戶註意力的元素。
如前所述,登陸頁面要能讓用戶保持註意力集中,所以妳得把會分散用戶註意力的信息從頁面上去掉,加強會影響轉化效率的關鍵信息的顯示。額外鏈接越少越好。引導用戶進行下壹步操作的元素要以最引人註目的方式呈現,讓用戶找到並完成自己的操作任務。
上圖是LudmilaShevchenko設計的登陸頁面。目標是展示SwifyBeaver開發的MAC應用程序。頁面上的設計元素非常簡單,用戶的註意力會集中在標題文字上,標題下面的按鈕是申請免費試用。整個頁面沒有多余或無用的鏈接,只是提供必要的點擊入口,這樣用戶不會分心,更容易被轉化。
如何測試妳的登陸頁面
可用性測試方面的專家在不斷的實踐中證明,任何項目都不是完全客觀的,尤其是那些長期項目。設計師不可能奇跡般地讓那些產品的用戶壹下子成為產品的專家。所以,僅僅創造概念是不夠的。妳還需要用實踐和數據來改進妳的設計。
DavidOgilvy也有壹句名言:廣告最重要的詞是“測試”。只要妳堅持做測試,妳的廣告會越來越好。測試登陸頁面可以更好地了解用戶的行為,改善登陸頁面上那些無效的、不友好的設計。
在設計登陸頁面的實際過程中,很多研究都證明,壹點點的改進,比如操作按鈕的顏色,公司LOGO的位置,都有可能提高頁面效果,而標題文案和輔助說明的改進,則有可能大大提高妳的轉化率。收集和分析用戶統計是讓設計更有效的壹種方式,也可以讓妳的用戶轉化和營銷策略更成功。