高轉(zhuǎn)化率的著陸頁（Landing Page）設計必要的10個元素

以前一直把landing page叫登錄頁，今天才知道最合適的叫著陸頁，網(wǎng)站運營的三個關鍵因素，就是捕獲（讓人訪問你的網(wǎng)站或者著陸頁面），轉(zhuǎn)化（說服他們進行你期望的操作，這里可以是點擊，注冊或者直接購買），保持（加深與顧客的關系，提高其終身價值）要想達到高的轉(zhuǎn)化率，著陸頁（landing page）就顯得尤為重要了。

你有沒有看到一個讓你不能離開的著陸頁（單頁網(wǎng)頁）？不是因為它引人入勝的內(nèi)容，而是因為它的設計形式阻擋了你關閉瀏覽器。這是一種吸引眼球的方式，但絕對不是最好的。而且這也不是我們所謂的著陸頁類型。我們所謂的著陸頁，是不用依靠流氓彈窗和打折噱頭，就可以創(chuàng)造美麗的網(wǎng)站，既能吸引用戶眼球，又可以有很高的轉(zhuǎn)化率和回頭率。

所以，要坦誠，當你第一次看到著陸頁（landing page），你最關心什么？

我們很多人都會把著陸頁和可疑的營銷頁面看作同一類。認為它們就是一些放有自動播放的視頻廣告和永無止境的重復內(nèi)容。

也許你覺得著陸頁是個公司或項目啟動頁面。的卻，許多創(chuàng)業(yè)公司設計“即將推出（coming soon）”頁面，是為了讓你對產(chǎn)品產(chǎn)生興趣，并收集電子郵件為產(chǎn)品正式發(fā)布做推廣準備。

但是，即使你不是在做公司營銷推廣或新項目啟動，你仍然可以使用著陸頁這樣的形式去設計。你可以通過谷歌Adwords去推廣你的設計服務，并且發(fā)送消息給潛在的用戶，讓他們看你的這個廣告頁面。你可以會有客戶需要設計一個著陸頁，而且他都不知道著陸頁是什么東西。你學到了這些技能你就可以去向那些客戶去推銷著陸頁（landing page）這種新的設計模式。

學會如何去設計一個殺手級的著陸頁會讓你的設計服務的價值提升。準備去看一眼么？讓我們從最基礎的開始吧。

什么是著陸頁?

從技術(shù)上來講，當一個用戶來訪，一個著陸頁代表所有的頁面內(nèi)容。但是，本文只是在介紹一種去引導你的訪客具體行動的專門的著陸頁。如：吸引他們注冊，或者購買的你的電子書，或者聘請你去做他們的設計師。

和你的網(wǎng)站其余的部分不同，著陸頁的運作像一個孤島。它沒有鏈接到您的網(wǎng)站其余的部分，它只有一個重點：說服訪問者做你想讓他們做的一件事。

在普通的網(wǎng)站上，你歡迎訪客隨時隨地訪問：關于你、聯(lián)系你或者是你的博客等。但是著陸頁沒有這些，著陸頁為什么運營得更好，是因為他們直截了當。

你為什么需要一個著陸頁?

一個著陸頁面的唯一目的就是推銷。無論你是賣設計服務還是信息資訊或者書籍下載、設計贈品、字體、課程等。你可以看到，也不總是需要貨幣交易。

不管你如何使用一個著陸頁，我們的目標是把訪客變成客戶或者是會員。

每一個設計師都可以在一個著陸頁中獲益，為什么呢？因為很多設計師都患有“這只是興趣，但是只要給錢，它會很酷”的毛病。有些設計師也還怕談錢或者亂收費。

如果這聽起來像你，讓你的著陸頁幫你說話吧。在著陸頁上你可以分享你的水平和告訴別人為什么你是一個很棒的設計師。而且別人也不會覺得你自負，因為這只是你的著陸頁。

你也可以建議客戶做著陸頁的方案，這樣能產(chǎn)生更多收獲?；蛟S你的客戶已經(jīng)有要求了，那說明哥們你來到了正確的地方，讓我們開始吧！

1. 導航

成功的著陸頁沒有導航！

為什么呢？因為你不希望訪問者被菜單上的選項所分心。相反，你希望他們專注頁面上的內(nèi)容，直到產(chǎn)生轉(zhuǎn)化。

