這篇文章要討論的不僅僅是網(wǎng)站頁面設(shè)計問題，而是從頁面設(shè)計、市場營銷、用戶分析、心理學(xué)等領(lǐng)域切入，來研究用戶心理和行為，從而規(guī)劃更有效的網(wǎng)站著陸頁面設(shè)計。

一句話科普網(wǎng)站著陸頁：

「好的著陸頁是綠色通道直達(dá)，壞的著陸頁是迷宮」

用戶進(jìn)入某個網(wǎng)站，第一眼看到的就叫著陸頁。一個好的網(wǎng)站著陸頁能引導(dǎo)用戶快速完成設(shè)計師設(shè)定的目標(biāo)，優(yōu)秀范例參見谷歌（12306其實也不錯），失敗范例參見大學(xué)的正方系統(tǒng)。

好的著陸頁考驗設(shè)計師的視覺/文案/心理學(xué)/營銷等等多方面的功力，每一項單獨挑出來都能說個3天3夜，而本篇文章的作用是科普概念+基礎(chǔ)流程，你可以從它提到的這六個方面進(jìn)行橫向擴展學(xué)習(xí)。

首先讓我們先看看那些經(jīng)常被問到的問題：

一、什么是網(wǎng)站著陸頁？

廣義來說，著陸頁是用戶進(jìn)入你的網(wǎng)站的起始或入口頁面，形象地來說，就是用戶在這個頁面“著陸”。

現(xiàn)在著陸頁已經(jīng)變成了一個更為具體的概念，很多人將它們作為宣傳某個特定產(chǎn)品、服務(wù)、賣點或特征的媒介，以便用戶能更快地留意到、并且更專注地瀏覽這些信息。

正是因為這樣，很多分析者認(rèn)為著陸頁比普通的網(wǎng)站首頁更有效率，也更能實現(xiàn)一些針對性的營銷目標(biāo)。和著陸頁的效率相比，網(wǎng)站首頁則常常囊括了過多的信息，讓用戶無法專心，也更容易失去瀏覽的興趣。

 

二、什么是頁面轉(zhuǎn)化？為什么它很關(guān)鍵？

想要去驗證那些以商業(yè)和產(chǎn)品、營銷和推廣為最終目標(biāo)的設(shè)計到底效果如何，轉(zhuǎn)化率是最常用的指標(biāo)。一般來說，“轉(zhuǎn)化”意味著某個瀏覽者使用你的網(wǎng)站提供的服務(wù)或轉(zhuǎn)變?yōu)楫a(chǎn)品的用戶，而在實際情況中，轉(zhuǎn)化會根據(jù)不同的網(wǎng)站或其它產(chǎn)品而有不同的定義。

著陸頁起初源自電子商務(wù)，也是登陸頁應(yīng)用最為廣泛的領(lǐng)域。而轉(zhuǎn)化率就是所有的瀏覽者中，有多少比例的人轉(zhuǎn)變成了注冊用戶并且最終完成了購買行為。

如今，著陸頁被廣泛地用在了各個領(lǐng)域的網(wǎng)站里，轉(zhuǎn)化的定義也變得更多。越來越多的線上產(chǎn)品和服務(wù)出現(xiàn)，用戶能夠在網(wǎng)上完成各式各樣的任務(wù)和操作，“轉(zhuǎn)化”就可以被定義為任何一個瀏覽者最終完成了網(wǎng)站期望他們?nèi)プ龅娜蝿?wù)，比如：

開始使用某個產(chǎn)品 訂閱網(wǎng)站內(nèi)容 轉(zhuǎn)移到某個特定頁面 下載App或其它文件 提供用戶信息 回答問卷 免費或折扣試用產(chǎn)品 瀏覽資源庫 去閱讀產(chǎn)品詳情或服務(wù)等等

 

