📖 “导航系统并不是单一的工具,而是由多个互补的导航方式组成。”
——《信息架构:超越Web设计》
在信息架构里,导航系统不止一种。
我们常说的“导航”,其实包含了三个维度:全球导航、上下文导航、本地导航。
如果你把网站当成城市地图,三者的区别就像👇
🏙️ 全球导航(Global Navigation)
相当于城市主干道。
📌 总是在页面的显著位置(如顶部、侧边),无论用户在哪一页都可见。
📌 作用:提供站点的整体结构轮廓,保证“不会迷路”。
🔁 举个例子:你在电商平台首页、商品页、购物车页,都能看到顶部的“首页 / 分类 / 购物车 / 我的”。
📍 本地导航(Local Navigation)
像是某个商圈里的路标。
📌 它只在特定区域内出现,展示该部分的子页面结构。
📌 作用:帮助用户在当前模块内自由切换,不跳出当前上下文。
🔁 比如你点进“具体单件商品”后,在侧边出现同商品分类就是本地导航。
🔎 上下文导航(Contextual Navigation)
像是你在某家咖啡店里看到“附近的甜品推荐”。
📌 它不是常驻的,而是出现在特定内容中,基于语义提供额外链接。
📌 作用:提供延伸阅读、关联信息,拓宽用户探索路径。
🔁 对“单件产品”的批注延展,这就是上下文导航。
“全球导航帮助用户定位站点结构,本地导航指导区域内部的浏览,上下文导航则引导语义关联的跳转。”
如何为你的产品选对导航层级?
信息量不大? 全部用全球导航即可。
内容分区明确? 加上本地导航提升效率。
内容密集丰富? 增设上下文导航,增强探索体验。