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

📖 “导航系统并不是单一的工具,而是由多个互补的导航方式组成。” ——《信息架构:超越Web设计》

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

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

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

🏙️ 全球导航(Global Navigation) 相当于城市主干道。

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

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

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

📍 本地导航(Local Navigation) 像是某个商圈里的路标。

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

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

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

🔎 上下文导航(Contextual Navigation) 像是你在某家咖啡店里看到“附近的甜品推荐”。

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

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

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

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

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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值