在从0到1的网站设计过程中,首先要设计的是网站的导航系统。如果把网站当作生命,那么导航系统就是它的骨架。对于简单的网站来说,导航系统也相对简单。对于复杂的网站,如b端或中后台网站,导航系统也会更加复杂。此时,优秀的导航可以帮助用户更有效地完成工作。
本文总结了多层次导航设计的一些思路和经验,希望能对从事相关工作的设计师和产品经理有所帮助。
对于一个复杂的网站,通常需要4级甚至5级导航。本文以五层导航为设计目标。在设计中,笔者发现这个过程需要逻辑思维,所以在导航过程的设计中,总体思路是:首先设计尽可能多的导航系统,然后选择符合网站信息架构的导航。本文也遵循这两个步骤来阐述。
如何设计尽可能多的5级导航系统理论上,五级通航的安排都可以通过每优等的安排和组合得到。那么如何安排和组合它们呢导航形式可分为水平布局和垂直布局,垂直导航有顶部垂直收起导航和侧边导航。下一步,只是安排和结合。
在排列组合过程中,有些方法不合理(如优等到五级的所有水平排列),因此根据排列组合过程中的一些约束条件对排列结果进行筛选。约束如下(作者在尝试时也发现了这些约束):
经过约束条件的排列组合和过滤,终得到以下9种网站导航框架:
下面是九个导航帧: