中国B2B研究网
联系我们 | 付款方式
首页 资讯 研究 推荐网站 人物 B2B策划 B2B开发 B2B推广 B2B销售
当前位置:首页 > B2B研究文库 > B2B网站建设 > 如何设计好B2B行业网站导航栏,提高易用性
如何设计好B2B行业网站导航栏,提高易用性
来源:中国B2B研究网 发布时间:2013/7/8  浏览:
  导航栏是指位于页面页眉区域的一排水平导航文字或图片按钮,或者是位于页面左边或右边的一排导航文字或图片按钮。它起着链接B2B行业网站各个栏目的作用,或者链接一级栏目下面许多二级栏目的作用,让访问者能方便、快速的找到自己所需要的内容和功能。
  B2B行业网站的导航栏与其他网站的导航栏基本一样,不过还是有一些区别。本文作者李学江认为:判断一个B2B行业网站的导航栏是否符合要求,可以多参考一些大网站,比如新浪、腾讯、知名的B2B行业网站等,他们在设计的时候大部分还是遵守了网站建设的标准,下面讲解一些基本标准,以供我们在判断设计师的设计是否合格时作为参考。
 
首页导航栏的色调与网站主色调应尽量保持一致
 
  对于B2B行业门户网站来讲,大部分网站的栏目都比较少,采用的是一排导航,就免不了采用背景颜色或图片作为背景,尽量采用网站主色调的色系作为背景色或图片颜色。因为导航栏比较显眼,同色系往往能让网站看起来更有条理,不乱。



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

图(32) 阿里巴巴服装服饰频道用红色为导航栏背景色
 
导航栏的颜色要商业化、高度要合适、要处于重要位置
 
  见过很多设计看起来很差的网站,导航栏往往有这样几个特点:颜色不够商业化,比如太脏、太粉、太女性化等,不具有商业化网站应有的颜色,简洁、大方的风格;高度不是太高就是太低,处理不够适当,作为网站的导航栏,要比其他的标题栏的高度更高,字体要大一些,要加粗,要更突出,但是不能太大;看起来太粗糙,不够精致。关于导航的栏的详细设计方法,我在《B2B行业门户网站设计开发实战研究报告》第三章第6节“导航栏设计的技术标准与优秀导航栏赏析”里做了非常详细的介绍。
 
不能在一级导航栏上采用下拉菜单

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

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

  网站导航栏是网站最主要的入口。在内容设置上,应该一目了然地把网站的主要内容体现出来。用户访问浏览时,可以很快地找到自己想要的内容。而搜索引擎蜘蛛访问时,也可以非常方便地顺着导航目录,一层层地访问收录网站的各级网页。导航栏是网站的一级标题,内容非常重要。如果导航栏名称能包含关键词,就更是锦上添花了。
  不要使用图片或按钮,有的网站,一味追求美观,在导航栏使用按钮或图片。使用图片或按钮,不利于蜘蛛访问和收录。导航栏上的文字,最好都使用文本,可以把按钮或图片作为背景,就解决了。导航栏的标题字体,在网页上比别的内容应该大一些,一级导航栏的话,字体要加粗,还不要使用不易辨认的少见字体,关于B2B行业网站设计对B2B行业网站推广的影响,我在《B2B行业门户网站推广实战秘籍》第二章做了非常详细的介绍。
 
部分B2B行业网站优秀导航栏举例
     
  以下是收集的部分优秀B2B行业网站的导航栏,供大家参考。


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


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


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


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


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


  本文原创作者:李学江,先后从事程序开发、网站策划、项目经理、策划总监、销售总监等职,从事B2B行业门户网站研究8年多,现致力于B2B行业网站的策划、建设、推广、销售及运营研究研究,著有 《B2B行业门户网站策划实战研究报告》《B2B行业门户网站推广实战秘籍》《B2B行业门户网站设计开发实战研究报告》《B2B行业门户网站销售实战攻略》 ,欢迎交流指导咨询,交流QQ:1580658565


    《B2B行业网站策划实战研究报告》  
 构建成功商业模式,找准方向,超越对手!        永久接受免费咨询服务!

    《B2B行业网站设计开发实战研究报告》  
