移動(dòng)網(wǎng)絡(luò)導(dǎo)航的最佳實(shí)踐

人們上網(wǎng)獲取信息的方式是不斷變化的。 谷歌報(bào)告說，明年（2013）超過一半的網(wǎng)站訪問量來自移動(dòng)設(shè)備而不是臺(tái)式機(jī)或筆記本電腦。
不僅是訪問Web改變介質(zhì)，需要大多數(shù)移動(dòng)用戶與他們的智能手機(jī)或手持設(shè)備上網(wǎng)以及改變；變得更集中和任務(wù)導(dǎo)向。
今天的智能手機(jī)用戶使用他們的手機(jī)來執(zhí)行特定的任務(wù)，如檢查位置的目的地，公共交通的時(shí)間表，及銀行結(jié)余。 互聯(lián)網(wǎng)手持設(shè)備上瀏覽時(shí)（特別是當(dāng)站在很長(zhǎng)的線或等公共汽車）許多人喜歡上網(wǎng)，從他們的家中或辦公室的舒適性。

屏幕空間是有限的手持設(shè)備上，用戶和移動(dòng)用戶都很忙，經(jīng)常多任務(wù)為他們尋找一個(gè)拇指或手指信息在線。
由于這些原因，手機(jī)網(wǎng)站導(dǎo)航甚至比在傳統(tǒng)的網(wǎng)站導(dǎo)航更重要。典型的網(wǎng)站訪問者的問題和需求的理解，對(duì)他們的設(shè)備的限制，什么會(huì)讓他們感到沮喪的時(shí)候，在一個(gè)手機(jī)網(wǎng)站，有效的導(dǎo)航設(shè)計(jì)是至關(guān)重要的。

什么是移動(dòng)用戶問他們什么時(shí)候上網(wǎng)？
康博軟件2011的研究用戶想要的移動(dòng)發(fā)現(xiàn)，95%的用戶在尋找本地信息與他們的智能手機(jī)或手持設(shè)備。這是磚和水泥企業(yè)特征導(dǎo)航地理位置好的做法，突出移動(dòng)網(wǎng)站上的時(shí)間和聯(lián)系信息。

把自己放在典型的網(wǎng)站用戶的鞋。在對(duì)移動(dòng)流量的分析一下。前三或四類用戶尋找和選擇類別名稱，反映最常見的搜索選擇。
如果這是一個(gè)手機(jī)網(wǎng)站的磚和砂漿的企業(yè)，顯示一個(gè)按鈕的位置，和聯(lián)系信息突出。
你可以添加一個(gè)鏈接到“訪問我們的網(wǎng)站”和真正感興趣的可以看一個(gè)更復(fù)雜的版本的手機(jī)網(wǎng)站在他們辦公室的舒適或在家里用電腦。

對(duì)于不同的環(huán)境設(shè)計(jì)
除了參數(shù)和外部環(huán)境的干擾，設(shè)計(jì)師還必須評(píng)估設(shè)備本身在設(shè)計(jì)導(dǎo)航元素。
建筑師不主張完全相同的建筑設(shè)計(jì)對(duì)城市中間，沙漠或森林，一個(gè)好的網(wǎng)頁設(shè)計(jì)師考慮移動(dòng)環(huán)境的機(jī)會(huì)和限制創(chuàng)造流動(dòng)性的最有用的導(dǎo)航。
當(dāng)然問題，是設(shè)計(jì)師不知道哪個(gè)設(shè)備終端用戶持有的時(shí)候訪問網(wǎng)站，的情況下，可以使用響應(yīng)式設(shè)計(jì)工具如CSS媒體查詢來解決問題的定位解決，規(guī)模和內(nèi)容適應(yīng)。是否使用響應(yīng)式設(shè)計(jì)或適應(yīng)于移動(dòng)現(xiàn)有的網(wǎng)站設(shè)計(jì)一個(gè)全新的移動(dòng)網(wǎng)站，還是有一定的最佳做法，適用于導(dǎo)航。
 

