網(wǎng)站作為信息的集合體，要囊括海量的資源，從首頁到二級頁再到專題頁進而底層頁等等等等，信息的層級多且繁雜，所以就容易形成tab套tab再套tab的局面。那么作為導(dǎo)航塑身的第一步，我們要做的就是把這負責(zé)的結(jié)構(gòu)盡量簡化，讓導(dǎo)航變得輕盈起來，或者至少看起來不那么臃腫。
A． 通過面包屑來簡化導(dǎo)航結(jié)構(gòu)
面包屑通常水平地出現(xiàn)在頁面頂部，一般會位于標題或頁頭的下方。它們提供給用戶返回之前任何一個頁面的鏈接（這些鏈接也是能到達當(dāng)前頁面的路徑），在層級架構(gòu)中通常是這個頁面的父級頁面。面包屑提供給用戶回溯到網(wǎng)站首頁或入口頁面的一條快速路徑。
一個門戶網(wǎng)站常見的結(jié)構(gòu)是首頁-頻道頁-專題頁-子專題-底層頁。如果我們想在門戶網(wǎng)站看NBA的視頻直播，那么我們來看下他的導(dǎo)航：
如果把信息層級全部展現(xiàn)在用戶面前，就會形成上面的這種tab套tab的形式，使得導(dǎo)航臃腫不堪，占據(jù)頁面很大的空間。可是如果我們把用戶關(guān)心的導(dǎo)航內(nèi)容提取出來，就會得到下面的結(jié)構(gòu)：
再扁平化一下：
這就是清晰的面包屑導(dǎo)航。綜上，面包屑導(dǎo)航能夠讓復(fù)雜的層級結(jié)構(gòu)扁平化，使得導(dǎo)航更加輕盈。
面包屑導(dǎo)航還有一些變體，是基于用戶線性操作邏輯衍生出來的。在無線端產(chǎn)品中應(yīng)用更為廣泛，因為移動設(shè)備的顯示區(qū)域有限，無力支撐龐大的導(dǎo)航結(jié)構(gòu)。在用戶點擊當(dāng)前導(dǎo)航內(nèi)容后，當(dāng)前導(dǎo)航消失進去下一級導(dǎo)航，并提供返回按鈕。
當(dāng)然，使用面包屑來簡化導(dǎo)航結(jié)構(gòu)也是有條件的，不是所有的導(dǎo)航層級都可以用這種方法來簡化。面包屑導(dǎo)航更符合用戶線性思維導(dǎo)向下的操作邏輯，例如，用戶想要看NBA直播，那么他一定不關(guān)心娛樂圈發(fā)生了哪些八卦，也不care足球或者網(wǎng)球有什么新聞，CBA，CUBA他可能也不十分在意，那么面包屑的線性導(dǎo)航就可以滿足用戶的需求?；蛘呤怯捎诳臻g或者設(shè)備原因，我們無法提供更為詳細的導(dǎo)航，而采用線性簡化導(dǎo)航的處理方法。
B． 合并導(dǎo)航層級
導(dǎo)航的龐大往往是由于層級過多導(dǎo)致，那么減少層級的一種有效方法就是合并導(dǎo)航層級，例如把二級和三級導(dǎo)航合并，就減少了三級導(dǎo)航，讓導(dǎo)航輕便一些。
如上圖，圖片庫包括動態(tài)圖片和靜態(tài)圖片，每個分類下面又有小的分類，這樣的導(dǎo)航層級在產(chǎn)品中十分常見，略顯臃腫。那么通過合并層級就可以把導(dǎo)航精簡到兩級，處理后的導(dǎo)航如下：
瘦身后的導(dǎo)航看起來結(jié)構(gòu)也比較清晰，而且沒有影響到信息的傳達。
對比下美團和糯米的導(dǎo)航：
美團把注冊登錄和個人信息等功能性導(dǎo)航和網(wǎng)站主導(dǎo)航做了合并處理，為網(wǎng)站首屏節(jié)約出了寶貴的空間。
C.隱藏部分導(dǎo)航
簡化導(dǎo)航結(jié)構(gòu)的第三種方法是把部分層級或者導(dǎo)航內(nèi)容隱藏起來，使得導(dǎo)航看上去輕便一些。
當(dāng)導(dǎo)航里的內(nèi)容特別多的時候，可以選擇把主要內(nèi)容留下，次要內(nèi)容隱藏的方法來處理。例如：
當(dāng)頁面空間有限，無法容納更多層級的時候，可以選擇把次層級隱藏收起，鼠標滑過或者點擊后觸發(fā)此層級的方法處理，這樣的例子有很多：
2.優(yōu)化形式
有些時候，我們無法判斷用戶在瀏覽產(chǎn)品或網(wǎng)站時是否是線性思維，也無法對導(dǎo)航結(jié)構(gòu)進行再精簡，那么我們怎樣讓導(dǎo)航再“瘦”那么一點呢。
A．將一維導(dǎo)航變?yōu)槎S導(dǎo)航
將一維導(dǎo)航轉(zhuǎn)化為二維導(dǎo)航，能夠有效的減少層疊導(dǎo)航帶給人的重復(fù)感和復(fù)雜感，能夠讓操作富有變化，進而提升體驗。
類似的列子也有很多：
B.將復(fù)雜的層級單獨處理
當(dāng)某一層級的導(dǎo)航內(nèi)容豐富到一定程度，他就可以充當(dāng)一個獨立控件來單獨設(shè)計了，他們可以作為頁面的元素來單獨存在，可能看起來都不太像是導(dǎo)航。
3.打磨UI
