移動(dòng)設(shè)備的用戶更樂(lè)于再次訪問(wèn)適配了移動(dòng)設(shè)備的網(wǎng)頁(yè)。這意味著，你的網(wǎng)頁(yè)在移動(dòng)端也同樣要做到界面友好。但究竟怎樣才能使移動(dòng)端網(wǎng)頁(yè)有良好的用戶體驗(yàn)?zāi)兀?

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

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

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

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

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

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

不要將桌面版的網(wǎng)頁(yè)與手機(jī)版的網(wǎng)頁(yè)互混。因?yàn)檫@樣的網(wǎng)頁(yè)會(huì)比桌面版的更加難用。

2.將主操作按鈕設(shè)計(jì)得更友好

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

3.菜單欄要簡(jiǎn)短而中肯

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

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

還有，你的分類列表應(yīng)該是符合你用戶的需求的：

它應(yīng)該是根據(jù)用戶的使用頻率與給用戶帶來(lái)的價(jià)值來(lái)排列。

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

分享文章：一個(gè)好的移動(dòng)網(wǎng)頁(yè)是怎么設(shè)計(jì)？
文章分享：http://www.2m8n56k.cn/news8/215308.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、App設(shè)計(jì)、做網(wǎng)站、營(yíng)銷型網(wǎng)站建設(shè)、Google、云服務(wù)器

廣告

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