全了??整理了B端產(chǎn)品導(dǎo)航設(shè)計(jì)及使用場景

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ì)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末行您,一起剝皮案震驚了整個濱河市铭乾,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌娃循,老刑警劉巖炕檩,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異捌斧,居然都是意外死亡笛质,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進(jìn)店門捞蚂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來妇押,“玉大人,你說我怎么就攤上這事姓迅∏没簦” “怎么了?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵丁存,是天一觀的道長肩杈。 經(jīng)常有香客問我,道長解寝,這世上最難降的妖魔是什么扩然? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮编丘,結(jié)果婚禮上与学,老公的妹妹穿的比我還像新娘。我一直安慰自己嘉抓,他們只是感情好索守,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著抑片,像睡著了一般卵佛。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上敞斋,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天截汪,我揣著相機(jī)與錄音,去河邊找鬼植捎。 笑死衙解,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的焰枢。 我是一名探鬼主播蚓峦,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼济锄!你這毒婦竟也來了暑椰?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤荐绝,失蹤者是張志新(化名)和其女友劉穎一汽,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體低滩,經(jīng)...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡召夹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了委造。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片戳鹅。...
    茶點(diǎn)故事閱讀 39,991評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖昏兆,靈堂內(nèi)的尸體忽然破棺而出枫虏,到底是詐尸還是另有隱情,我是刑警寧澤爬虱,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布隶债,位于F島的核電站,受9級特大地震影響跑筝,放射性物質(zhì)發(fā)生泄漏死讹。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一曲梗、第九天 我趴在偏房一處隱蔽的房頂上張望赞警。 院中可真熱鬧妓忍,春花似錦、人聲如沸愧旦。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽笤虫。三九已至旁瘫,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間琼蚯,已是汗流浹背酬凳。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留遭庶,地道東北人宁仔。 一個月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像峦睡,于是被迫代替她去往敵國和親台诗。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,941評論 2 355

推薦閱讀更多精彩內(nèi)容