缺點：

可見性略遜：這是空間占據(jù)的區(qū)域變小之后的后果。

03 舵式導航

描述：

1. 點聚式它將多個核心功能聚匯到主界面中顯示，方便用戶呼出使用。會搭載其他導航樣式出現(xiàn)（如標簽式）成為舵式導航。
2. 與標簽導航類似，就點聚工導航與標簽導航的結合體，其中一個導航標簽蘊含更多的操作選項，也可以理解為標簽中蘊含更多二級導航標簽。當頁面有處于同一層級的幾大部分內容，同時又需要一個非常重要且頻繁操作的入口，就可以采用這種APP導航模式。

優(yōu)點：

1. 把類似生產(chǎn)內容的主功能按鈕放在中間，標簽更加突出醒目；
2. 同時該主功能標簽做了功能擴展，也因此給設計增加了一些個性化的亮點。

缺點：

占據(jù)高度空間略大，一般都是文字+圖標的形式。

04 輪播導航

描述：

當你的應用信息足夠扁平，可以嘗試輪播導航；

優(yōu)點：

能夠最大程度的保證應用的頁面簡潔性，操作也是最方便；

缺點：

不能夠快速的定位對應的分頁內容；

05 宮格導航

描述：

1. 宮格式導航被廣泛應用于各平臺系統(tǒng)的中心頁面；
2. 用在二級頁作為內容列表的一種圖形化形式呈現(xiàn)，或作為一系列工具入口的聚合；
3. 用戶頻繁切換的概率是比較低；
4. 在不同的文章中可能被稱作：跳板（圖標卡片式）、磁貼式。

優(yōu)點：

1. 擴展性非常好，便于組合不同的信息類型（運營位、廣告位、內容塊、設置等）；
2. 視野范圍內可以展示的功能入口多，能夠讓用戶整體上了解APP提供的服務，從而選擇自己所需要的那個服務；
3. 靜態(tài)、動態(tài)結合可以展示出豐富的信息，同時保持視覺統(tǒng)一；
4. 跨平臺不受平臺限制。

缺點：

1. 每個宮格相互獨立，它們的信息間也沒有任何交集，無法跳轉互通；
2. 當排布過多的時候，用戶容易眼花繚亂，選擇壓力較大；

06?陳列館式導航

描述：

1. 宮格導航的變式吧，可用來呈現(xiàn)實時內容，比如新聞、菜譜、文章或照片，可以采用網(wǎng)格布局（比如一直播和ins）或輪盤布局（比如格瓦拉電影），還可以采用幻燈片模式進行展示。
2. 陳列館式設計模式最適合呈現(xiàn)經(jīng)常更新的、視覺效果直觀、彼此獨立的內容。

優(yōu)點：

1. 相較于列表導航、宮格式導航的不同在于，陳列館式導航有更豐富的表現(xiàn)形式、更加隨意的組合效果（瀑布流等）以及豐富的動態(tài)效果（輪盤、幻燈片形式）；
2. 直觀展現(xiàn)各項內容。

缺點：

1. 不適合展現(xiàn)頂層入口框架；
2. 容易形成界面內容過多，顯得雜亂；
3. 設計效果容易呆板。

07 抽屜導航

描述：

1. 抽屜式也是谷歌提出來的一種導航模式，由于虛擬按鍵的存在，所以在安卓上使用底部Tab會造成雙底欄，視覺觀感不佳；
2. 一般用來放置對用戶而言不太常用或者對于產(chǎn)品而言不太核心的功能，或者不那么需要頻繁切換內容的應用，例如對設置、關于、個人信息等內容的隱藏；
3. 更多的被應用于信息流產(chǎn)品設計中，這類產(chǎn)品注重核心內容的展示，用戶的任務路徑較為單一，幾乎都是用于瀏覽產(chǎn)品的核心內容；至于其他比較低頻的模塊入口則會隱藏在當前界面后方，避免冗余的模塊搶奪用戶的眼球；
4. 在不同的地方可能被稱為：擴展菜單、側邊導航、漢堡導航；
5. “2/8”法則告訴我們，80%的用戶只用那些20%功能，這20%功能就是信息流里面的核心功能；如果那80%不常用的功能也占用著最重要的位置，那么用戶就會被打擾，產(chǎn)生臃腫感，甚至會放棄使用產(chǎn)品。

優(yōu)點：

1. 節(jié)省頁面展示空間，讓用戶將更多的注意力聚焦到當前頁面；
2. 由于導航界面是隱藏在屏幕之外，展開之后整一頁面都是導航菜單內容，所以可擴展和個性化的空間很大；
3. 擴展性好，導航的個數(shù)沒上限。

缺點：

1. 用戶不易發(fā)現(xiàn)，使用次功能需要二次點擊，給用戶在切換功能帶來了操作成本；
2. 可見性太差，用戶還沒能把漢堡菜單按鈕和側邊欄聯(lián)系起來，所以，側邊欄的滲透率很低；
3. 不直觀、不適用于主導航、如遇頻繁操作的功能，用戶不斷開關抽屜體驗不好。

08 下拉導航/菜單導航

描述：

1. 與抽屜式導航的目的相同，都是為了突出內容。一般位于產(chǎn)品頂部，通過點擊呼出導航菜單；
2. 通常用來篩選同一信息模塊下不同類別的信息，或者快速啟動某些常用的功能模塊，而不需要頻繁的頁面跳轉 ；
3. Android中對應的控件為spinner控件，但該控件用于同一類別下不同視圖之間的切換，而不是跳轉至完全不同的視圖。iOS中下拉菜單為自定義控件，可以實現(xiàn)不同類別之間的切換；
4. 下拉導航還有一種變式，就是下來菜單中展示兩級甚至多級，一般在電商產(chǎn)品中比較常見，因為品類和篩選條件眾多。

優(yōu)點：

菜單與界面的連貫性比抽屜式要好，容易讓用戶感知當前位置；

缺點：

1. 位于屏幕上方，相對隱蔽且不能結合手勢操作，不適合于頻繁的切換功能使用；
2. 考慮到導航菜單的可用面積較小，所以一般采用列表的形式展示菜單內容。

09 列表導航

描述：

1. 作為信息組織框架，是我們在產(chǎn)品設計中必不可少的一個信息承載模式。
2. 適合用來顯示較長或擁有次級文字內容的標題，每行可以融入較多信息。
3. 與宮格導航類似，常用于二級頁面，不會默認展示任何實質內容，所以通常app不會在首頁使用它；
4. 無論ios開發(fā)和android 都有現(xiàn)成的列表布局插件和模板。

優(yōu)點：

1. 由上至下查看符合習慣；
2. 結構清晰，易于理解，冷靜高效，能夠幫助用戶快速的定位去到對應的頁面。

缺點：

1. 條目太多或分布不合理會導致用戶查找困難；
2. 不適合需要頻繁切換任務的情況。

總結

導航可能不單單只有這幾種，可能大家的叫法也不同，而且每種導航都有其存在的意義，不是它不夠好，而是它可能不適用于你的產(chǎn)品。真正在實際項目中，還是得根據(jù)產(chǎn)品的實際情況綜合去運用。

本文由 @二O一七 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉載。

題圖來自 Pexels，基于 CC0 協(xié)議