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