关闭顶部展开顶部

如何设计好B2B行业网站导航栏,提高易用性_策划盈利教程

编辑Tag赚U币

推荐:网店管理细节流程问题
今把网店管理细节流程的借鉴综合给大家看下有改正地方务必指出。包括库存管理,图片管理,销售管理以及发货管理。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

分享:草根站长网站运营:运气创业,勤能过日子!
草根站长们怎么来运营一个网站,对于现在的这个互联网,就像标题那样说的,靠网站发财致富,真正的创业成功的,有很大的一部分的因素就是运气,对于草根站长来说,没有资金

来源:模板无忧//所属分类:策划盈利教程/更新时间:2013-07-09
loading.. 评论加载中....
相关策划盈利教程
闁汇埄鍨遍悺鏇綖閸℃稒鈷掓い鏇楀亾妞わ綇鎷�
婵炲濮崑鎾斥槈閺傝法澧涙俊鑼€濋柣銏╁灲閹凤拷
婵犵鈧啿鈧绱炲澶嬪殧鐎瑰嫭澹嗙换涔侀柣銏╁灲閹凤拷
婵犵鈧啿鈧绱炲澶婄闁诡垎鍕槬闁诲酣娼уΛ娑㈡偉閿燂拷
闂佺ǹ绻愰幊搴ㄥ焵椤掑倸甯堕幖瀛樼矒瀹曟繈鏁撻敓锟�
闂佺ǹ绻愰幊搴ㄥ焵椤掆偓閸氬绮婇敂鍓х煓閻庯絺鏅濋惌娆戠磽娓氬﹥瀚�
闂佽 鍋撴い鏍ㄧ☉閻︻噣鏌涘┑鎰胺缂併劍妞藉銊╊敍濞嗘垵绗¢梺鍝勫€婚幊鎾舵閿燂拷
闂佸搫鍟版慨椋庣礊婢舵劖鐓i悹杞拌濞层倕霉閿濆棙绀€闁告ɑ鐗犲畷鎰版晸閿燂拷
濠碘槅鍨崜婵嗩熆濡吋瀚绘い鎾寸箖鐎氾拷
婵犵鈧啿鈧绱炲鍥ㄥ妞ゆ挻绻冪€氳櫕淇婇妤€澧叉繝顫嫹
濠碘槅鍨崜婵嗩熆濮椻偓瀹曨剟顢欓崗鐓庘偓鐢告煛閸繄孝濠殿噯鎷�
濠碘槅鍨崜婵嗩熆濮椻偓閺屽懘鍩€椤掆偓閳诲酣骞戦幇闈涙闂佸搫瀚搁幏锟�
濠碘槅鍨崜婵嗩熆濮椻偓瀹曪綁骞嬪┑鍫紝
婵犵鈧啿鈧绱炲澶婄煑闁瑰瓨绻勯瀛樹繆椤栨澧叉繝顫嫹
闁诲骸鍘滈崜婵嬫偋閹惰棄鐭楀┑鐘插暙閼靛綊鏌ら懞銉ュ闁绘牭缍佸畷娆撴晸閿燂拷
UB闂佸湱绮崝妤呯嵁閸モ晜瀚氶悗娑櫳戦~锟�
闂佽壈椴稿濠氭焾鐎电硶鍋撻獮鍨仾婵犫偓閿燂拷
闁诲骸绠嶉崹鍝勶耿閸㈢嚜
闂佸憡姊绘慨椋庣礊婢跺瞼鍗氭繛鍡楀閸炲绻涚紙鐘哄厡闁稿骏鎷�
缂傚倷鐒﹂悷锕傚垂濠婂嫮顩锋い鎺嶇缁插湱鈧偣鍊濈紓姘额敊閿燂拷
©2017 www.mb5u.com濠碘槅鍨崜婵嗩熆濮椻偓瀵噣鎮╅幓鎺撳瘶
闂佽 鍋撻柟顖滃椤ワ拷&闂佸憡甯掑Λ鏃堟閿燂拷