AnyForWeb分享：如何用移動端導航的魅力來征服使用者

儘管如今移動端的螢幕正呈現出越變越大的趨勢，但最優的位置仍然寸土寸金，如何利用好這些黃金區域，並且為“一頭霧水”的使用者指點迷津，這才是互動設計師的工作重心。

如果你是一名互動設計新手，這篇文章也許能讓你很有收穫。其實移動端導航的互動並沒有看起來那麼複雜，只要能理清其中的關係，對導航的型別及使用者心理有基本的瞭解，這樣的設計成果物會讓客戶更滿意。

導航無論在網頁還是移動端都起著不可替代的引導作用，使用者一旦不能輕鬆的使用導航功能功能，就會馬上對網站失去興趣，跳轉出去是必然的結果。因此，在開始互動設計之前做好充足的準備功課很有必要。

以下是AnyForWeb結合自身總結的經驗分享，希望對剛剛加入互動設計行列的新人們有所幫助。

使用頻率較高的移動導航型別

標籤導航

標籤導航是最為普遍的導航形式之一，一般位於螢幕的頂部或底部，便於使用者在功能上不斷的切換，因此比較適用於內容區分不夠明確的導航名稱，但因為螢幕大小受限，類目數量一般控制在5個以內。

而基於移動端的使用性質較強，頂部標籤導航的使用者體驗不如放在底部的標籤導航。頂部導航更利於閱讀，底部導航更利於點選使用。

抽屜導航

抽屜導航屬於隱藏式導航，從使用者角度來說是比較好的導航體驗，一個好的導航就應該“召之即來，揮之即去”。相較於標籤導航，抽屜式導航設計幾乎沒有分類數量上的限制，使用者可以通過點選漢堡圖示來展開導航列表。

宮格導航

宮格導航在導航的型別中屬於比較美觀的一種導航方式，但對於新使用者的引導意義很小，主要問題在於具體內容沒有在導航中有很明確的體現，只是作為網站入口的形式出現。

移動端導航設計友情小貼士

突出要素

導航在移動應用的重要程度已經無可置疑，正因如此，用最精簡清楚的表達方式來闡述內容是使用者們最需要的效果。另外，在導航的使用中，使用者對視覺設計的要求會有所降低，是否具有高操作性才是他們真正在意的問題。

保持前後一致

在移動導航的互動效果方面，設計師切記要保持前後一致。當使用者已經習慣了一種操作方式後，不要讓使用者再次經歷學習熟悉的過程。此外，在導航中加入一些箭頭標識和色彩區別來作出引導，也不失為一種使用者喜歡的行為。

內外結構具有通用性

導航可以分佈在移動端的各個介面中，設計風格可以根據介面風格而稍作調整變化，但導航的基本結構應中始終保持一致。

AnyForWeb總結

所有的設計都不能“依葫蘆畫瓢”，移動應用的導航設計也不例外。導航互動型別沒有最佳方案，各有利弊，設計師需要把握每個型別的優劣勢，再根據專案實際選擇變通最適合的導航方式。

本文最初由AnyForWeb UDC前端釋出，如需檢視詳情，請點選《AnyForWeb分享：如何用移動端導航的魅力來征服使用者》

AnyForWeb和AnyForWeb UDC的官方微博微信現已正式開通，歡迎大家關注！

新浪微博：@AnyForWeb、@AnyForWeb UDC 微信關注請掃： AnyForWeb AnyForWeb UDC