如果你在著陸頁上做了完整的菜單，訪問者會被誘惑，去了解你的關于頁面，或者看你的投資組合，或者查看你的blog。久而久之，他們就會做跳躍式試用并關閉你的網(wǎng)站。他們會徹底忘記你的內(nèi)容。

刪除所有能產(chǎn)生雜念的東西。除非你有視頻，在網(wǎng)頁上唯一可點擊的選項應該是你的行動按鈕。

2. 排版

雖然沒有固定的規(guī)則，當涉及到排版，這里有一個基本原則：

(Pardon the stock images. Only used for illustrative purposes.) 

用一些富有視覺沖擊力的大圖去迎接你的客人。如果你是做一個捐款的網(wǎng)站，你就顯示那些接受捐款的孩子們的照片。如果你是賣軟件或者應用的，那就放你的軟件在工作中的動態(tài)視頻效果。

接下來，你要在圖片旁邊放置獨特的銷售主張，使用列表式要點，以便于訪問者快速獲取信息。

在你的主張下面，需要包含一個“行動”按鈕，并且使其特別明顯。

所有的這些信息必須在首屏。這樣訪客不需要滾動鼠標滾輪才能點擊行動按鈕。一個最近的數(shù)據(jù)統(tǒng)計顯示，80%的人都只愿意花費自己的時間在首屏上，只有20%的人才會往下滾。

這并不是說你可以完全不管首屏以下的內(nèi)容，很多著陸頁（landing page）用長頁面表現(xiàn)更加合理，這樣可以把你的產(chǎn)品和服務介紹得更清晰，如果你選擇這樣做，你可以把“行動”按鈕放置到每一屏，以便訪問者在時時刻刻都能找到它。

3.有故事的色彩

顏色影響心情。谷歌知道這一點，這就是為什么他們測試了41種深淺不一的藍，目的是要看看哪一種能與他們的用戶產(chǎn)生共鳴?？煽诳蓸?、必勝客、Frito Lay、麥當勞和納貝斯克也知道這一點，因此他們使用紅色和黃色，可以刺激用戶的饑餓和興奮。

所以，讓我們做一個實驗。當你看到這些顏色，有什么感覺？

如果科學是被信任的，這是你應該感到的：

色彩與情感

應用這些色彩屬性到你的著陸頁，使用紅色是一種吸引人注意力和產(chǎn)生興奮感的正確方式。藍色會讓人感覺很好溝通和有信任感。這兩種色彩是最好的“行動”按鈕色彩。

當你選擇背景色時，灰和白是要優(yōu)先考慮的，因為選它們總是沒錯。

不要使用太多的色彩在你的著陸頁上，選擇兩、三種和諧的色彩來傳達你的信息即可。

4. 圖片

每個人都喜歡漂亮的圖片，用圖片更妙，大腦處理圖像比文字更快。

使用能捕獲購買你產(chǎn)品或服務人的情緒的照片。而且在這里，你可以注入你的個性。

我們都知道，很多東西是難以用文字傳達語氣的。這就是為什么你的文字需要圖片和色彩去傳達“故事”。我可能不明白，也可能相信，你的產(chǎn)品或服務非常適合我的業(yè)務，但是當你拿出人們使用你產(chǎn)品的場景圖片時，我就確信了。

但是，以下是一個非常大的警告，請不要做：

stock image of a random business guy

使用一些毫不相關的圖庫圖片的時候是沒有靈魂和關感覺的，因為你們沒有人使用你的產(chǎn)品，沒人知道你的產(chǎn)品，不知道你的存在，而且很可能都不知道自己在哪里。

相反，使用授權(quán)了的上面有人真正在使用你的產(chǎn)品的照片，不是專業(yè)的照片沒關系，但是這些能真正代表你的產(chǎn)品。

為什么呢？因為你是在建立你與用戶之間的信任，你希望他們對你有信心，而且頁面上每一個元素都可以支持這種信任。

我會使用一些圖庫圖片在某些案例中，但是從來不會在要證明你的真實性的著陸頁中使用。

如果你不想使用照片，而使用一個插圖或者是某些展示模型，注意，不要使用那種滿大街都是的素材。

5. 視頻

視頻是著陸頁的熱門選擇，理由如下：在頁面上使用視頻轉(zhuǎn)化率可以提高86%。選擇視頻用戶可以更好的、更完整的了解你的產(chǎn)品和服務。

視頻不宜過長，要甜，要直擊關鍵點。你的視頻不要解釋如何使用你的產(chǎn)品，而要告訴用戶你的產(chǎn)品使用起來多么簡單。

