成都給公司建網(wǎng)站 為您的應(yīng)用構(gòu)建具有視覺(jué)吸引力和高轉(zhuǎn)化率的著陸頁(yè)非常重要...
由于啟動(dòng)應(yīng)用需要大量的時(shí)間和金錢(qián),因此此目標(biāo)網(wǎng)頁(yè)(又稱(chēng)啟動(dòng)頁(yè)面)的執(zhí)行方式會(huì)承受很大壓力。
注意:目標(biāo)網(wǎng)頁(yè)樣式多種多樣。一些登陸頁(yè)面只需要一種形式和一些社會(huì)證明,因?yàn)閺V告將訪問(wèn)者吸引到該頁(yè)面提供了足夠的上下文。其他頁(yè)面需要更多信息,尤其是對(duì)于復(fù)雜產(chǎn)品。在下面的更多內(nèi)容。
*我們想到的一切,Invision已經(jīng)在測(cè)試中。在撰寫(xiě)本文時(shí),此頁(yè)面至少還有其他3個(gè)版本試圖優(yōu)化轉(zhuǎn)化。(稍后會(huì)詳細(xì)介紹A / B)
簡(jiǎn)單的“工作原理”解釋?zhuān)ǔ1缓雎?/div>
我們認(rèn)為他們可以做的事情可以改善頁(yè)面:
減少對(duì)庫(kù)存圖像的依賴(lài),尤其是對(duì)客戶(hù)推薦書(shū)的依賴(lài)(快速的圖像搜索證明這些都是庫(kù)存的)
提供社交登錄或通過(guò)您的銀行應(yīng)用注冊(cè)的選項(xiàng)
通過(guò)重新配置內(nèi)容來(lái)提高頁(yè)面速度;此頁(yè)面的加載速度很慢,這可能會(huì)導(dǎo)致用戶(hù)在查看內(nèi)容之前跳出
松弛
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁(yè):
簡(jiǎn)化的主要優(yōu)點(diǎn)和功能說(shuō)明
英雄部分中的圖像選擇立即傳達(dá)了移動(dòng)和臺(tái)式機(jī)的兼容性
大量使用圖標(biāo)來(lái)展示集成(比文字更易于閱讀)
我們認(rèn)為他們可以做的事情可以改善頁(yè)面:
沒(méi)有*
*我們想到的一切,Slack已經(jīng)在測(cè)試。在撰寫(xiě)本文時(shí),此頁(yè)面至少還有其他兩個(gè)版本試圖優(yōu)化轉(zhuǎn)化。(稍后會(huì)詳細(xì)介紹A / B)
以下是其中一些版本:
(用各種插圖替換實(shí)際的產(chǎn)品照片)
成都給公司建網(wǎng)站 為您的應(yīng)用構(gòu)建具有視覺(jué)吸引力和高轉(zhuǎn)化率的著陸頁(yè)非常重要...
(縮短頁(yè)面并添加顏色)
前臺(tái)應(yīng)用
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁(yè):
簡(jiǎn)單注冊(cè)表格旁邊的關(guān)鍵消息,其中提到免費(fèi)試用
鏈接到G2 Crowd上的客戶(hù)評(píng)論
有力的社會(huì)證明
我們認(rèn)為他們可以做的事情可以改善頁(yè)面:
由于此應(yīng)用相當(dāng)復(fù)雜,因此請(qǐng)?jiān)黾右恍┊a(chǎn)品說(shuō)明的頁(yè)面長(zhǎng)度
在表單中添加電話(huà)圖標(biāo)以保持與其他字段的一致性
將輔助文本添加到主要居中的產(chǎn)品快照中,因?yàn)樗坪鯖](méi)有上下文,并且?guī)缀鯖](méi)有指導(dǎo)
奇跡應(yīng)用
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁(yè):
產(chǎn)品的視覺(jué)效果很好(記住一張圖片值一千字)
帶有固體按鈕副本的創(chuàng)意表格字段:“免費(fèi)入門(mén)”
“為什么奇跡”在導(dǎo)航中跳了出來(lái)。這是“功能”的有趣替代
我們認(rèn)為他們可以做的事情可以改善頁(yè)面:
重寫(xiě)副本,以減少混亂。用戶(hù)必須立即知道您的工作以及為什么您比競(jìng)爭(zhēng)對(duì)手更好
如果不是明顯的列表或鏈接,請(qǐng)刪除文本旁邊的“”符號(hào)。這些類(lèi)型的符號(hào)可能會(huì)引起誤解,尤其是在突出顯示時(shí)
諾斯利
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁(yè):
您無(wú)需注冊(cè)即可體驗(yàn)該產(chǎn)品!
強(qiáng)大的社會(huì)證據(jù)和報(bào)價(jià)
新聞通訊的號(hào)召性用語(yǔ)著眼于以下好處:“注冊(cè)以接收Noisli生產(chǎn)力黑客”
我們認(rèn)為他們可以做的事情可以改善頁(yè)面:
使主要號(hào)召性用語(yǔ)更加清晰可見(jiàn),而無(wú)需滾動(dòng)
包含創(chuàng)建帳戶(hù)的提示,該提示會(huì)在約30秒后顯示
保持頁(yè)面最新!“ @ 2014 Noisly LTD”在2018年表現(xiàn)不佳
保持
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁(yè):
每個(gè)新內(nèi)容部分的背景顏色都會(huì)發(fā)生變化,從而使閱讀更加集中
帶有自定義字體和插圖的創(chuàng)意設(shè)計(jì)
頁(yè)面下半部分的副本
我們認(rèn)為他們可以做的事情可以改善頁(yè)面:
在“英雄”部分添加更好的標(biāo)題和號(hào)召性用語(yǔ)
附上產(chǎn)品說(shuō)明視頻,這對(duì)此類(lèi)產(chǎn)品確實(shí)有幫助
將http://版本重定向到安全的https://版本-這是一個(gè)安全應(yīng)用
國(guó)際金融貿(mào)易展覽會(huì)
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁(yè):
超大字體,非常易于閱讀
社交注冊(cè)-大量使用“繼續(xù)”一詞代替注冊(cè)
演示了用例以突出產(chǎn)品的好處
我們認(rèn)為他們可以做的事情可以改善頁(yè)面:
提高字體的響應(yīng)能力-在較大的屏幕上,縮放后的字體可能會(huì)過(guò)多
添加常見(jiàn)問(wèn)題部分或說(shuō)明視頻,重點(diǎn)介紹能夠使用此應(yīng)用所需的技術(shù)經(jīng)驗(yàn)
相機(jī)+
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁(yè):
驚人的顏色,漸變和視覺(jué)效果
巧妙使用“工具提示”突出顯示應(yīng)用程序中的不同功能
使用應(yīng)用程序編輯的圖像示例前后的交互式
使用標(biāo)題旁邊的圖標(biāo)進(jìn)行快速掃描
我們認(rèn)為他們可以做的事情可以改善頁(yè)面:
重新考慮“博客”標(biāo)題或添加更多內(nèi)容-它僅包含一個(gè)條目
使用社交證明來(lái)轉(zhuǎn)換更多不確定的用戶(hù)
如何建立自己的登陸頁(yè)面
步驟1.收集信息
在開(kāi)始構(gòu)建登錄頁(yè)面之前,請(qǐng)務(wù)必問(wèn)幾個(gè)問(wèn)題,以了解該頁(yè)面的目的以及它將包含的內(nèi)容是很重要的。
您在賣(mài)什么/促銷(xiāo)什么?
首先與您的團(tuán)隊(duì)創(chuàng)建一個(gè)協(xié)作文檔(例如 Google Doc),以明確突出您的獨(dú)特銷(xiāo)售主張(USP)。該文檔應(yīng)包含您的關(guān)鍵消息傳遞,功能和優(yōu)勢(shì)。頁(yè)面的長(zhǎng)度應(yīng)由您的產(chǎn)品提供的功能數(shù)量以及產(chǎn)品的復(fù)雜程度來(lái)確定。
誰(shuí)來(lái)查看您的目標(biāo)網(wǎng)頁(yè)?
該頁(yè)面將作為您的主要網(wǎng)站,還是人們?yōu)g覽廣告后登陸的頁(yè)面?例如,如果您的廣告是說(shuō)明性視頻,則目標(biāo)網(wǎng)頁(yè)可能比僅基于文本或展示廣告的目標(biāo)網(wǎng)頁(yè)短得多。
你有什么資源?(人物,視覺(jué)效果,視頻,副本)
根據(jù)您企業(yè)的規(guī)模和財(cái)務(wù)資源,您可能會(huì)或可能不會(huì)接觸專(zhuān)業(yè)攝影師,設(shè)計(jì)師,開(kāi)發(fā)商,攝像師和作家。構(gòu)建頁(yè)面時(shí),必須考慮這些元素。如果資源有限,最好從小處著手,逐步建立具有更多元素或復(fù)雜性的事物。
第2步:對(duì)目標(biāo)網(wǎng)頁(yè)進(jìn)行線(xiàn)框設(shè)計(jì)或原型
無(wú)論您是自己設(shè)計(jì)頁(yè)面還是依靠專(zhuān)業(yè)人員,第一步通常都是從白板或筆和紙開(kāi)始。以這種方式設(shè)計(jì)將允許多次迭代,然后再?zèng)Q定將模型移至功能更強(qiáng)大的設(shè)計(jì)軟件
在每個(gè)步驟中,與他人討論您的想法很重要,因?yàn)榻ㄔO(shè)性合作總是可以帶來(lái)更好的結(jié)果。
一旦您對(duì)初始模型感到滿(mǎn)意,大多數(shù)專(zhuān)業(yè)人士將 依賴(lài)于預(yù)先建立的視覺(jué)效果和副本,決定使用 Photoshop 或 Sketch創(chuàng)建著陸頁(yè)的視覺(jué)表示。設(shè)計(jì)完成后,設(shè)計(jì)人員通常會(huì)導(dǎo)入InVision等工具 來(lái)創(chuàng)建交互式原型并收集反饋。
另一方面,非設(shè)計(jì)師以及越來(lái)越多的創(chuàng)意專(zhuān)業(yè)人員已開(kāi)始通過(guò)在諸如PageCloud的網(wǎng)站構(gòu)建平臺(tái)中創(chuàng)建實(shí)時(shí)模型來(lái)繞過(guò)這些步驟 。
諸如PageCloud之類(lèi)的平臺(tái)允許用戶(hù)在所有人都對(duì)設(shè)計(jì)感到滿(mǎn)意時(shí)直接點(diǎn)擊發(fā)布。無(wú)需再次設(shè)計(jì)頁(yè)面或?qū)⑵浣唤o開(kāi)發(fā)人員實(shí)施。
*注意:如果您不需要的是自定義登錄頁(yè)面,則網(wǎng)上會(huì)有大量的預(yù)制模板和設(shè)計(jì)。這可能是快速入門(mén)的好方法,但請(qǐng)確保與此設(shè)計(jì)相關(guān)的平臺(tái)足夠靈活,以使您可以輕松自定義和擴(kuò)展目標(biāo)頁(yè)面。
步驟3.選擇您的網(wǎng)站建設(shè)平臺(tái)
如果您決定使用Photoshop和Invision之類(lèi)的工具進(jìn)行線(xiàn)框圖繪制,那么現(xiàn)在該選擇要用于構(gòu)建和托管網(wǎng)站的平臺(tái)。
這里有很多選擇。例如,本文中的某些登錄頁(yè)面是由開(kāi)發(fā)人員自定義構(gòu)建的,而其他登錄頁(yè)面是使用WordPress,Shopify或PageCloud之類(lèi)的工具構(gòu)建的。
如果您正在尋找一個(gè)可供初學(xué)者,設(shè)計(jì)人員和開(kāi)發(fā)人員使用的簡(jiǎn)單選項(xiàng),我們建議您使用 PageCloud。這樣,您可以輕松地從小規(guī)模開(kāi)始,并將您的自定義登錄頁(yè)面擴(kuò)展到功能齊全的網(wǎng)站。
以下是一些使用PageCloud構(gòu)建引人入勝的著陸頁(yè)的應(yīng)用程序:
梅森基
萬(wàn)得
步驟4.發(fā)布并優(yōu)化您的目標(biāo)網(wǎng)頁(yè)
講完構(gòu)
建網(wǎng)站的基礎(chǔ)知識(shí)(包括 連接自定義域 和 優(yōu)化頁(yè)面上的SEO)后,就該發(fā)布目標(biāo)網(wǎng)頁(yè)了!
但是,如果您確實(shí)要確保目標(biāo)網(wǎng)頁(yè)的性能良好,那么它就不止于此了。
為了大程度地提高目標(biāo)網(wǎng)頁(yè)上的轉(zhuǎn)化率,重要的是始終運(yùn)行測(cè)試以查看是否可以提高性能-就像上面提到的Invision和Slack一樣。
為了幫助運(yùn)行這些測(cè)試,在線(xiàn)提供了多種工具。
在PageCloud,我們喜歡 Google Optimize, 因?yàn)樗试S您運(yùn)行多達(dá)5個(gè)免費(fèi)實(shí)驗(yàn)。
這就是我們繼續(xù)改善登錄頁(yè)面的方式,該登錄頁(yè)面當(dāng)然是使用PageCloud構(gòu)建的。
看一看:
感覺(jué)受到啟發(fā)?立即構(gòu)建自己的 自定義目標(biāo)網(wǎng)頁(yè) !
名稱(chēng)欄目:成都給公司建網(wǎng)站
分享地址:http://jinyejixie.com/news/184888.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、品牌網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、域名注冊(cè)、軟件開(kāi)發(fā)、建站公司
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)