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