移動(dòng)網(wǎng)頁(yè)的設(shè)計(jì)原則
1、要為移動(dòng)端的頁(yè)面做好優(yōu)化
移動(dòng)網(wǎng)站需要考慮載體和流量的問(wèn)題, 所以移動(dòng)網(wǎng)站的內(nèi)容是以簡(jiǎn)潔、精煉、明了為主, ,為了達(dá)到讓訪(fǎng)客一目了然的效果，不僅要確保PC網(wǎng)站的內(nèi)容不變, 還需提煉PC網(wǎng)站上的精華。
2、要重新規(guī)劃移動(dòng)頁(yè)面的顯示形式
手機(jī)網(wǎng)頁(yè)上的導(dǎo)航以?xún)蓪右詢(xún)?nèi)為宜, 每層的導(dǎo)航內(nèi)容以一屏之內(nèi)可以顯示為宜, 導(dǎo)航的形式以縱向排列或者九宮格圖標(biāo)排列為宜, 復(fù)雜網(wǎng)站可以加入搜索功能。手機(jī)用戶(hù)希望快速解決問(wèn)題, 所以盡可能直接展示給他們具體內(nèi)容。不要使用鼠標(biāo)懸停功能, 不要在手機(jī)網(wǎng)頁(yè)的導(dǎo)航上使用過(guò)多的內(nèi)容和層級(jí)等。
3、要為移動(dòng)端的屏幕做好優(yōu)化
移動(dòng)網(wǎng)頁(yè)要盡可能的速度快, 就必須壓縮移動(dòng)網(wǎng)頁(yè)的大小, 為移動(dòng)網(wǎng)頁(yè)提供專(zhuān)門(mén)的小尺寸、經(jīng)過(guò)壓縮的圖片內(nèi)容, 盡可能減少背景圖和小動(dòng)畫(huà)等裝飾性、但在手機(jī)上效果不佳的圖片素材的使用, 使手機(jī)網(wǎng)頁(yè)能夠更快的加載。用分步下載、提示加載狀態(tài)等方式, 使用戶(hù)感覺(jué)網(wǎng)頁(yè)加載很快, 在等待的過(guò)程中有事可做, 或至少讓他們安心等待。
4、要充分利用移動(dòng)端的特性
允許用戶(hù)直接在網(wǎng)頁(yè)上撥打電話(huà)可以顯著提升轉(zhuǎn)化率, 并且中國(guó)用戶(hù)更習(xí)慣于在電話(huà)中與人溝通, 而不是通過(guò)填表與機(jī)器溝通;顯示電子地圖和用戶(hù)的定位信息, 能幫助用戶(hù)更加直觀(guān)的了解周?chē)闆r, 并進(jìn)行位置導(dǎo)航;向用戶(hù)提供分享的內(nèi)容并鼓勵(lì)用戶(hù)進(jìn)行一鍵社交分享, 能幫你贏(yíng)得更多的客戶(hù);在頁(yè)面提供下載安裝你的手機(jī)應(yīng)用的鏈接, 能增加手機(jī)應(yīng)用的曝光度。
5、要為移動(dòng)端做好多點(diǎn)觸控優(yōu)化
為按鈕、菜單標(biāo)簽、鏈接等可點(diǎn)擊界面元素設(shè)置合適的大小, 界面元素之間設(shè)置合適的間距。不要用較小的文字鏈接作為重要的功能或內(nèi)容入口, 不要密集的堆放文字鏈接, 不要將重要的可點(diǎn)擊界面元素做的過(guò)小、或放置在太過(guò)于靠近屏幕角落或邊緣的地方。