在導(dǎo)航菜單當(dāng)中，除了我們常在工作當(dāng)中提到的 頂部導(dǎo)航、側(cè)邊導(dǎo)航、混合導(dǎo)航之外，也會有一些特殊的導(dǎo)航形式。

有的是在系統(tǒng)當(dāng)中為了去解決某種業(yè)務(wù)場景，有的是內(nèi)容架構(gòu)不合理需要進行擴充，今天就來給大家盤點一下最近看到的特殊導(dǎo)航形式，在導(dǎo)航設(shè)計上給大家提供更多的解決方案與思路。

一、下鉆導(dǎo)航

下鉆導(dǎo)航，就是需要通過下鉆的方式，將導(dǎo)航的深度進行加深。它主要解決在特殊情況下，對于導(dǎo)航內(nèi)容進行的臨時擴充。

通常會使用在混合導(dǎo)航當(dāng)中，因為混合導(dǎo)航已經(jīng)很難再進行深度的擴展，就只能使用特殊的辦法來解決問題。

比如在導(dǎo)航菜單當(dāng)中，只有我的客戶需要有三級導(dǎo)航，并且需要展現(xiàn)「重要客戶、普通客戶、客戶標(biāo)簽 等」導(dǎo)航信息時，就可以使用下鉆的方式對內(nèi)容進行臨時的補充。

在設(shè)計上，主要表現(xiàn)在點擊下鉆導(dǎo)航菜單過后，會將原有的導(dǎo)航面板進行替換，呈現(xiàn)下鉆的導(dǎo)航結(jié)構(gòu)，用于給到用戶進行選擇。

比如在支付寶的商家平臺當(dāng)中，常規(guī)的導(dǎo)航內(nèi)容我們都可以通過混合導(dǎo)航的方式進行解決，只有在運營中心當(dāng)中的激勵政策、市場服務(wù)、其他 當(dāng)中，由于本身內(nèi)容較多因此沒辦法進行二級導(dǎo)航的平鋪展示，所以就只能通過下鉆的方式展現(xiàn)頁面。

二、邊欄導(dǎo)航

邊欄其實是一種導(dǎo)航擴充的思路，比如現(xiàn)在導(dǎo)航的整體內(nèi)容結(jié)構(gòu)過于復(fù)雜，這時候我就可以使用邊欄的方式進行導(dǎo)航模塊的呈現(xiàn)。它會在你的屏幕右側(cè)單獨開辟一個新的區(qū)域，這樣就能夠呈現(xiàn)較大的數(shù)據(jù)內(nèi)容。

比如在 Edge 瀏覽器當(dāng)中，我們就能夠通過邊欄訪問部分網(wǎng)頁，這樣就能實現(xiàn)內(nèi)容的雙屏展示。特別是邊欄打開 Kimi，整體效率會特別的高。

當(dāng)然在 B 端產(chǎn)品當(dāng)中，也會有類似的交互，比如明道云產(chǎn)品當(dāng)中，也會將其 消息、通訊錄 作為邊欄，提供給用戶進行快速的訪問。

除了完整的布局當(dāng)中會有邊欄之外，也會有一些特殊頁面可以使用邊欄進行拓展。比如紛享銷客就在其詳情頁當(dāng)中使用邊欄呈現(xiàn)更多維的信息，算是除了 Tab 之外有一種信息內(nèi)容形式的補充。

三、自定義導(dǎo)航

其實準(zhǔn)確來說，應(yīng)該叫做導(dǎo)航的自定義功能，因為導(dǎo)航本身涉及到的內(nèi)容就會比較特殊，每一個人都會有自己的導(dǎo)航訴求，所以可以使用自定義的方式來進行自主的選擇。

通常自定義導(dǎo)航會存在有兩個特點：

1. 系統(tǒng)非常龐大，功能模塊眾多，在設(shè)計上就會有較多的掣肘地方，因此難以有一個完美的解決方案。
2. 用戶的角色很難進行抽象。就很難用那么 2-3 個角色來對系統(tǒng)當(dāng)中整體的導(dǎo)航進行歸類，這時候只能將這個權(quán)限開放給到用戶，讓他們進行自定義。

關(guān)于自定義導(dǎo)航的部分，已經(jīng)有非常多 B 端產(chǎn)品進行普及，這里我簡單羅列一下我知道的導(dǎo)航，大家也可以在評論區(qū)進行補充：Salesforce、Coding、ONES、騰訊云、薪人薪事...

四、客戶端導(dǎo)航

客戶端導(dǎo)航在我看來就是為了兼容客戶端應(yīng)用所涉及出來的樣子，它整體結(jié)構(gòu)基本上以側(cè)邊導(dǎo)航為主，通過側(cè)邊導(dǎo)航一層層進行多級內(nèi)容的延展。

這類型產(chǎn)品都會有一些相似的地方，都是想通過瀏覽器進行封裝，進而產(chǎn)出一個客戶端版本。所以在設(shè)計之初，很多內(nèi)容都是為了應(yīng)用封裝考慮，讓它看起來像是一個客戶端。

比如 Notion、Follow、Figma 很多產(chǎn)品都是按照這個思路進行的設(shè)計。

當(dāng)然，這是我搜集的比較特殊的導(dǎo)航形式，你有遇到過哪些特殊的情況，可以在評論區(qū)補充～

作者：CE青年Youthce