020-29815005
预约专线时间:09:00-23:59

谈谈平台类产品的导航设计

新闻来源:本站 日期:2021-06-26
当我们在超市购物时,基本上是依赖于超市的导航系统(介绍/包装/产品特性)和我们扫描商品的能力来找到我们所需要的。但是在网上寻找事物与现实世界的区别在于我们无法感知到物理方位和大小,只能通过链点接触来达到。
   要使用户“不迷路”,清晰一致的导航设计尤其重要。文中作者结合实际工作经验对B端的导航设计进行了探讨。

    一、导航作用。

    在中后端产品设计中导航设计尤其重要,主要是基于导航架构的内容信息布局。

    航行的主要角色有:

    定位用户的位置:B端产品由于业务的复杂性和角色的多样性,页面层次结构较多。清楚的导航设计将告诉用户“自己在哪里”,避免用户迷失;

    向用户介绍如何使用站点:清晰一致的导航可以帮助用户规划行程,就像一份详尽的说明书,作为指示,清楚地提示用户从哪里开始,应该采取什么行动;

    请告诉用户这里是什么:B端产品中,系统架构通常是通过导航结构划分的,通过层次分级,导航文案引导可以快速地呈现网站的层次和内容。


UI设计


    二、一些常见的导航形式。

    根据其位置将导航分为顶部导航、侧向导航和混合导航三个方向。

    顶端导航:顶部的布局结构,符合用户的浏览习惯,而且排版稳定,不会受到显示器的影响,在网页设计中非常流行。其缺点是横向布局的扩展能力不强,所能放置的条目也有限。

    侧向导航:侧边导航由于其可扩展的布局结构在后台类产品中比较流行,虽然占据了页面的主视觉区,但是当每个分类模块数目较多(条目信息一般遵循5±2原则),就可以通过收起折叠信息来呈现更多的条目。

    混杂导航:B端系统设计中,经常根据任务的不同功能,选择适合的导航布局。混杂导航具有很大的包容性,可以承载更多复杂的逻辑关系,更为系统设计人员所喜爱。与teambition一样,选择上下混合导航,顶部导航包括站点ID、搜索、实用等全球功能。将任务/消息/日期/设置等用户最常用的功能放在顶部导航中,便于查阅和管理。根据我的项目和任务权重分组显示侧向导航。