訪客用戶一般會在一個“它能給我?guī)Я耸裁础钡囊暯?，去看一個著陸頁，你在文字和視頻里都要一遍又一遍的來回答這個問題。

6. 副本

不知道副本和內(nèi)容的區(qū)別吧？內(nèi)容是信息，副本只為了滿足銷售。

在您的著陸頁面，使用副本。

我不會騙你說寫一個副本是很容易的事情，因為它不是。有效的副本可以推動用戶去行動按鈕。為了達到效果，你必須理解內(nèi)容情感和為什么人們開始對你的服務感興趣。

例如，一個人為什么要買你的書，或記住你的服務？（提示：這個不是你腦子里在想的，而是用戶腦子里想的東西）

簡單的回答是，那些潛在的客戶是為了學習知識和改進他的網(wǎng)站。您的副本應該深刻的回答這個問題，不是說你的服務或產(chǎn)品有多偉大，而是從側(cè)面讓他感受到你的產(chǎn)品和服務的好處。

最直接的就是，要關注客戶的需求，以及他們關心什么。

7. “行動”按鈕

這樣的例子不勝枚舉和。這里的關鍵是要制定一個號召性的行動，反映了你的目標網(wǎng)頁的基調(diào)。它應該是風度翩翩，而且可以很有趣，或嚴肅的，根據(jù)話題。

“行動”按鈕是你的著陸頁上最重要的元素，它告訴用戶該去做什么，你提供了什么。

不要在按鈕上寫”提交”這樣的字眼，因為沒有人會去點，“提交”是一個可怕的字眼。

相反，使用一些文字描述正在發(fā)生或即將要發(fā)生的事情。這里有些參考：

1.加入我們的社區(qū)
2.我希望得到免費
3.現(xiàn)在，獲取結(jié)果
4.雇傭我
5.感謝你的捐贈
6.給我的免費電子書
7.立即下載
8.我希望有一個更好的網(wǎng)站
9.我喜歡打折

這樣的例子不勝枚舉。這里的關鍵點是要制定一個行動動作，能反應你的網(wǎng)頁目標基調(diào)。它可以是，風度翩翩的、很有趣的或嚴肅的，需要根據(jù)你網(wǎng)站主題和具體情況。

8. 信息表格

要填寫的信息表格應該是簡單的。事實上，我是電子郵件的大擁護者。如果你問生日、電話號碼、郵寄地址和血型，的話，很多用戶都會轉(zhuǎn)身離開你的頁面。因為沒有什么比只提交一個電子郵件更簡單。

人們不會輕易給出這些信息，是因為他們不知道你是否可信，請尊重這一點。

但是，一旦你們建立關系，你可以隨時要求更多的信息。

9. 社會認同

人們很想知道，他們并不孤單。所以一個了不起的著陸頁必定會加入一些社會認同的證明或者其他的形式。

如：真實姓名、照片、網(wǎng)站和微博等工具在旁邊做見證。有了這些就能很好的增加社會認同感。

另一種增加社會認同的方式是，增加用戶數(shù)顯示，在你的“行動”按鈕上。如：15702人注冊了這個網(wǎng)站！

這些看起來很簡單，但是它們可以大大提高轉(zhuǎn)化率。

10. 響應式設計

你的著陸頁必須是響應式的。超過80%的互聯(lián)網(wǎng)流量來自于移動設備。如果你的目標用戶看到的網(wǎng)頁是錯位的，那你所有的努力都是白費。

請保證你的著陸頁能適配任何顯示窗口。

總結(jié)

希望這篇關于著陸頁設計的引子能給你帶來靈感，讓自己設計出屬于你的精彩的著陸頁（landing page）。這里面的內(nèi)容都是一些非常有用的互聯(lián)網(wǎng)運營設計的常識，設計師了解后，會讓你設計目標和思路更清晰

本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設網(wǎng)站設計制作公司-創(chuàng)新互聯(lián)
標簽：網(wǎng)站轉(zhuǎn)化率, 重慶網(wǎng)站建設公司,成都網(wǎng)頁設計公司,成都網(wǎng)站設計公司

網(wǎng)站標題：高轉(zhuǎn)化率的著陸頁（Landing Page）設計必要的10個元素
本文鏈接：http://bm7419.com/news/161321.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、網(wǎng)站排名、定制開發(fā)、面包屑導航、品牌網(wǎng)站制作、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)