上面的圖片是Knost設(shè)計的網(wǎng)站著陸頁，它是一個搖滾樂隊的網(wǎng)站。網(wǎng)頁中不同的模塊試圖引導(dǎo)用戶去做不同的任務(wù)，同時避免讓用戶覺得信息量過大。因此，一個瀏覽者需要花幾秒鐘時間瀏覽整頁，然后找到他們想要進(jìn)一步瀏覽的區(qū)域即可。

轉(zhuǎn)化意味著你把一個潛在的被動用戶轉(zhuǎn)變成了活躍的主動用戶，這些用戶不僅僅是瀏覽網(wǎng)頁信息，而是真的去使用了網(wǎng)頁上提供的功能，可以說轉(zhuǎn)化率的高低至關(guān)重要。著陸頁在大多數(shù)的商業(yè)目的里，都專注于獲取更多的瀏覽者，并提供能夠激勵用戶進(jìn)行下一步操作的信息。

作為一個成功的商人兼廣告代理公司總監(jiān)，Jeff Eisenberg有一個關(guān)于轉(zhuǎn)化率至關(guān)重要的觀點，十分明智：讓業(yè)務(wù)成倍增長的秘訣并不在于成倍提高流量，而在于成倍提升轉(zhuǎn)化率。很多事實都能證明了他的觀點，而且著陸頁通常僅提供有針對性的信息，也大大節(jié)省用戶瀏覽的時間。

三、為什么我們需要網(wǎng)站著陸頁？

從上文的例子中可以很容易的得到答案，再舉個類比的例子：想象一下，你想去紐約逛一逛曼哈頓，這是你一生的夢想，突然你找到一項又便宜又快的服務(wù)能讓你去紐約，是不是很棒？你拿起你的行李、帶上相機，心中覺得夢想就快要實現(xiàn)，或是其他你想去的地方。這時你又覺得如何？在一個如此大的城市中尋找你想去地方，你在完成這段筋疲力盡的旅程后，或許會覺得不太開心吧。而那些人把你送到紐約，卻把你一人丟在市里，讓你自己去找曼哈頓在哪兒，這時候你才覺得，直達(dá)目標(biāo)才最好，我想探索新鮮的城市，但不想因為找不到目的地而精疲力盡。那么同樣的，作為一個頁面的訪問者，是不是也希望直達(dá)目標(biāo)，而不是在復(fù)雜的網(wǎng)站上瀏覽太久？

這也正是著陸頁承擔(dān)的角色。當(dāng)用戶在外部資源看到特定產(chǎn)品、功能、信息或服務(wù)時，然后點擊進(jìn)入到站點，他并不會期望自己需要花大量的時間在首頁的一堆鏈接和信息中去尋找自己想要的產(chǎn)品內(nèi)容或頁面。瀏覽者除了想要立馬“著陸”到有用的信息頁面，還希望能快速看到那些能夠進(jìn)一步幫助他們做出決策的信息內(nèi)容。所以提供一個考慮周全的著陸頁能夠大大地幫助營銷決策的實施，并且提升轉(zhuǎn)化率。

 

上圖的案例來自Sergy Valiukh的著陸頁設(shè)計，它提供了上文提到的所有內(nèi)容元素。首先頁面是一個有機食物商店的推廣網(wǎng)頁，包含了一些基本信息，例如商店名稱、產(chǎn)品、服務(wù)的賣點、引導(dǎo)用戶操作的各類按鈕以及顧客評價的展示。設(shè)計者讓整個頁面信息很豐富，同時也不會過于復(fù)雜和冗長，有吸引力但也不會過于激進(jìn)。

在滾動頁面瀏覽時設(shè)計者還加入了動畫效果，讓整個瀏覽過程的體驗更為豐富，各個視覺元素之間組成了頁面的整體視覺主題，讓重要信息更為突出。

五、從哪些方面可以提高網(wǎng)站著陸頁的轉(zhuǎn)化率？

1）目標(biāo)用戶分析

