不懂得優(yōu)化手機(jī)著陸頁(yè)怎么行著陸頁(yè)的分析

著陸頁(yè)LandingPage是當(dāng)潛在用戶點(diǎn)擊廣告或者利用搜索引擎搜索后顯示給用戶的網(wǎng)頁(yè)，這個(gè)頁(yè)面的好壞直接影響到了轉(zhuǎn)化的效果，是我們營(yíng)銷漏斗中非常重要的一環(huán)，今天就來(lái)講講如何用科學(xué)的方法來(lái)分析和優(yōu)化著陸頁(yè)。

著陸頁(yè)的分析

著陸頁(yè)的核心是CTR（到達(dá)率），即要保證更低的跳出率，跳出率的影響因素有很多，因?yàn)楝F(xiàn)在中國(guó)網(wǎng)絡(luò)帶寬的提升，打開(kāi)時(shí)間對(duì)網(wǎng)站跳出率的影響已經(jīng)越來(lái)越低了。影響比較大的因素一是新老訪客的占比。圖1中，X軸為跳出率，Y軸為新訪客占比?？梢钥闯?，當(dāng)網(wǎng)站流量基本為老訪客時(shí)，跳出率不到30%，當(dāng)新訪客數(shù)接近100%時(shí)，跳出率超過(guò)了90%，降低跳出率第一點(diǎn)就是要抓老訪客。

而對(duì)于廣告主而言，競(jìng)價(jià)廣告的投放比例也在漸漸傾向移動(dòng)端，甚至將預(yù)算全都?xì)w于移動(dòng)。

所以貼心的小兔子今天特地總結(jié)了這篇干貨，教你如何設(shè)計(jì)既符合移動(dòng)設(shè)備的特點(diǎn)、又能滿足用戶瀏覽習(xí)慣的高轉(zhuǎn)化手機(jī)著陸頁(yè)。

認(rèn)識(shí)戰(zhàn)場(chǎng)，探索移動(dòng)互聯(lián)網(wǎng)的秘密

移動(dòng)設(shè)備的特點(diǎn)

相對(duì)PC而言，移動(dòng)屏幕尺寸更小，但像素密度比電腦屏幕要高（像素密度，指每英寸屏幕所擁有的像素?cái)?shù)），即手機(jī)上看東西更清晰，同時(shí)也意味著，同等尺寸的圖片，在電腦上看合適時(shí)，放到手機(jī)上看就會(huì)變小了。

手機(jī)屏幕是縱向展現(xiàn)，因此內(nèi)容的展現(xiàn)方式，也變成了從上往下。

其次，手機(jī)屏幕小，無(wú)法展現(xiàn)密集、大量的信息內(nèi)容；但非常擅長(zhǎng)表達(dá)近焦、微距、高清特寫(xiě)、局部細(xì)節(jié)。

因此，在有限的屏幕空間，手機(jī)屏展現(xiàn)的內(nèi)容，要足夠少，足夠聚焦，從而營(yíng)造更有視覺(jué)力展現(xiàn)效果。

用戶行為習(xí)慣

在海量的信息、匆促的時(shí)間下，用戶閱讀方式、習(xí)慣發(fā)生了變化；跳讀、挑讀、瞄讀、瞟讀，淺度和碎片化的閱讀方式，已經(jīng)成為移動(dòng)互聯(lián)網(wǎng)用戶的閱讀常態(tài)；所以，移動(dòng)端的內(nèi)容，必須要精簡(jiǎn)、易懂。

從移動(dòng)設(shè)備的特點(diǎn)和用戶的行為習(xí)慣分析，移動(dòng)端內(nèi)容設(shè)計(jì)，應(yīng)該做到：

豎屏構(gòu)圖、大圖大字、淺顯易懂、少放內(nèi)容，以打造一個(gè)讓用戶：看得見(jiàn)、看得完、看得懂、看得爽，既符合移動(dòng)設(shè)備展現(xiàn)特點(diǎn)，又能滿足用戶閱讀習(xí)慣的優(yōu)質(zhì)移動(dòng)頁(yè)面。

制定戰(zhàn)術(shù)，打造高轉(zhuǎn)化著陸頁(yè)

構(gòu)圖思維

