移動端網頁設計的原則有哪些？

移動端網頁設計的原則

移動互聯網時代的悄然到來改變了人們生活、工作中的生活方式，同時也在大批的設計力量中涌入移動端設計領域，其中移動端網頁設計更是如此。因而在移動端網頁設計中應遵循哪些原則來更好的設計移動網頁？

1、菜單簡潔明了

在移動端網頁設計中，因屏幕大小有限，無法設置過多內容，并且在移動設備或平板電腦中用戶會厭煩滾動大型的菜單欄或點擊數量眾多的子菜單，因而菜單欄應簡潔明了，有簡練的產品、服務概述，這樣會縮小用戶的查找范圍，對進一步信息進行點擊或利用搜索功能篩選。同時在理想的菜單欄中，選項數量應控制在5-6個，便于給用戶提供足夠的信息進行查找，且若情況允許，在主菜單中包含的子菜單不應多于兩個。

2、表單簡短貼心

移動端網頁設計時應考慮到用戶時間，表單應簡短貼心，在表單中諸如電話號碼、卡片類型和發卡機構是可選項，用戶可根據自身情況選擇填寫即可，以此來建立用戶對網站的信任。比如表單只是用戶用來訂閱電子報，僅需登記用戶姓名和郵箱即可；若是支付表單，應省略不必要字段，以此來增加網站安全度。

3、簡化表單字段

設計表單時應考慮到表單字段數，減少用戶輸入字數；也要盡量將表單做的清晰明了，使必填項和可選項一目了然。而表單字段可以采用多種類型，如下拉式、復選框式以及日歷式。同時在用戶輸入支付信息、物流信息以及預訂行程時，這些類型的字段都能派的上用場，以及便于回頭用戶更便捷地應用自動填寫功能，縮短購物過程，并為不愿注冊賬號的新用戶提供訪客支付選項。

4、通過行為召喚組件（CTAs）吸引用戶眼球

行為召喚組件在移動網頁中尤為重要，在設計移動網頁時，盡可能將行為召喚組件放在最顯眼的黃金位置，相比電腦端用戶，會讓移動端用戶訪問網站目的更加明確。同時在理想情況下，可以將行為召喚組件放置在頁眉上方，用突出的顏色或字體顯示，在合理范圍內讓它們更加醒目，并清晰地表達其內容。

5、提供用戶所需的搜索結果

在設計時，應設置搜索功能，在搜索時在第一頁就顯示出用戶所需的搜索結果，在搜索完成后，為用戶再提供一些篩選條件，如價格、相關度、暢銷商品等，以便用戶篩選出最適合的結果。因為一些移動用戶在訪問網頁時目的十分明確，很少在模糊菜單或一頁又一頁的商品間徘徊。

6、聯系信息一目了然

在網頁中設計讓用戶能隨時聯系到的聯系信息，在用戶有疑問時，能盡快為用戶答復或解決。因而在移動網頁上要突出標示“在線呼叫”功能，同時提供聯系表格或郵箱，讓用戶根據自身情況或問題緊急程度選擇適合的聯系方式。同時不部分用戶表示更愿意自己解決問題，因而“常見問題解答”頁面對用戶也很有幫助，讓用戶無需聯系商家，即可自行在網站上查找解決問題的方法。還有一種適合移動網站提供聯系信息的方式，是在網站中嵌入谷歌地圖，允許用戶點擊地圖、放大或縮小、查找路線，讓用戶確信能夠找到網站的實體地址。

7、謹記“拇指”原則

移動端網頁設計中，由于屏幕大小有限，因此在網頁設計過程中，要確保每一個按鈕大小合適，并且與其它按鈕或鏈接的間隔適中，無需用戶將內容或鏈接放大縮小，直接就能閱讀或點擊。其次是在設計移動端網站中的鏈接或頁面時，確保用戶只需將其放大縮小就能點擊，不需要按壓屏幕。而按照拇指原則，適應拇指點擊屏幕的最小面積是44px x 44px。

8、縮短（加載）時間

現下人們的生活節奏過快，人們大多都很忙碌，可能會由于一些可控的原因（除信號不佳外）而退出網站，因而在設計網頁時應將整個網頁大小控制在1MB以內，且理智用圖片和視頻，讓頁面加載不耽誤用戶時間。而且頁面加載速度需兼容WiFi環境和非WiFi環境，加載時間不超過4秒鐘是最為理想的。

9、 避免彈出窗口

移動網站的用戶大多是利用碎片化時間來瀏覽網頁的，而彈窗廣告窗口彈出可能會因為關閉按鈕太小，用戶需將關閉按鈕放大才能點擊，這樣不僅會浪費用戶時間，也會讓用戶體驗變差。

因而在移動端網頁設計時應遵循這些原則，吸引更多的用戶。