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

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

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

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

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

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

🏙️ 全球导航(Global Navigation)

相当于城市主干道。

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

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

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

今日霍州(www.jrhz.info)©️

📍 本地导航(Local Navigation)

像是某个商圈里的路标。

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

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

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

今日霍州(www.jrhz.info)©️

jrhz.info

🔎 上下文导航(Contextual Navigation)

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

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

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

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

今日霍州(www.jrhz.info)©️

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

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

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

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

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

特别声明:[信息架构设计 | 全球导航、上下文导航、本地导航的区别是什么?] 该文观点仅代表作者本人,今日霍州系信息发布平台,霍州网仅提供信息存储空间服务。

猜你喜欢

材料世界的话语密码:当科学遇见专利翻译(从材料中看世界)

数年前,一种新型热电转换材料的专利在从日文翻译成英文时,由于对“熱電特性”这一关键参数的理解偏差,导致国际同行在重复实验时始终无法达到原专利声称的性能指标。 这个案例提醒我们,材料科学专利翻译绝非简单的语言转…

材料世界的话语密码:当科学遇见专利翻译(从材料中看世界)

蒙面女人 阿加莎·克里斯蒂 PDF电子版(蒙面女人阿加莎在线阅读)

蒙面女人 PDF电子版 阿加莎·克里斯蒂链接:https:pan+.baidu+.coms1917NAqSbKraTGNP8b7rWPA?pwd=cyrl 提取码:cyrl 请将上述链接中的两个+…

蒙面女人 阿加莎·克里斯蒂 PDF电子版(蒙面女人阿加莎在线阅读)

意外!猴哥前妻何钰欣赴泰冻卵,花5万取24颗卵泡,原因非逃婚(猴哥出车祸视频)

为了避免未来可能的风险,她决定采取行动,以此保护自己的生育能力,也给自己留下更多的选择空间。这并非因为她对婚姻有恐惧,更不是为了回避生育的问题,而是她希望通过这种方式,能有更多的时间和自由去做选择。冻卵并不是…

意外!猴哥前妻何钰欣赴泰冻卵,花5万取24颗卵泡,原因非逃婚(猴哥出车祸视频)

iOS 26.3 揭露M5『芯片』将推Max与 Ultra 版本(m5青春版『芯片』)

这些『芯片』参考信息引发了一些疑问,因为市场预期新款MacBook Pro会搭载M5 Pro和M5 Max『芯片』。 目前存在几种可能性:M5 Pro『芯片』尚未被加入 iOS 26.3 代码中; Apple 正在调…

iOS 26.3 揭露M5『芯片』将推Max与 Ultra 版本(m5青春版『芯片』)

全新国产TDA2050音频功率放大器到底有多牛?2026音质爱好者必看(全新国产奔驰GLE加长版谍照曝光)

近年来国产音频功率放大器TDA2050备受关注,其直插TO220-5设计是否适合家用?本文深入解读其主要参数、应用场景及选购要点。2026音质提升必备,帮助您精准定位所需。无论是音响发烧友还是初学者,都将从中受益。

全新国产TDA2050音频功率放大器到底有多牛?2026音质爱好者必看(全新国产奔驰GLE加长版谍照曝光)