移動設備的用戶更樂于再次訪問適配了移動設備的網(wǎng)頁。這意味著，你的網(wǎng)頁在移動端也同樣要做到界面友好。但究竟怎樣才能使移動端網(wǎng)頁有良好的用戶體驗呢？

1.讓你的整個網(wǎng)頁都適合在移動端上瀏覽

相比在移動端上直接操作桌面版網(wǎng)頁，經(jīng)過適配的移動網(wǎng)頁會大大方便用戶的操作使用。舉個例子，下圖是手機端Domino披薩官網(wǎng)的兩個版本，一個是桌面版網(wǎng)頁，另一個是已適配手機端的網(wǎng)頁。

桌面版網(wǎng)頁手機的小屏幕里顯得窄而小，并且很難操作。經(jīng)過對比，手機版的網(wǎng)頁主要由方便操作的大按鈕組成，顯得簡潔。

　　如果你的網(wǎng)頁適配了手機，你的網(wǎng)頁在手機上將會更加地易用。以下是網(wǎng)頁適配手機的3個小技巧。

只允許垂直滾動。不應該通過水平滑動頁面來查看主要內容。你要確保你的網(wǎng)頁使用了相對應的寬度與位置值，圖片縮放后也能正常顯示。你還要把網(wǎng)頁的主目錄放在顯目位置并剔除那些會干擾用戶操作的元素。

限制橫欄按鈕的數(shù)量——知名是僅有一列的頁面布局。

不要將桌面版的網(wǎng)頁與手機版的網(wǎng)頁互混。因為這樣的網(wǎng)頁會比桌面版的更加難用。

2.將主操作按鈕設計得更友好

手機用戶很容易忽視手機界面上的元素，所以主操作按鈕要放在顯要位置。手機頁面的主操作按鈕（Calls-To-Action Buttons）可能會跟桌面版的有所不同，所以你要從在用戶的角度考慮，來決定你要把主操作按鈕放在什么位置。

3.菜單欄要簡短而中肯

桌面版網(wǎng)頁里有豐富的菜單欄可能會很方便用戶使用，但手機用戶不會有耐心滑動長長的選項欄，找他們想要的東西。

你需要考慮如何盡可能地減少菜單欄選項。例如，只留下主要產(chǎn)品的目錄。根據(jù)「拇指原則」，盡量不要使用超過7條不同分類的條目。

還有，你的分類列表應該是符合你用戶的需求的：

它應該是根據(jù)用戶的使用頻率與給用戶帶來的價值來排列。

它不應該使用晦澀難懂的措辭。菜單欄的設定需要具備商業(yè)素養(yǎng)，不然你會混淆菜單欄的類別。如使用文縐縐、比喻性的措辭可能會迷惑用戶，致使更多用戶離開。

標題名稱：一個好的移動網(wǎng)頁是怎么設計？
文章來源：http://jinyejixie.com/news/215308.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供建站公司、手機網(wǎng)站建設、搜索引擎優(yōu)化、App設計、自適應網(wǎng)站、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)