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

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

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

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

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


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

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


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

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

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

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

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

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

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

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

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

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

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

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


  图(33) 食品招商网首页导航栏


  图(34)卓创资讯网石油频道首页导航栏(以产品作为导航,是特殊行业的导航方式)


  图(35)中国化妆品网资讯频道二级栏目导航栏


  图(36)中国建材第一网招商频道导航栏


  图(37) 中国铝业网行情频道导航栏

时间: 2024-10-30 08:18:41

如何设计好B2B行业网站导航栏提高易用性的相关文章

B2B行业网站“文字样式设计”一般标准

当我们打开各种B2B行业网站,看到最多的就是各种文字,以各种方式表达出来,显示在访问者眼前,文字是门户类型网站最多的内容,同时文字与图片.视频是网站最重要的三种表达方式之一. B2B行业网站,更多的服务于企业的交易需求.了解行业知识的学习需求及交流需求,本文作者李学江认为,这些需求更多还是要通过文字来表达和传递,不同的字号.颜色.粗细.行距,代表了产品策划者.网站设计者所期望向网站访问者传递的信息.下面来简要讲解下在B2B行业网站设计制作时具有的标准. 1 B2B行业网站导航栏文字字体.字号.粗

B2B行业网站设计分享:网站设计制作的标准

文章描述:B2B行业网站"文字样式设计"一般标准. 当我们打开各种B2B行业网站,看到最多的就是各种文字,以各种方式表达出来,显示在访问者眼前,文字是门户类型网站最多的内容,同时文字与图片.视频是网站最重要的三种表达方式之一. B2B行业网站,更多的服务于企业的交易需求.了解行业知识的学习需求及交流需求,本文作者李学江认为,这些需求更多还是要通过文字来表达和传递,不同的字号.颜色.粗细.行距,代表了产品策划者.网站设计者所期望向网站访问者传递的信息.下面来简要讲解下在B2B行业网站设计

B2B行业网站文字样式设计一般标准

中介交易 SEO诊断 淘宝客 云主机 技术大厅 当我们打开各种B2B行业网站,看到最多的就是各种文字,以各种方式表达出来,显示在访问者眼前,文字是门户类型网站最多的内容,同时文字与图片.视频是网站最重要的三种表达方式之一.B2B行业网站,更多的服务于企业的交易需求.了解行业知识的学习需求及交流需求,本文作者李学江认为,这些需求更多还是要通过文字来表达和传递,不同的字号.颜色.粗细.行距,代表了产品策划者.网站设计者所期望向网站访问者传递的信息.下面来简要讲解下在B2B行业网站设计制作时具有的标准

8招教您做好B2B行业网站页面设计

中介交易 SEO诊断 淘宝客 云主机 技术大厅 B2B行业网站由于具有B2B网站的特性和门户网站的特性,决定了页面设计与其他网站一些不同点.在写作"B2B行业门户网站页面设计"章节之前,在此从理论上讲下页面设计及制作的基本要点,供大家参考,讲的不对的,希望大家批评指正. 1 页面用色.框架及整体风格应该是严谨的,充满商业氛围的 由于B2B行业网站的内容是严谨的.高端的,涉及行业的发展动态.各种技术交流.企业的营销管理知识等信息,注定了内容是严谨的.高端的;由于其涉的是企业与企业之间的交

如何做好B2B行业网站页面内容设计留住用户

对于B2B行业网站的页面设计,大家可能更多考虑页面用色.导航条.按钮.标题栏的设计,内容设计可能常常被大家忽略.但是如果内容设计的不好,可能会让你的所有设计被毁于一旦.比如如何让内容有主次之分.层次感,使内容看起来不会太乱.太多,使用户不愿意继续阅读下去,很快离开网站,不能留住用户继续访问. 在本研究报告前面章节我讲过,永远要记得用户在没有明确的阅读内容前是扫描而不是阅读,在导航页面,用户很乐于扫视一句一句的内容,对于大面积没有重点的内容,没有耐心,我们必须在网页上提供既简短又有一定视觉焦点的内

B2B行业网站“标题栏设计”的一般标准

在B2B行业网站的框架设计制作过程中,标题栏设计制作是工作量最大的,页面框架中最多的.网站Logo和导航条的设计,基本每个页面都是和首页一样的,相比之下工作量会小很多.无论是网站首页.二级栏目页,还是导航页.内容最终页,优秀的标题栏总能让读者方便快捷的找到想阅读的内容,又不会对页面内容产生干扰作用. 1 B2B行业网站标题栏设计的一般标准 B2B行业网站与一般的商业门户网站在标题栏设计上大部分是相同的,但是由于B2B行业网站更多的访问者和使用者是在办公室学习和工作的,需要更严肃的氛围,他们需要的

分析B2B行业网站标题栏设计的一般标准

中介交易 SEO诊断 淘宝客 云主机 技术大厅 在B2B行业网站的框架设计制作过程中,标题栏设计制作是工作量最大的,页面框架中最多的.网站Logo和导航条的设计,基本每个页面都是和首页一样的,相比之下工作量会小很多.无论是网站首页.二级栏目页,还是导航页.内容最终页,优秀的标题栏总能让读者方便快捷的找到想阅读的内容,又不会对页面内容产生干扰作用. 1 B2B行业网站标题栏设计的一般标准 B2B行业网站与一般的商业门户网站在标题栏设计上大部分是相同的,但是由于B2B行业网站更多的访问者和使用者是在

浅淡网站导航栏设计趋势

导航是网站设计中最重要的元素.由于用户很难在没有导航的情况下去浏览一个网站里的内容,因此一个设置合理的导航栏能令访客浏览到更多感兴趣的内容. 这篇文章将展示关于网页导航栏设计最近的一些趋势和一些新潮的导航栏效果. 1.描述型导航栏 导航栏最重要的任务是明确指向网站各个部分的内容,但这些内容很难通过一两个关键字来表述清楚,因此采用描述行导航栏可以让访客在点击之前就了解到自己将能看到一些什么内容. 由于这种导航跟访客的感觉是:有一个向导在做现场解说,因此相对于只有关键字的"无声导航",有人

B2B行业网站“页面结构”分析及应用

中介交易 SEO诊断 淘宝客 云主机 技术大厅 B2B行业网站策划提供给网站设计师的策划文档里,一般都表明了每个部份的内容和功能所采用的页面结构,但是并不代表设计师就能理解策划者在页面结构方面的考虑,以及由于有的策划者对网络了解不太深入,或者说有一些疏忽,从而在页面结构上考虑的不周全,这个时候设计师和网站管理者就要对策划文档进行纠正,所以无论是网站管理者.产品经理.设计师.页面制作人员,都要对B2B行业网站的页面结构进行简要的了解,我们可以不知道怎么去做,但是一定要知道,这样做是不是对的.下面就