移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)的原則

移動(dòng)互聯(lián)網(wǎng)時(shí)代的悄然到來(lái)改變了人們生活、工作中的生活方式，同時(shí)也在大批的設(shè)計(jì)力量中涌入移動(dòng)端設(shè)計(jì)領(lǐng)域，其中移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)更是如此。因而在移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)遵循哪些原則來(lái)更好的設(shè)計(jì)移動(dòng)網(wǎng)頁(yè)？

1、菜單簡(jiǎn)潔明了

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

2、表單簡(jiǎn)短貼心

移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)時(shí)應(yīng)考慮到用戶時(shí)間，表單應(yīng)簡(jiǎn)短貼心，在表單中諸如電話號(hào)碼、卡片類型和發(fā)卡機(jī)構(gòu)是可選項(xiàng)，用戶可根據(jù)自身情況選擇填寫即可，以此來(lái)建立用戶對(duì)網(wǎng)站的信任。比如表單只是用戶用來(lái)訂閱電子報(bào)，僅需登記用戶姓名和郵箱即可；若是支付表單，應(yīng)省略不必要字段，以此來(lái)增加網(wǎng)站安全度。

3、簡(jiǎn)化表單字段

設(shè)計(jì)表單時(shí)應(yīng)考慮到表單字段數(shù)，減少用戶輸入字?jǐn)?shù)；也要盡量將表單做的清晰明了，使必填項(xiàng)和可選項(xiàng)一目了然。而表單字段可以采用多種類型，如下拉式、復(fù)選框式以及日歷式。同時(shí)在用戶輸入支付信息、物流信息以及預(yù)訂行程時(shí)，這些類型的字段都能派的上用場(chǎng)，以及便于回頭用戶更便捷地應(yīng)用自動(dòng)填寫功能，縮短購(gòu)物過(guò)程，并為不愿注冊(cè)賬號(hào)的新用戶提供訪客支付選項(xiàng)。

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

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

5、提供用戶所需的搜索結(jié)果

在設(shè)計(jì)時(shí)，應(yīng)設(shè)置搜索功能，在搜索時(shí)在第一頁(yè)就顯示出用戶所需的搜索結(jié)果，在搜索完成后，為用戶再提供一些篩選條件，如價(jià)格、相關(guān)度、暢銷商品等，以便用戶篩選出最適合的結(jié)果。因?yàn)橐恍┮苿?dòng)用戶在訪問(wèn)網(wǎng)頁(yè)時(shí)目的十分明確，很少在模糊菜單或一頁(yè)又一頁(yè)的商品間徘徊。

6、聯(lián)系信息一目了然

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

7、謹(jǐn)記“拇指”原則

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

8、縮短（加載）時(shí)間

現(xiàn)下人們的生活節(jié)奏過(guò)快，人們大多都很忙碌，可能會(huì)由于一些可控的原因（除信號(hào)不佳外）而退出網(wǎng)站，因而在設(shè)計(jì)網(wǎng)頁(yè)時(shí)應(yīng)將整個(gè)網(wǎng)頁(yè)大小控制在1MB以內(nèi)，且理智用圖片和視頻，讓頁(yè)面加載不耽誤用戶時(shí)間。而且頁(yè)面加載速度需兼容WiFi環(huán)境和非WiFi環(huán)境，加載時(shí)間不超過(guò)4秒鐘是最為理想的。

9、 避免彈出窗口

移動(dòng)網(wǎng)站的用戶大多是利用碎片化時(shí)間來(lái)瀏覽網(wǎng)頁(yè)的，而彈窗廣告窗口彈出可能會(huì)因?yàn)殛P(guān)閉按鈕太小，用戶需將關(guān)閉按鈕放大才能點(diǎn)擊，這樣不僅會(huì)浪費(fèi)用戶時(shí)間，也會(huì)讓用戶體驗(yàn)變差。

因而在移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)時(shí)應(yīng)遵循這些原則，吸引更多的用戶。