网站建设:主导航的设计与显示

主导航栏通常位于所有页面的最顶部,链接到网站内的各个栏目和页面,是访客在站内寻找信息时最主要的指引。

一般来说,主导航栏上应该放什么栏目,在设计网站信息架构时就已经确定好了。到了页面设计环节,只需要考虑一些形式上的问题。

第一,栏目展示顺序。栏目的展示顺序应当按照重要性的高低排序,并遵从一定的内部逻辑。比如某个导航栏是这样的:

【首页】【产品列表】【关于我们】【应用】【客户案例】【联系我们】

这种顺序,看起来怪怪的,因为【产品列表】【应用】和【客户案例】三个栏目明显是有内在联系的,实质上就是不同形式的产品介绍,而在中间横插一个针对公司概况的【关于我们】,就会产生断裂和突兀的感觉。

如果要调整,可以根据公司情况做相应变动。公司实力比较薄弱的,可以把【关于我们】直接挪到倒数第二个,和【联系我们】放在一起;公司实力比较强的,则可以把【关于我们】往前调到正数第二个,放在【首页】后面。

一般来说,产品列表和公司介绍是最重要的,应放在最前面。与产品或公司情况直接相关的栏目,应当按照新客户了解情况时的自然顺序依次往后排,比如定制服务、客户案例、行业应用等。而合作伙伴、寻找经销商、资料下载之类的栏目,原本就不急着让买家第一时间了解的,都可以往后放,而且排列顺序也不重要。

第二,灵活使用双导航。有的时候,我们可能会遇到导航栏目比较多的情况,全部排在主导航上显得非常拥挤,而且不利于突出真正重要的栏目。

要解决这个问题,最直接有效的办法就是使用双导航,在主导航上保留几个重点栏目,其他相对不重要的栏目通通挪到不起眼的副导航上。

大概是由于产品类别比较多,也比较重要,于是这家公司干脆把整个主导航都挪到左侧,而顶部位置直接展示各种产品类别,相当于把整个二级产品导航单独列出来提到一级。这个网站中无论左侧导航还是顶部导航都是固定的,这意味着即使用户当前浏览的并不是产品栏目,也随时能通过顶部导航查看任何一类产品。比如在这张截图中,笔者实际点击的就是公司介绍页面,但顶部导航依然是各类产品。

值得注意的是,这个专门链接各类产品的副导航也设置得很灵活。前五类Tubing、Pipe、Bar rod wire、Plate、Sheet都是不同的材料形状,但后面两项中, Aerospace extrusions专门介绍了针对航天应用的挤出型材产品,Certifications 展示了各项资质证书和产品技术数据,可以推测应该都是公司特别有优势的方面。最关键的是,这两方面的内容本身也都与产品直接相关,符合买家了解产品时的需求和行为习惯。因此,设计者并没有完全拘泥于“按形状分类”的逻辑,把这两项也一起排在了产品类目的后面。

第三,下拉列表。下拉列表,即鼠标移动到主导航的某个栏目上时,在该栏目下方自动滑出的详细列表。

在设计页面时,我们对于下拉列表需要考虑的问题只有一个,就是哪些栏目应该显示下拉列表、应该显示到几级。

这和最初信息架构的设计思路有密切关系。比如笔者曾提到过,如果卖的是标准品,往往要做详细的下拉列表,直接展示到三级目录,方便买家点击和浏览;如果根本没有标准型号,产品主要是定制的,那么下拉列表只需要展示大类即可,甚至完全不需要做下拉列表。

从最根本的道理上说,下拉列表的设计目的是使买家更方便、快捷地找到自己需要的产品。因此,到底要不要做、要详细到什么程度,取决于买家是否容易理解你的列表。越是标准的、通用的产品分类和名称,越适合给买家详细展示;越是没有统一标准的,或者你没有把握的产品分类和名称,就越是要藏起来,不能一下子全部摆出来,而要引导买家逐步地了解,以免一开始就给买家太多迷惑性的信息。




(本文内容及图片收集于网络,如有侵权,请联系我们删除。)