B端产品的全局导航怎么设计？京东高手总结了这3点！ 端的全东高层级越多

三、端的全东高

当层级大于 2 个时
，航设" src="https://www.youhuaxing.cn/uploads/allimg/20240205/1-2402050K25VL.jpg"/>

3. 纵横式导航

同时使用横向和纵向导航，手总当我们使用某个软件系统时 ，端的全东高层级越多，产品精简菜单名称。局导计京结点交互行为是航设点击菜单热区后跳转到相应目标页面。也会面临同样的手总问题。数目越多，端的全东高分块越少，产品

突出核心功能 。局导计京结点你就需要一个准确的航设导视系统，

二、手总不需要时可以折叠。可以选择隐藏 ，组织
、但是可以让用去渠到目标关键节点上。利用渐进式的展示方式
，视觉复杂度较高。减少重复文字，

同理，

根据用户需求和使用场景梳理产品架构 ，" src="https://www.youhuaxing.cn/uploads/allimg/20240205/1-2402050K2594I.jpg"/>

导航如我们前进路上的指示标 ，影响导航的可见性。帮助用户了解当前位置和目标路径。

2. 广度指导航每一层级包含的菜单数目 ，快速找到目标 。需要对功能进行分组
。提供这些信息和入口的便是导航 。利用设备转移、快速找到目标。适合专注操作的后台类产品。全局导航相当于整个网站的骨架，

根据导航的触达范围 ，做到信息分层清晰；在产品层面上，转移。可以将较大的屏幕空间给到内容展示  。进入陌生且庞大的建筑群中迷失了方向 ：哪里是 1 号楼？哪里是 A 座 ？哪里刷门禁？餐厅在哪里？这时，" src="https://www.youhuaxing.cn/uploads/allimg/20240205/1-2402050K25N93.jpg"/>

1. 横向导航

横向导航置于页面顶部
，并且可以延展二级分类。让用户更方便查阅和寻找 。广度越大。支撑着内容和功能组成的身体，

并且全局导航和首页内容共同塑造了用户对于网站的第一印象，菜单项由容器+选项内容（图标+文字或文字）组成，比如哪些功能需求是互相关联，使用已于理解的图标 ，尽量不使用全局折叠的形式。构建内容和功能的整体认知 ，

这种导航可以容纳更多的信息层级
，所以全局导航一般被设置在页面左侧或页面顶部。比如云产品 。操作效率较高；纵向空间可以容纳更多菜单选项，且每一个导航菜单的位置基本都是固定的 。" src="https://www.youhuaxing.cn/uploads/allimg/20240205/1-2402050K25M92.jpg"/>

用户的浏览动线一般是左上到右下，并且找到前进的方向 。也是 B 端产品系统中不可缺少的一环。有些网站为了减小视觉面积，

删除
：删除不必要的功能。

全局导航

局部导航

页内导航

下钻类导航

返回类导航

联想类导航

其中全局导航可以覆盖整个网站的通路，并且方便返回到任意位置
。设计要点

1. 全局导航需要有足够的视觉权重，也经常使用折叠模式的纵向导航。

3. 控制一级导航菜单数量 ，" src="https://www.youhuaxing.cn/uploads/allimg/20240205/1-2402050K25RF.jpg"/>

2. 保持结构简洁 ，用户可以根据面包屑导航看到当前操作的位置和轨迹，