B端全局导航设计
2024-7-7
你是否有过这样的体验，进入庞大且陌生的火车站后迷失方向：从哪里进站？在哪里安检？取票窗口在哪？这时你迫切需要一个准确的导视牌，帮助你在建筑空间中定位，并找到前进方向。
在软件系统中用户也会面临类似的问题。带着目标进入系统后，用户会通过网页内散布着的信息气味，去寻觅目标功能入口，而提供这些信息和入口的便是导航系统。它解决了用户“我在哪”“到哪里去”的问题，并为用户提供移动方式即页面间跳转。
为什么需要全局导航
根据导航的触达范围，在B端设计中常使用的导航可分六种类型：
其中全局导航联结了系统的所有板块，从系统整体为用户提供定位与导航，允许用户在系统浅层进行横向移动。全局导航是用户使用网站功能的第一触点，和首页内容一起塑造了用户对网站的第一印象。全局导航对用户体验的影响可以归纳为以下几点：
构建用户对网站功能和内容的整体认知。
帮助用户了解当前位置与可前进路径。
帮助用户快速抵达目标页面。
全局导航通常是所有页面的共同元素，可以强化品牌形象。
2.1 导航菜单的构成
▶ 导航栏面积较小，有较大屏幕空间用于内容展示。
▶ 页面简洁，选项数量有限，减轻用户的认知负载。
▶ 在长页面中，导航上下布局与用户浏览方向一致（纵向滚动查看），沉浸感更强。
▶ 导航菜单间切换较为不便。
▶ 若菜单选项名称过长、数量过多会受到横向尺寸限制。
▶ 导航菜单横向排布，用户扫视效率低。
优点
▶ 用户可以快速在导航菜单之间切换。
▶ 充足的纵向空间可以容纳更多选项，选项过多时可以对一级导航进行分类。
▶ 纵向排布的菜单内容，方便用户快速扫视并识别。
▶ 导航栏面积较大，用于内容展示的区域变小。
▶ 视觉突出，浏览过程中打断感强。
同时使用水平导航菜单和垂直导航菜单。通常顶栏为一级导航，承载全局类目和功能；侧边栏为二级导航，提供具体网站架构和功能。
▶ 外显一级、二级导航，提升网站结构可见性。
▶ 可以容纳更多信息层级。
▶ 充分利用屏幕空间，信息密度高 。
▶ 菜单面积较大，视觉复杂度高。
▶ 用户浏览动线复杂，需要合理设计架构。
适合量级大，复杂度高的的系统，如各种云服务后台。
全局导航的拓展能力
顶部导航/侧边导航的不同弹出方式：
当二级菜单内容过多时，也可以像各种云服务网站一样弹出站点地图。但需要对二级导航进行合理分类、规划，否则影响用户信息搜寻速度。
搜索
当二级导航过多时，增加搜索功能可以帮助用户更快速触达入口。
用户使用导航菜单是一个信息寻觅的过程，包括信号捕获、行为实施、反馈与评估等流程。在系统设计时需要注意全局导航的可用性，确保用户快速找到目标入口，提高系统使用效率。本环节将从导航使用体验出发，对全局导航的设计要点进行归纳总结。
保持结构简洁，若导航层级过深（如三级导航及以上）可见性将大大降低。
控制水平菜单选项数量，避免过长溢出，同时需要考虑未来业务的可拓展性。
保证可读易于扫视。菜单选项名称保持辨识度，避免大量使用重复文本。
准确映射内容，跳转页面的可预见性，采用易于理解和识别的名称/图标。
小结
发表评论：