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

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

你有沒有看到一個(gè)讓你不能離開的著陸頁(yè)（單頁(yè)網(wǎng)頁(yè)）？不是因?yàn)樗巳雱俚膬?nèi)容，而是因?yàn)樗脑O(shè)計(jì)形式阻擋了你關(guān)閉瀏覽器。這是一種吸引眼球的方式，但絕對(duì)不是最好的。而且這也不是我們所謂的著陸頁(yè)類型。我們所謂的著陸頁(yè)，是不用依靠流氓彈窗和打折噱頭，就可以創(chuàng)造美麗的網(wǎng)站，既能吸引用戶眼球，又可以有很高的轉(zhuǎn)化率和回頭率。

所以，要坦誠(chéng)，當(dāng)你第一次看到著陸頁(yè)（landing page），你最關(guān)心什么？

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

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

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

學(xué)會(huì)如何去設(shè)計(jì)一個(gè)殺手級(jí)的著陸頁(yè)會(huì)讓你的設(shè)計(jì)服務(wù)的價(jià)值提升。準(zhǔn)備去看一眼么？讓我們從最基礎(chǔ)的開始吧。

什么是著陸頁(yè)?

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

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

在普通的網(wǎng)站上，你歡迎訪客隨時(shí)隨地訪問：關(guān)于你、聯(lián)系你或者是你的博客等。但是著陸頁(yè)沒有這些，著陸頁(yè)為什么運(yùn)營(yíng)得更好，是因?yàn)樗麄冎苯亓水?dāng)。

你為什么需要一個(gè)著陸頁(yè)?

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

不管你如何使用一個(gè)著陸頁(yè)，我們的目標(biāo)是把訪客變成客戶或者是會(huì)員。

每一個(gè)設(shè)計(jì)師都可以在一個(gè)著陸頁(yè)中獲益，為什么呢？因?yàn)楹芏嘣O(shè)計(jì)師都患有“這只是興趣，但是只要給錢，它會(huì)很酷”的毛病。有些設(shè)計(jì)師也還怕談錢或者亂收費(fèi)。

如果這聽起來像你，讓你的著陸頁(yè)幫你說話吧。在著陸頁(yè)上你可以分享你的水平和告訴別人為什么你是一個(gè)很棒的設(shè)計(jì)師。而且別人也不會(huì)覺得你自負(fù)，因?yàn)檫@只是你的著陸頁(yè)。

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

1. 導(dǎo)航

成功的著陸頁(yè)沒有導(dǎo)航！

為什么呢？因?yàn)槟悴幌ＭL問者被菜單上的選項(xiàng)所分心。相反，你希望他們專注頁(yè)面上的內(nèi)容，直到產(chǎn)生轉(zhuǎn)化。

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

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

2. 排版

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

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

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

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

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

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

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

3.有故事的色彩

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

所以，讓我們做一個(gè)實(shí)驗(yàn)。當(dāng)你看到這些顏色，有什么感覺？

如果科學(xué)是被信任的，這是你應(yīng)該感到的：

色彩與情感

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

當(dāng)你選擇背景色時(shí)，灰和白是要優(yōu)先考慮的，因?yàn)檫x它們總是沒錯(cuò)。

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

4. 圖片

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

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

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

但是，以下是一個(gè)非常大的警告，請(qǐng)不要做：

stock image of a random business guy

使用一些毫不相關(guān)的圖庫(kù)圖片的時(shí)候是沒有靈魂和關(guān)感覺的，因?yàn)槟銈儧]有人使用你的產(chǎn)品，沒人知道你的產(chǎn)品，不知道你的存在，而且很可能都不知道自己在哪里。

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

為什么呢？因?yàn)槟闶窃诮⒛闩c用戶之間的信任，你希望他們對(duì)你有信心，而且頁(yè)面上每一個(gè)元素都可以支持這種信任。

我會(huì)使用一些圖庫(kù)圖片在某些案例中，但是從來不會(huì)在要證明你的真實(shí)性的著陸頁(yè)中使用。

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

5. 視頻

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

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

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

6. 副本

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

在您的著陸頁(yè)面，使用副本。

我不會(huì)騙你說寫一個(gè)副本是很容易的事情，因?yàn)樗皇?。有效的副本可以推?dòng)用戶去行動(dòng)按鈕。為了達(dá)到效果，你必須理解內(nèi)容情感和為什么人們開始對(duì)你的服務(wù)感興趣。

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

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

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

7. “行動(dòng)”按鈕

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

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

不要在按鈕上寫”提交”這樣的字眼，因?yàn)闆]有人會(huì)去點(diǎn)，“提交”是一個(gè)可怕的字眼。

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

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

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

8. 信息表格

要填寫的信息表格應(yīng)該是簡(jiǎn)單的。事實(shí)上，我是電子郵件的大擁護(hù)者。如果你問生日、電話號(hào)碼、郵寄地址和血型，的話，很多用戶都會(huì)轉(zhuǎn)身離開你的頁(yè)面。因?yàn)闆]有什么比只提交一個(gè)電子郵件更簡(jiǎn)單。

人們不會(huì)輕易給出這些信息，是因?yàn)樗麄儾恢滥闶欠窨尚?，?qǐng)尊重這一點(diǎn)。

但是，一旦你們建立關(guān)系，你可以隨時(shí)要求更多的信息。

9. 社會(huì)認(rèn)同

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

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

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

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

10. 響應(yīng)式設(shè)計(jì)

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

請(qǐng)保證你的著陸頁(yè)能適配任何顯示窗口。

總結(jié)

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

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

網(wǎng)站標(biāo)題：高轉(zhuǎn)化率的著陸頁(yè)（Landing Page）設(shè)計(jì)必要的10個(gè)元素
本文鏈接：http://muchs.cn/news/161321.html

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

廣告

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