對(duì)于小屏幕的導(dǎo)航菜單
網(wǎng)頁設(shè)計(jì)師知道，移動(dòng)用戶的行為不同的訪問Web的智能手機(jī)和手持設(shè)備比他們的臺(tái)式機(jī)或筆記本電腦。發(fā)現(xiàn)在一個(gè)小屏幕導(dǎo)航空間可能會(huì)非常棘手，但通過仔細(xì)的規(guī)劃設(shè)計(jì)是實(shí)現(xiàn)移動(dòng)導(dǎo)航。

最佳實(shí)踐1：減少菜單的按鈕數(shù)
這可能有點(diǎn)棘手，當(dāng)設(shè)計(jì)一個(gè)移動(dòng)友好的版本的一個(gè)現(xiàn)有的網(wǎng)站，特別是在桌面設(shè)計(jì)環(huán)節(jié)多。限制你的主導(dǎo)航按鈕五或更少，如果需要添加嵌套菜單。

最佳實(shí)踐2：減少抽頭數(shù)
保持動(dòng)作要在移動(dòng)設(shè)備上的最小行數(shù)。較少的水龍頭和點(diǎn)擊找出用戶正在尋找更好的。這是太容易犯的一個(gè)錯(cuò)誤。總是有一個(gè)容易找到返回按鈕：你不想讓用戶進(jìn)一步。

最佳實(shí)踐3：滾動(dòng)導(dǎo)航
把最重要的導(dǎo)航元素在頂部。移動(dòng)設(shè)備的屏幕大小不同，所以仔細(xì)考慮每個(gè)類別的列表可能需要進(jìn)一步向下滾動(dòng)屏幕空間智能手機(jī)的重要性不。

最佳實(shí)踐4：堆疊按鈕
移動(dòng)用戶在肖像代替景觀作為他們?cè)谧烂嫔峡吹侥愕木W(wǎng)站。適應(yīng)你的導(dǎo)航移動(dòng)互聯(lián)網(wǎng)呈現(xiàn)垂直。讀下來，而不是越過。這個(gè)工作最好在菜單不超過五類的網(wǎng)站，當(dāng)它不太可能會(huì)增加更多的類別。

最佳實(shí)踐5：嵌套菜單
有時(shí)被稱為可折疊的導(dǎo)航，這是需要在屏幕上的內(nèi)容以及菜單的網(wǎng)站一個(gè)不錯(cuò)的選擇，和那些希望增加種類和菜單項(xiàng)。
 
優(yōu)化移動(dòng)導(dǎo)航的觸摸屏和小按鈕
觸摸屏和小按鈕意味著網(wǎng)頁設(shè)計(jì)師的新思考。移動(dòng)用戶沒有點(diǎn)擊鼠標(biāo)定位一個(gè)小小的菜單按鈕或鏈接的奢侈品。他們是在他們的手指和拇指的擺布，這意味著他們是指在畫面上更精確的比如果他們使用鼠標(biāo)，可以輕易沮喪如果攻不產(chǎn)生立竿見影的效果。

網(wǎng)站設(shè)計(jì)者可以通過增加更多的空間導(dǎo)航菜單鏈接使移動(dòng)用戶更容易，或通過更換鏈接按鈕菜單類。
使它更大更容易迅速找到一個(gè)區(qū)域，單擊它小小的手機(jī)按鈕，或點(diǎn)擊它用手指或拇指。作為普通的手指需要點(diǎn)擊區(qū)域至少44px X 44px，這可能會(huì)導(dǎo)致按鈕和導(dǎo)航領(lǐng)域，使屏幕上的其他內(nèi)容。然而這可能適合的網(wǎng)站和用戶的目的，特別是如果主頁內(nèi)容是次要的，主要的菜單項(xiàng)。
理想的情況是，設(shè)計(jì)應(yīng)該讓觸摸屏用戶進(jìn)行導(dǎo)航按鈕，如果需要更大的。