助您建设一流网站,为成功奠定坚实基础!        永久接受免费咨询服务!


    《B2B行业网站推广实战秘籍》   
 即学即用推广宝典,助您网站流量大幅提升!     永久接受免费咨询服务!

    《B2B行业网站销售实战攻略》   
 系统阐述销售知识, 汇聚销售技巧,提升销售额!   永久接受免费咨询服务! 



优惠219元,看得见的交易、真实评价,收到书,才打款,安全!

编辑:B2Byj
加入收藏 】 【 字体: 】【 打印 】 【 关闭
 相关文章
本文关键词:导航栏  B2B行业网站  易用性  
龚女*,您订购的《B2B行业网站策划研究报告》已发货,单号:1201833057889 2015/9/8
彭*,您订购的《B2B行业网站设计开发实战研究报告》已发货,单号:600049541131 2015/5/5
B2B行业网站如何优化运营使网站开始盈利挣钱 2015/3/31
B2B行业网站采购栏目用户需求 2015/3/30
如何做好B2B行业网站页面内容设计留住用户 2015/3/27
杨*,您订购的《B2B行业网站策划研究报告》已发货,单号:560032492102 2015/1/17
 B2B网站系列研究报告
B2B行业网站策划实战研究报告 B2B行业网站设计开发研究报告 B2B行业门户网站推广实战秘籍 B2B行业门户网站销售实战攻略
 热门资讯
一直做着很“2B”事情的B2B,为什么直到今天才火起来582次
B2B的春天来了 你还在C端市场打拼吗?102次
万亿级B2B市场风口来临 创投机构争相布局94次
医学领域B2B电商供应室获数千万A轮融资62次
慧聪网郭江:巨头无法阻止技术型B2B创新者46次
 热门研究
免费赠送工具书、期刊提升B2B网站销售额366次
慧聪网CEO郭江:B2B2.0产业互联网创业良机110次
以太资本卞恺灵:B2B创业的N个坑62次
阿里刘辉:阿里对“互联网+”的五个思考62次
万亿级B2B市场“风口”来临 创投机构争相布局62次
B2B人物资讯 更多
慧聪网郭江:在B2B领域激进并购
  国内B2B电商平台慧聪网最近消息不断,由香港创业板转到香港联交...  阅读全文>>
李军保:中国网库将开启B2B电商3.0时代
     9月26日,由商务部中国国际电子商务中心指导...  阅读全文>>
51BOOK陈鹏:拓展航旅行业 打造航旅B2
  51book董事长陈鹏近日在2014劲旅峰会“旅游BtoB分销...  阅读全文>>
郭江指路:B2B式的京东和天猫都有戏
  9月26日消息,慧聪网CEO郭江在“2014中国(常州)电子商...  阅读全文>>
B2B人物专栏 更多
慧聪网CEO郭江:B2B2.0产业互联网创业
9月11日消息,在2015亿邦电子商务应用发展年会上,慧聪网CEO...  阅读全文>>
做好B2B网站“网站介绍”栏目,提高可信度、
1、B2B网站“网站介绍”相关栏目的重要性   网站介绍的相...  阅读全文>>
imo云办公室乔月猛:B2B营销方式的变革
  10月23-24日,由艾瑞咨询集团主办的“2014上海艾瑞互联...  阅读全文>>
敦煌网王树彤:跨境电商也要玩转移动端
  在创办十年之际,敦煌网收到了时隔三年多的第四轮融资。敦煌网创始...  阅读全文>>
热门图片资讯
B2B的春天来了 你还在C端市场打拼吗?
万亿级B2B市场风口来临 创投机构争相布局
关于我们 | 网站导航 | 积分赚取 | 积分兑换 | 付款方式 | 联系我们
手机:0515-85457789 客服邮件:1580658565@qq.com
在线服务 QQ:1580658565 地址:江苏省东台市三灶大街19号
Copyright@2007-2014 b2byj.com All Rights Reserved 苏ICP备14051972号