1.?全局導(dǎo)航
可以讓用戶可以去到其目標(biāo)的關(guān)鍵節(jié)點(diǎn)贪磺。大部分是一級分類。全局導(dǎo)航體現(xiàn)網(wǎng)站的核心組織結(jié)構(gòu)。
# 側(cè)邊導(dǎo)航布局
① 很多菜單時使用,建議菜單多于6 項(xiàng)時使用蔓榄;
② 可以承載多個層級,但建議1-3 個層級默刚;
③ 企業(yè)級產(chǎn)品推薦使用側(cè)欄導(dǎo)航甥郑,其可見性更好易于掃讀,各菜單重要性受菜單排列順序影響較小荤西。
# 頂部導(dǎo)航布局
① 各菜單權(quán)重常常與排列順序呈正相關(guān)澜搅,即排列順序影響用戶使用頻次;
② 建議2~7 項(xiàng)內(nèi)容使用邪锌;
③ 建議1-2 個層級勉躺;超出 2 個層級時,建議采用彈出式導(dǎo)航秃流。
# 彈出式導(dǎo)航布局
① 用于拓展導(dǎo)航承載層級赂蕴,適用于大型網(wǎng)站。
② 不要讓用戶延著狹窄的懸停路徑獲取導(dǎo)航菜單舶胀;
③ 不要讓用戶逐層打開每層菜單去查找概说,低效又困難;
2.?返回類導(dǎo)航
# 面包屑
反映當(dāng)前頁面在網(wǎng)站結(jié)構(gòu)中的位置嚣伐,在少于三個層級時無需展示糖赔,此時的全局導(dǎo)航能直接呈現(xiàn)位置。用戶可通過面包屑返回上級頁面轩端。
# 返回按鈕
適用于子站點(diǎn)場景放典,該場景隱藏了全站導(dǎo)航,用戶需要通過返回按鈕回到上級頁面基茵。
3.?聯(lián)想類導(dǎo)航
# 步驟條
適用于子站點(diǎn)場景奋构,該場景隱藏了全站導(dǎo)航,用戶需要通過返回按鈕回到上級頁面拱层。
# 上一篇下一篇
協(xié)助我們移動到其他關(guān)系緊密的網(wǎng)頁弥臼。
4.?子站點(diǎn)導(dǎo)航
面對一些任務(wù)復(fù)雜,需要較大的工作空間根灯,以子站點(diǎn)的方式沉浸式處理任務(wù)径缅。最常見的是編輯器掺栅。
# 沉浸式導(dǎo)航
用于處理較為復(fù)雜或需要較大工作空間的任務(wù)。
# 多級站點(diǎn)導(dǎo)航
菜單數(shù)量較多的子站點(diǎn)使用纳猪;子站點(diǎn)設(shè)計(jì)上氧卧,應(yīng)明顯區(qū)別于全站導(dǎo)航,使得進(jìn)入子站點(diǎn)需要成較大的過渡波動氏堤,提示用戶進(jìn)入了新的空間沙绝。
5.頁內(nèi)導(dǎo)航
信息架構(gòu)中較低層級的內(nèi)容導(dǎo)航可以使用頁內(nèi)導(dǎo)航,如果頁面需要分享給他人丽猬,需在在url 添加定位標(biāo)記宿饱。
# 輔助/內(nèi)嵌導(dǎo)航
所謂輔助導(dǎo)航就是提供用戶在全局/局部導(dǎo)航不可達(dá)到相關(guān)內(nèi)容的快捷途徑,內(nèi)嵌導(dǎo)航同理(超鏈接形式)脚祟。
# Tree 樹型控件
頁面內(nèi)多層次的結(jié)構(gòu)展示谬以。
# 錨點(diǎn)
在各個頁面分區(qū)之間跳轉(zhuǎn),當(dāng)平鋪呈現(xiàn)的內(nèi)容過長時使用由桌。
# 回到頂部
快速回到頁面頂部为黎。
# 走馬燈
循環(huán)播放一系列內(nèi)容。
#原型設(shè)計(jì)?#交互設(shè)計(jì)?#產(chǎn)品經(jīng)理?#視覺設(shè)計(jì)?#日常干貨?#網(wǎng)頁導(dǎo)航#B端產(chǎn)品#導(dǎo)航設(shè)計(jì)