“導(dǎo)航系統(tǒng)并不是單一的工具,而是由多個(gè)互補(bǔ)的導(dǎo)航方式組成。” ——《信息架構(gòu):超越Web設(shè)計(jì)》
在信息架構(gòu)里,導(dǎo)航系統(tǒng)不止一種。
我們常說的“導(dǎo)航”,其實(shí)包含了三個(gè)維度:全球?qū)Ш健⑸舷挛膶?dǎo)航、本地導(dǎo)航。
如果你把網(wǎng)站當(dāng)成城市地圖,三者的區(qū)別就像
全球?qū)Ш剑℅lobal Navigation) 相當(dāng)于城市主干道。
總是在頁(yè)面的顯著位置(如頂部、側(cè)邊),無論用戶在哪一頁(yè)都可見。
作用:提供站點(diǎn)的整體結(jié)構(gòu)輪廓,保證“不會(huì)迷路”。
舉個(gè)例子:你在電商平臺(tái)首頁(yè)、商品頁(yè)、購(gòu)物車頁(yè),都能看到頂部的“首頁(yè) / 分類 / 購(gòu)物車 / 我的”。
本地導(dǎo)航(Local Navigation) 像是某個(gè)商圈里的路標(biāo)。
它只在特定區(qū)域內(nèi)出現(xiàn),展示該部分的子頁(yè)面結(jié)構(gòu)。
作用:幫助用戶在當(dāng)前模塊內(nèi)自由切換,不跳出當(dāng)前上下文。
比如你點(diǎn)進(jìn)“具體單件商品”后,在側(cè)邊出現(xiàn)同商品分類就是本地導(dǎo)航。
上下文導(dǎo)航(Contextual Navigation) 像是你在某家咖啡店里看到“附近的甜品推薦”。
它不是常駐的,而是出現(xiàn)在特定內(nèi)容中,基于語(yǔ)義提供額外鏈接。
作用:提供延伸閱讀、關(guān)聯(lián)信息,拓寬用戶探索路徑。
對(duì)“單件產(chǎn)品”的批注延展,這就是上下文導(dǎo)航。
“全球?qū)Ш綆椭脩舳ㄎ徽军c(diǎn)結(jié)構(gòu),本地導(dǎo)航指導(dǎo)區(qū)域內(nèi)部的瀏覽,上下文導(dǎo)航則引導(dǎo)語(yǔ)義關(guān)聯(lián)的跳轉(zhuǎn)。”
如何為你的產(chǎn)品選對(duì)導(dǎo)航層級(jí)?
信息量不大? 全部用全球?qū)Ш郊纯伞?/div>
內(nèi)容分區(qū)明確? 加上本地導(dǎo)航提升效率。
內(nèi)容密集豐富? 增設(shè)上下文導(dǎo)航,增強(qiáng)探索體驗(yàn)。
蘭亭妙微(www.b186.net )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan