2022-9-1 ui設計分享達人
對B端產品架構而言，一個合理的導航設計對能夠解決，對團隊內部：堆砌功能開發混亂；對外部用戶：找不到功能的問題，所以本篇主要總結一下如何正確選取合適的導航。
從產品結構明確導航分類
B端后臺的導航大類從產品架構層面來講可以分為：全局導航（頂部、側邊、混合）、局部導航（菜單欄、面包屑、選項卡、步驟條、文字鏈接）、輔助導航、內嵌導航、友好導航和遠程導航。
全局導航
表現為產品的一級導航，需要具有良好的穩定性和拓展性。
提示：清晰穩定的路徑比起少點擊一次更重要！
局部導航
局部導航包括：菜單欄、面包屑、選項卡、步驟條、文字鏈接。
特點：1、在同一個架構中，可以到這個節點的上下一級的通路；
2、有嚴格的父子級關系，局部導航與全局導航有層級關系，局部導航幫助用戶進入更 加特定的頁面。
通俗而言局部導航依附于全局導航，常作為二級導航出現。
輔助導航
提供用戶在全局/局部導航不可到達的相關內容的快捷途徑。
內嵌導航
也叫上下文導航，常用做對頁面中的操作項進行解釋；常見的有幫助引導鏈接等
友好導航
為用戶提供便利的前進途徑，常見于新手引導和幫助助手的場景，在不需要時可進行隱藏。
遠程導航
指并不包含在產品結構中的功能入口；常見于網站地圖、OA產品的工作臺等。
如何進行合適的導航選擇
1. 保證產品結構的穩定性
B端產品通常情況下都是復雜的，對用戶來說具備一定的使用門檻和學習成本。所以導航首先要保證產品架構的穩定性，同時也要保證交互操作路徑符合用戶操作習慣。
重點：不可為了追求少一次點擊而隨便進行更改！
2. 便于后續擴展
在進行導航選擇時需要考慮到后續產品的發展情況，在保證產品結構穩定性的前提下，為后續的功能擴展打好基礎。
3. 操作清晰、易懂
在多層級的導航中要保證每一層級導航的視覺反饋清晰、明確。
4. 靈活適應
導航的功能選項可以根據使用場景需求來進行靈活添加，可以為了提升效率，在不同的導航選項下出現相同的功能入口。
5. 保持一致的交互規范
相同類型的導航控件，交互樣式要保持一致；例如：飛書在面包屑的文字交互樣式和文字鏈接的交互樣式就做出了明顯的區分。
6. 可不遵循層級關系
根據導航的定義而言，導航就是對信息進行分類，引導用戶完成操作。
我們可以根據用戶反饋和數據埋點可以將常用的操作功能進行前置，打破層級約束，實現對用戶的操作提效。
根據場景，靈活使用導航
1. 頂部導航
頂部導航常用于官網類結構相對簡單的產品
優點：節省空間、視覺干擾小，有沉浸式使用體驗；
缺點：結構簡單，拓展性低。
2. 側邊導航
側邊導航常用于操作比較復雜，專注操作的后臺類產品；例如：SaaS產品等
優點：操作效率高、拓展性強、更容易進行功能收納；
3. 混合導航
混合導航常用于操作很復雜，一級二級功能條目多的后臺產品；例如：云產品（二級導航功能超多）
優點：比較綜合
總結：
1. 一級導航需要具備足夠的穩定性和拓展性
①、清晰、穩定的路徑比少點擊一次更重要
②、導航的排序盡量不要改變用戶的操作習慣
2. 二、三級導航進行合理的分組收納
利用分組控制導航的顆粒度。在二級導航只有一個時，無需設計分組
3. 判斷功能是否應該作為全局導航
①、選擇相對高頻的分類，作為全局導航
作者：戴戴戴戴戴虎全
轉載請注明：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
②、低頻的分類，作為局部導航
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。