信息架构设计 | 全球导航、上下文导航、本地导航的区别是什么?

信息架构设计 | 全球导航、上下文导航、本地导航的区别是什么?

📖 “导航系统并不是单一的工具,而是由多个互补的导航方式组成。”

——《信息架构:超越Web设计》

在信息架构里,导航系统不止一种。

我们常说的“导航”,其实包含了三个维度:全球导航、上下文导航、本地导航

如果你把网站当成城市地图,三者的区别就像👇

🏙️ 全球导航(Global Navigation)

相当于城市主干道。

📌 总是在页面的显著位置(如顶部、侧边),无论用户在哪一页都可见。

📌 作用:提供站点的整体结构轮廓,保证“不会迷路”。

🔁 举个例子:你在电商平台首页、商品页、购物车页,都能看到顶部的“首页 / 分类 / 购物车 / 我的”。

📍 本地导航(Local Navigation)

像是某个商圈里的路标。

📌 它只在特定区域内出现,展示该部分的子页面结构。

📌 作用:帮助用户在当前模块内自由切换,不跳出当前上下文。

🔁 比如你点进“具体单件商品”后,在侧边出现同商品分类就是本地导航。

jrhz.info

🔎 上下文导航(Contextual Navigation)

像是你在某家咖啡店里看到“附近的甜品推荐”。

📌 它不是常驻的,而是出现在特定内容中,基于语义提供额外链接

📌 作用:提供延伸阅读、关联信息,拓宽用户探索路径。

🔁 对“单件产品”的批注延展,这就是上下文导航。

“全球导航帮助用户定位站点结构,本地导航指导区域内部的浏览,上下文导航则引导语义关联的跳转。”

如何为你的产品选对导航层级?

信息量不大? 全部用全球导航即可。

内容分区明确? 加上本地导航提升效率。

内容密集丰富? 增设上下文导航,增强探索体验。

猜你喜欢

把观众气笑了!以法之名最蠢的人,竟是他,万潮柳韵都不值一提!

更让人气愤的是,柳韵买了天龙集团的低价房后,李人骏并没有进一步追查或警觉,直到矿难发生,才开始补交差价,这分明是在为自己过去的错误行为找借口。从那时起,他开始了一系列更加愚蠢的行为,制造矿难,并将这一切告诉了…

把观众气笑了!以法之名最蠢的人,竟是他,万潮柳韵都不值一提!

澳白在气质这一块真的封神了 点位:16.1mm “维纳斯” 正圆极强青冷光泽 孔后无瑕 遮光下就是超漂亮的绸缎感 一对一真科研SS 皮层达到2.3mm

澳白在气质这一块真的封神了点位:16.1mm “维纳斯”正圆极强青冷光泽 孔后无瑕无敌干净买来能戴一辈子遮光下就是超漂亮的绸缎感一对一真科研SS 皮层达到2.3mm 镶嵌任何款式都🆗 …

澳白在气质这一块真的封神了 点位:16.1mm “维纳斯” 正圆极强青冷光泽 孔后无瑕 遮光下就是超漂亮的绸缎感 一对一真科研SS 皮层达到2.3mm

【量子金属·时空刻痕】JFLOWERS天魔塔金银|古典科技纹路×硬核金属美学|赛博圣殿级工艺,金银冷淬质感设计,却流光四溢!

JFLOWERS的冲球穿透力,JFLOWERS的打感丝滑细腻,无不印证着东方智慧的锋芒。最近让一堆老球痞也眼前一亮的,是 Jflowers 这个系列的杆子,它没玩玄学,直接用硬核“黑科技”重新定义了击球那一下…

【量子金属·时空刻痕】JFLOWERS天魔塔金银|古典科技纹路×硬核金属美学|赛博圣殿级工艺,金银冷淬质感设计,却流光四溢!

陈奕天(天天)谈横店,天气状况,是否反常

他提到:“啊哈哈哈,横店这天气,过夏天这一块,男女都一样,你不逆爱么”,并配上了横店女明星在酷热中艰难拍摄的生动场景。同时,还有网友调侃道,是否这让大家想到最近梓渝的下海剧《逆爱》,恰巧陈奕天也放出了新的视频…

陈奕天(天天)谈横店,天气状况,是否反常

谁懂!聂小雨也玩起了“丝里丝”,太奔放了!

聂小雨玩起“丝里丝”,那股子奔放劲儿像突然炸开的烟花,让人眼前一亮。薄如蝉翼的丝巾在她手里翻飞,有时缠在手腕,有时搭在肩头,明明是小物件,却被她玩出了万种风情。 她之前穿旗袍时是温婉的江南女子,转身玩起丝…

谁懂!聂小雨也玩起了“丝里丝”,太奔放了!