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

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

著陸頁的分析

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

而對于廣告主而言，競價廣告的投放比例也在漸漸傾向移動端，甚至將預(yù)算全都歸于移動。

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

認識戰(zhàn)場，探索移動互聯(lián)網(wǎng)的秘密

移動設(shè)備的特點

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

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

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

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

用戶行為習(xí)慣

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

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

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

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

構(gòu)圖思維

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

所以我們在設(shè)計手機著陸頁時，要往縱向構(gòu)圖的思維上進行轉(zhuǎn)變。

構(gòu)圖比例

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

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

構(gòu)圖尺寸

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

一屏一主題

一屏就是最小的信息單元是手機屏特點之一，因此把信息切碎到手機屏的一個信息單元大小，最適宜手機用戶閱讀。

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

閱讀后印象并不深刻

閱讀后印象深刻

砍掉左右空白

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

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

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

左右留白，浪費空間

砍掉左右留白，信息傳達更有效

左右分欄變上下分欄

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

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

圖小、字小，不利于閱讀

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

加大主題間的留白

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

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

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

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

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

廣告

聲明：本網(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)