我們都知道，PC和手機(jī)大的區(qū)別就是一個(gè)縱向一個(gè)橫向。如果我們繼續(xù)按照以往設(shè)計(jì)PC端著陸頁(yè)的經(jīng)驗(yàn)進(jìn)行手機(jī)端設(shè)計(jì)，顯然會(huì)給用戶的瀏覽體驗(yàn)帶來(lái)很大的障礙。

所以我們?cè)谠O(shè)計(jì)手機(jī)著陸頁(yè)時(shí)，要往縱向構(gòu)圖的思維上進(jìn)行轉(zhuǎn)變。

構(gòu)圖比例

當(dāng)前絕大多數(shù)手機(jī)的滿屏比例是9：16，事實(shí)上，因?yàn)橛许?yè)面標(biāo)題欄和底部按鈕，會(huì)占用一定空間，如果用9：16構(gòu)圖，會(huì)導(dǎo)致一屏展示不完一張圖的情況，因此在不同尺寸、不同分辨率的手機(jī)屏幕下，展示窗口的豎屏比例不盡相同。

所以，推薦圖片設(shè)計(jì)的構(gòu)圖比例為9:12，確保能在一屏內(nèi)完整顯示內(nèi)容。

構(gòu)圖尺寸

絕大多數(shù)手機(jī)的滿屏尺寸是720*1280像素，按9:12左右的構(gòu)圖比例，構(gòu)圖的尺寸建議為：寬度720px，高度1000px。

一屏一主題

一屏就是最小的信息單元是手機(jī)屏特點(diǎn)之一，因此把信息切碎到手機(jī)屏的一個(gè)信息單元大小，最適宜手機(jī)用戶閱讀。

一屏一主題，內(nèi)容一目了然，用戶只需瀏覽一遍，馬上能在腦海里留下印象。

閱讀后印象并不深刻

閱讀后印象深刻

砍掉左右空白

在面對(duì)橫的長(zhǎng)方形屏幕時(shí)，為了畫(huà)面整體平衡，將設(shè)計(jì)主體居中，讓用戶注意力往中間正方形聚焦，然后左右留白，幾乎是天生和諧、天經(jīng)地義的排版設(shè)計(jì)手法。

但是，當(dāng)我們面對(duì)的手機(jī)屏不再是橫方形、而是豎屏?xí)r，左右留白就白白浪費(fèi)了手機(jī)屏的展示空間，因此也不再合理、正確了。

而砍掉左右空白，是解決這一問(wèn)題的最佳方法。

左右留白，浪費(fèi)空間

砍掉左右留白，信息傳達(dá)更有效

左右分欄變上下分欄

手機(jī)用戶面對(duì)的是豎屏，閱讀的習(xí)慣是從上往下，設(shè)計(jì)師已經(jīng)習(xí)慣的左右分欄，在手機(jī)上已經(jīng)并不適用，既無(wú)法體現(xiàn)出設(shè)計(jì)的美感，也無(wú)法突出內(nèi)容。

因此，設(shè)計(jì)時(shí)改變分欄方式，從左右分欄變?yōu)樯舷路謾?，已?jīng)很有必要。

圖小、字小，不利于閱讀

上下分欄更符合用戶瀏覽習(xí)慣

加大主題間的留白

空白是手機(jī)著陸頁(yè)的斷句符，控制著表達(dá)的節(jié)奏。

一方面，加大主題間空白讓主題間隔明顯，使用戶能很輕松地分辨出每個(gè)主題，方便閱讀；另一方面，留白能使作品節(jié)奏明朗、表達(dá)從容不迫。

當(dāng)用戶處于舒服平靜的心境，自然延長(zhǎng)了對(duì)整套圖片的閱讀時(shí)間，大幅提高了信息溝通效率。

網(wǎng)頁(yè)名稱：不懂得優(yōu)化手機(jī)著陸頁(yè)怎么行著陸頁(yè)的分析
網(wǎng)址分享：http://muchs.cn/news4/314954.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(fā)、電子商務(wù)、品牌網(wǎng)站制作、手機(jī)網(wǎng)站建設(shè)、全網(wǎng)營(yíng)銷推廣、移動(dòng)網(wǎng)站建設(shè)

廣告

聲明：本網(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)