提示優(yōu)化
設(shè)置菜單在屏幕的頂部或底部，根據(jù)網(wǎng)站用戶的主要目的。如果他們要找的內(nèi)容和容易滾動(dòng)，把菜單底部提供了一個(gè)可去的地方在您的網(wǎng)站上，而不是讓網(wǎng)站對(duì)搜索引擎網(wǎng)站或競(jìng)爭(zhēng)。
部分隱藏菜單以適應(yīng)屏幕上的其他內(nèi)容，揭示完整的菜單，當(dāng)用戶點(diǎn)擊它。這使菜單前沒有刪除有用的內(nèi)容中心。
一個(gè)菜單的鏈接在屏幕的頂部，并添加一個(gè)導(dǎo)航按鈕的底部。

又高又瘦的可能是偉大的名模，但在移動(dòng)Web導(dǎo)航短而寬是美麗的。寬短導(dǎo)航也有助于當(dāng)你有較長(zhǎng)的一類標(biāo)題–文本更適合。 
降低標(biāo)題圖片的高度或更換它們具有較小的標(biāo)志來增加空間 導(dǎo)航。

保持品牌和設(shè)計(jì)問題，注意排版、顏色一致，和導(dǎo)航按鈕的樣式而不是使用了寶貴的空間與大型圖形圖像。
縮短了的文本，尤其是菜單按鈕和分類標(biāo)題。在某些情況下，這是非常困難的，而在每一行文字里堆疊式菜單是一個(gè)更好的選擇。
盡可能的簡(jiǎn)化。刪除盡可能多的網(wǎng)頁，可能只提供前幾項(xiàng)用戶最希望。

手機(jī)導(dǎo)航的禁忌
移動(dòng)用戶忙，心煩意亂，就去。他們不想他們的選擇按鈕選擇品種，你不想讓他們變得沮喪，由于分析癱瘓離開現(xiàn)場(chǎng)。
不要給他們很多的選擇。
避免水平滾動(dòng)，沒有徘徊！滑動(dòng)菜單也可以向移動(dòng)用戶沮喪。在你的追求，簡(jiǎn)化導(dǎo)航，不要認(rèn)為你很無聊。創(chuàng)造性的導(dǎo)航并不是一件壞事，但它必須直觀。用戶應(yīng)該能夠很容易地看到哪里去找到他們想要的信息很快。

結(jié)論
移動(dòng)設(shè)備是比較新的一種訪問Web方法意味著移動(dòng)導(dǎo)航是不同的設(shè)計(jì)嘗試，調(diào)整，不斷地發(fā)展，或拋出，共。
這一集的用戶在一個(gè)網(wǎng)站的作品可能是一個(gè)不同的網(wǎng)站的用戶搜索信息的災(zāi)難是完全不同的。此外，同一用戶的方法不同部位及不同用途：移動(dòng)用戶在尋找一個(gè)最可能想要她的手機(jī)新聞網(wǎng)站的頭條新聞，不接觸信息；而這正是她想當(dāng)她訪問手機(jī)網(wǎng)站為她的牙醫(yī)或發(fā)型師。 

而對(duì)于移動(dòng)網(wǎng)站的導(dǎo)航元素可能不同于傳統(tǒng)的網(wǎng)站，其目的都是一樣的：網(wǎng)站訪客有一個(gè)問題，當(dāng)他們?nèi)ピ诰€。商店在哪里？這個(gè)世界正在發(fā)生什么？我的銀行帳戶的余額是多少？偉大的導(dǎo)航引導(dǎo)用戶快速簡(jiǎn)單的答案。

滿足他們的迫切需要，他們會(huì)回來的，增加網(wǎng)站流量，讓你的客戶高興和你領(lǐng)導(dǎo)推薦和更多的移動(dòng)網(wǎng)頁設(shè)計(jì)業(yè)務(wù)。

牧羊人設(shè)計(jì)文章推薦：

• 香港言昊集團(tuán)網(wǎng)站設(shè)計(jì)
• 中航海闊文化網(wǎng)站設(shè)計(jì)
• 深圳顯洋版網(wǎng)站設(shè)計(jì)制作案例欣賞