在从0到1的网站设计过程中,首先要设计的是网站的导航系统。如果把网站当作生命,那么导航系统就是它的骨架。对于简单的网站来说,导航系统也相对简单。对于复杂的网站,如b端或中后台网站,导航系统也会更加复杂。此时,优秀的导航可以帮助用户更有效地完成工作。

本文总结了多层次导航设计的一些思路和经验,希望能对从事相关工作的设计师和产品经理有所帮助。

对于一个复杂的网站,通常需要4级甚至5级导航。本文以五层导航为设计目标。在设计中,笔者发现这个过程需要逻辑思维,所以在导航过程的设计中,总体思路是:首先设计尽可能多的导航系统,然后选择符合网站信息架构的导航。本文也遵循这两个步骤来阐述。

如何设计尽可能多的5级导航系统?理论上,五级通航的安排都可以通过每优等的安排和组合得到。那么如何安排和组合它们呢?导航形式可分为水平布局和垂直布局,垂直导航有顶部垂直收起导航和侧边导航。下一步,只是安排和结合。

在排列组合过程中,有些方法不合理(如优等到五级的所有水平排列),因此根据排列组合过程中的一些约束条件对排列结果进行筛选。约束如下(作者在尝试时也发现了这些约束):

经过约束条件的排列组合和过滤,终得到以下9种网站导航框架:

下面是九个导航帧:

以上是九种五级导航的设计。需要注意的是,这九种导航方式并不代表五级导航的所有情况,但可能会出现其他组合和变形。例如,两级组合的方式变为三级组合,并且还存在多个变形。以上9条只是常规导航的一些例子。

设计足够的导航,然后选择正确的导航。在选择导航时,需要综合考虑网站的具体情况,如用户的使用习惯、导航级别的相关性、音量等,下面是具体的说明。

选择时,您需要了解网站的主要导航级别。例如,6号和9号导航的_层水平导航通常用于切换页面中的选项卡。如果只有少数页面偶尔有这样的选项卡,则可以使用此表单。如果大量页面需要这样的选项卡,可以尝试将它们放在导航目录中,而不是放在页面的选项卡中。

在设计导航时,必须充分考虑用户的使用习惯,特别是后台网站。如果用户需要频繁地在多个级别之间切换,则应将这些级别组合在一起,以减少操作时间,提高操作效率。例如,导航3的第四层和第五层部署在侧面,因此用户在它们之间切换非常方便。

除了考虑用户自身的使用外,每优等导航本身的相关性和音量对于导航的选择也是非常重要的。

一般来说,关联度高的不同级别的导航都会放在相关的位置,比如方案6的2、3、4级导航都在旁边,可以有更好的关联度。

导航音量也会影响导航的设计。如果某优等别的导航有很多内容,就不适合水平导航,只能选择垂直导航,比如阿里云的海量导航。

提示:网站设计完成后,我们必须进行用户验证/用户验证。毕竟,他们才是网站的真正用户。

如果你正在设计一个复杂的网站导航,我希望这篇文章的想法可以帮助你(如果你能实现给它钓鱼的目标,我将非常高兴)。如果您有其他建议,也非常欢迎您随时与我沟通。