導(dǎo)航是用戶獲取自己想要的信息以及完成任務(wù)的重要途徑，app導(dǎo)航設(shè)計直接影響著用戶的操作體驗，一個好的導(dǎo)航設(shè)計可以讓用戶快速的了解到產(chǎn)品的功能和信息組織架構(gòu)。
那么app的導(dǎo)航設(shè)計該如何做呢，說實話不同的app根據(jù)自己的實際情況采取一種導(dǎo)航或者多種導(dǎo)航結(jié)合的形式，比如快手app為了讓更多的信息流展示，則采用標(biāo)簽式導(dǎo)航和抽屜式導(dǎo)航結(jié)合的形式。
那么我就把常見的導(dǎo)航形式整理出來，給大家做設(shè)計的時候提供參考。
1、底部標(biāo)簽導(dǎo)航
底部導(dǎo)航一般采用3-4個標(biāo)簽，最多不會超過5個，有更多的選項操作的時候?qū)⒆詈笠豁椩O(shè)置為更多，將一些次要的功能放在更多里面，這是一種非常常見的導(dǎo)航形式。
優(yōu)點：適合在幾類信息之間頻繁切換使用，彼此之間相互獨立，用戶可以迅速的在不同層級找到自己想要的信息。
缺點：占用一定的高度，如果用戶是小屏幕手機(jī)，用戶體驗不是太好。
2、頂部標(biāo)簽導(dǎo)航
頂部導(dǎo)航在ios app中一般用作二級導(dǎo)航，在andriod app中這種導(dǎo)航模式一般用作一級導(dǎo)航，但自從谷歌推出”抽屜式導(dǎo)航“以后，頂部標(biāo)簽導(dǎo)航一般就用作二級導(dǎo)航，當(dāng)內(nèi)容分類較多的時候一般采用頂部標(biāo)簽導(dǎo)航設(shè)計模式。
優(yōu)點：可以固定數(shù)量，也可以不固定數(shù)量，像網(wǎng)易新聞客戶端那樣，可以左右滑動，衍生更多標(biāo)簽。
缺點：占有一定的高度空間，小屏手機(jī)體驗不是太好。
二、底部和頂部雙tab導(dǎo)航
標(biāo)簽式導(dǎo)航一般放在底部，如果產(chǎn)品分類內(nèi)容較多，則采用頂部和底部結(jié)合的導(dǎo)航形式，例如下圖的今日頭條和愛奇藝。
三、抽屜式導(dǎo)航
有的人可能會說，我雖然有6-7個左右標(biāo)簽，但是只有一些標(biāo)簽是主要的，其他標(biāo)簽用戶很少使用，這個時候一般采用抽屜式導(dǎo)航。抽屜式導(dǎo)航是指將一些不常用的功能隱藏在當(dāng)前頁面，當(dāng)需要用到的時候點擊入口或者側(cè)滑即可像抽屜一樣展開，上面也說了，這種適合不需要經(jīng)常切換的次要功能，比如設(shè)置、關(guān)于、會員等，快手和QQ是采用這種導(dǎo)航形式。
優(yōu)點：節(jié)省頁面空間，用戶更多的注意力集中在當(dāng)前內(nèi)容，而且不用擔(dān)心小屏手機(jī)用戶體驗問題，適合不那么頻繁切換內(nèi)容的應(yīng)用。
缺點：次功能入口比較隱藏，用戶不容易發(fā)現(xiàn)，同時次功能需要二次點擊，增加用戶使用成本。
四、下拉式導(dǎo)航
和抽屜式導(dǎo)航類似，下拉式導(dǎo)航也是隱藏次要入口的一種形式，一般位于產(chǎn)品頂部，點擊呼出導(dǎo)航菜單，導(dǎo)航的菜單以浮層的形式位于界面上層，通過點擊導(dǎo)航菜單以外的區(qū)域使其收起，下拉式導(dǎo)航的面積一般較小，所以采用列表的形式展現(xiàn)菜單內(nèi)容居多，這種導(dǎo)航形式一般用作篩選內(nèi)容。比如下圖的拍拍貸和美團(tuán)。
優(yōu)點：與界面的連貫性比抽屜式導(dǎo)航要好，同時用戶能夠感知當(dāng)前位置。
缺點：由于位于屏幕上方，且相對隱蔽，不能結(jié)合手勢的左右滑動操作，所以也不利于頻繁切換使用。
五、宮格導(dǎo)航
宮格導(dǎo)航主要將入口全部集中在主頁面中，各個入口之間相互獨立，沒有太多的交集，無法跳轉(zhuǎn)互通。
優(yōu)點：讓用戶整體了解app的服務(wù)，從而選擇自己需要的那個服務(wù)。
缺點：用戶無法第一時間看到內(nèi)容或者執(zhí)行操作，選擇的壓力會比較大。
由于上述優(yōu)缺點，這種導(dǎo)航形式越來越少用在一級導(dǎo)航、一般作為工具入口的集合（例如：美圖秀秀）或者內(nèi)容列表的一種圖形化表現(xiàn)形式（比如快手app的視頻流）
宮格導(dǎo)航的變式有很多，比如上圖的美圖秀秀增加橫向滑動來增加導(dǎo)航入口的數(shù)量，支付寶通過縱向滑動來增加導(dǎo)航入口的數(shù)量，快手通過控制卡片的大小來顯得不單調(diào)和凸顯主要的內(nèi)容。
六、列表導(dǎo)航
列表導(dǎo)航是現(xiàn)有app中一種主要的信息承載模式，列表導(dǎo)航和宮格導(dǎo)航類似，屬于二級導(dǎo)航，只不過有時候列表導(dǎo)航太長，不利于用戶操作的時候才會采用宮格導(dǎo)航，通常不會展示任何實質(zhì)功能。
優(yōu)點：導(dǎo)航結(jié)構(gòu)清晰，易于用戶理解，用戶能夠快速找到自己想要的信息。
缺點：如果列表太多，一屏承載不下，用戶需要下拉才能操作，這個時候不如宮格導(dǎo)航的用戶體驗好。
拍拍貸由于導(dǎo)航內(nèi)容較多，采用列表導(dǎo)航和宮格導(dǎo)航相結(jié)合的方式，而微信發(fā)現(xiàn)界面由于導(dǎo)航內(nèi)容較少，首屏就能展示的下，直接采用列表的導(dǎo)航形式。
七、舵式導(dǎo)航
駝式導(dǎo)航中間加了個＋號，像輪船上用來指揮的船舵，故而得名，比如閑魚、新浪微博，當(dāng)標(biāo)簽導(dǎo)航難以滿足導(dǎo)航的需求，這個時候我們就需要一些擴(kuò)展形式，和標(biāo)簽導(dǎo)航相比，駝式導(dǎo)航主要將類似生產(chǎn)內(nèi)容的主要按鈕放在中間，標(biāo)簽更加突出醒目，同時對主功能標(biāo)簽做了擴(kuò)展功能。
優(yōu)點：突出重要且頻繁操作的入口
缺點：功能入口過多時，該模式顯得笨重不實用。
八、點聚式導(dǎo)航
當(dāng)需要更多展示內(nèi)容和功能，需要極端簡化其入口，一般可以使用點聚式導(dǎo)航。（其實我覺得上面的駝式導(dǎo)航就是點聚式導(dǎo)航和tab導(dǎo)航的結(jié)合體），點聚式導(dǎo)航將核心功能聚合到主界面展示，方便用戶呼出使用，由于點聚式導(dǎo)航占用空間小，一般融入一些動態(tài)的效果，讓導(dǎo)航更具有趣味性，一般視頻拍攝、編輯類app會采用這種導(dǎo)航形式。
優(yōu)點：靈活、有趣，界面更加開闊。
缺點：隱藏了功能，且隱藏功能不能太多，不然顯示后，用戶較難反應(yīng)。
九、輪播導(dǎo)航
app首頁的banner廣告位就是采用輪播導(dǎo)航，當(dāng)應(yīng)用信息足夠扁平的時候則采用輪播導(dǎo)航。
優(yōu)點：頁面比較簡潔，導(dǎo)航不會占用太多空間，同時左右滑動即可，操作比較便捷。
缺點：承載的入口數(shù)量有限，如果超過10個則顯得有點多。
總結(jié)：現(xiàn)有的app很少有采用一種導(dǎo)航的設(shè)計形式，一般是多種導(dǎo)航結(jié)合使用，并沒有固定的說一級導(dǎo)航必須用哪種導(dǎo)航形式，二級導(dǎo)航必須用哪種導(dǎo)航形式，一切以用戶體驗為準(zhǔn)，最后還是那句話，不要拘泥于形式，所有能達(dá)到目的，具有良好用戶體驗的導(dǎo)航都是好導(dǎo)航！
