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