每個著陸頁的設(shè)計都離不開對用戶群體的研究和分析。著陸頁不是一個單純的藝術(shù)品，而是市場推廣和展示策略的融合。設(shè)計者必須將市場營銷的目標(biāo)和用戶群體的特性牢記在心，把著陸頁當(dāng)做連接目標(biāo)消費者和產(chǎn)品之間的橋梁。一個網(wǎng)頁想要有高轉(zhuǎn)化率，設(shè)計必須要事先進(jìn)行對目標(biāo)用戶喜好、能力、心態(tài)的分析。不過要注意的是，沒有一個著陸頁可以讓所有用戶都喜歡，即便是最成功的商業(yè)運營也不會讓每個人都滿意。

2）市場分析和競爭對手分析

在設(shè)計著陸頁之前你還需要分析現(xiàn)有競爭對手的策略。此前在文章《如何將廣告策略運用到網(wǎng)頁和App設(shè)計》里我們就討論過如何將UX/UI設(shè)計和廣告結(jié)合起來，其中的一個觀點就是鼓勵設(shè)計師去做競品分析。著陸頁是市場營銷中的重要一環(huán)，市場分析也能幫助你產(chǎn)出更好的設(shè)計成果。更好地了解你的競爭對手，你才能少走彎路并且不讓你的產(chǎn)品淹沒在其它相似的萬千產(chǎn)品中。

3）精簡你的文案

廣告界大咖David Ogilvy說過“每一個字都要斤斤計較”，在你設(shè)計著陸頁的時候必須牢記這個簡單的道理。必須經(jīng)過研究和測試才能決定用多少字的文案去展示信息，因為這些字直接決定了用戶會不會買你的賬。

不過話說回來，并不是每一個著陸頁都要保持極少的文字字?jǐn)?shù)。比如當(dāng)你要宣傳的是一個著名的公司或產(chǎn)品時，少量的文字就足以說清楚并且吸引用戶進(jìn)行下一步操作，然而，如果你要推廣的是一個全新的產(chǎn)品或服務(wù)，那么則有必要多花些文字去讓訪問者了解更多。

上圖為Ludmila Shevchenko設(shè)計的著陸頁，目標(biāo)是展現(xiàn)SwifyBeaver開發(fā)的MAC應(yīng)用程序，在頁面上設(shè)計元素十分簡潔，用戶的注意力都會集中在標(biāo)題文字上，而標(biāo)題下方即為申請免費試用的按鈕，整個頁面沒有任何多余或無用的鏈接，僅僅提供了必要的點擊入口，讓用戶不會分心從而更有可能被轉(zhuǎn)化。

六、如何測試你的著陸頁效果？

可用性測試方面的專家在不斷的實踐中已經(jīng)證明，任何一個項目都不是完全客觀的，尤其是那些長期的項目。設(shè)計師也并不能奇跡般第讓那些產(chǎn)品的使用者一下子變成對產(chǎn)品了如指掌的專家。因此，僅僅只是創(chuàng)造概念還不夠，你還需要用實踐和數(shù)據(jù)來改進(jìn)你的設(shè)計。

David Ogilvy還說過一句名言：在廣告里最重要的一個詞是“測試”，只要你堅持去做測試，你的廣告就會變得越來越好。對著陸頁進(jìn)行測試，能更好的了解用戶行為，并改善著陸頁上那些無效又不友好的設(shè)計。

在設(shè)計著陸頁的實際過程中，不少研究已經(jīng)能證明，一點點微小的改進(jìn)，例如操作按鈕的顏色、公司LOGO的位置，都可能提升頁面效果，而標(biāo)題文案、輔助說明的改進(jìn)，則可能會大大提高你的轉(zhuǎn)化率。收集用戶統(tǒng)計數(shù)據(jù)并進(jìn)行分析，是讓設(shè)計變得更有效的途徑，同樣也能讓你的用戶轉(zhuǎn)化和營銷策略更為成功。

來源：優(yōu)設(shè)網(wǎng)

標(biāo)簽： 電子商務(wù) 谷歌 推廣 推廣網(wǎng) 網(wǎng)站 問題 用戶

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。