如何设计好B2B行业网站导航栏提高易用性

如何设计好B2B行业网站导航栏提高易用性 - html

来源：自学PHP网时间：2015-04-14 14:51 作者：阅读:次

[导读] 导航栏是指位于页面页眉区域的一排水平导航文字或图片按钮，或者是位于页面左边或右边的一排导航文字或图片按钮。它起着链接B2B行业网站各个栏目的作用，或者链接一级栏目下面...

　　导航栏是指位于页面页眉区域的一排水平导航文字或图片按钮，或者是位于页面左边或右边的一排导航文字或图片按钮。它起着链接B2B行业网站各个栏目的作用，或者链接一级栏目下面许多二级栏目的作用，让访问者能方便、快速的找到自己所需要的内容和功能。

　　B2B行业网站的导航栏与其他网站的导航栏基本一样，不过还是有一些区别。判断一个B2B行业网站的导航栏是否符合要求，可以多参考一些大网站，比如新浪、腾讯、知名的B2B行业网站等，他们在设计的时候大部分还是遵守了网站建设的标准，下面讲解一些基本标准，以供我们在判断设计师的设计是否合格时作为参考。

　　1 首页导航栏的色调与网站主色调应尽量保持一致

　　对于B2B行业门户网站来讲，大部分网站的栏目都比较少，采用的是一排导航，就免不了采用背景颜色或图片作为背景，尽量采用网站主色调的色系作为背景色或图片颜色。因为导航栏比较显眼，同色系往往能让网站看起来更有条理，不乱。

　　图(31) 阿里巴巴首页导航栏与主色调一致

　　当然也不是绝对的，比如一级栏目的导航条，就不一定要与首页导航栏一样，每个一级栏目可以有自己的主色调，导航条就可以与首页不一样。

　　图(32) 阿里巴巴服装服饰频道用红色为导航栏背景色

　　2 导航栏的颜色要商业化、高度要合适、要处于重要位置

　　见过很多设计看起来很差的网站，导航栏往往有这样几个特点：颜色不够商业化，比如太脏、太粉、太女性化等，不具有商业化网站应有的颜色，简洁、大方的风格;高度不是太高就是太低，处理不够适当，作为网站的导航栏，要比其他的标题栏的高度更高，字体要大一些，要加粗，要更突出，但是不能太大;看起来太粗糙，不够精致。

　　3 不能在一级导航栏上采用下拉菜单

　　在企业网站设计中，可采用下拉菜单，但是在B2B行业网站设计中，绝对不能使用。因为这样的导航栏也许很酷，也很方便，但是对搜索引擎优化不利，而且B2B行业网站很多时候分类很多，使用这样的下拉菜单很不适合。

　　4 导航栏要尽量严肃一些，不能太个性化、太花哨

　　在企业网站的设计中，我们要保证页面的效果，常常使用FLASH、JS来制作导航栏，使导航栏有很多动态的效果。比如鼠标放上去的时候变色、运动，比如使用看起来很不商业化的图片作为导航栏背景，在导航栏上加太多卡通的图标等，都不符合B2B行业网站严肃、简洁、大方的特点。

　　5 网站导航栏对网站收录及优化的影响

　　网站导航栏是网站最主要的入口。在内容设置上，应该一目了然地把网站的主要内容体现出来。用户访问浏览时，可以很快地找到自己想要的内容。而搜索引擎蜘蛛访问时，也可以非常方便地顺着导航目录，一层层地访问收录网站的各级网页。导航栏是网站的一级标题，内容非常重要。如果导航栏名称能包含关键词，就更是锦上添花了。

　　不要使用图片或按钮，有的网站，一味追求美观，在导航栏使用按钮或图片。使用图片或按钮，不利于蜘蛛访问和收录。导航栏上的文字，最好都使用文本，可以把按钮或图片作为背景，就解决了。导航栏的标题字体，在网页上比别的内容应该大一些，一级导航栏的话，字体要加粗，还不要使用不易辨认的少见字体。

　　6 部分B2B行业网站优秀导航栏举例

　　以下是收集的部分优秀B2B行业网站的导航栏，供大家参考。