一个网站的导航一般被放在门面的上端或左侧,起的作用简单来说就是快速跳转。导航栏并不占用太多空间,但需要一目了然,分类清楚。虽然比不上大banner和头条醒目,但也从来都是放在进门就能看到的位置。基本上从导航栏就能看出一个网站的定位,就好比
瞎聊几个IT网站的导航_职场
这个不用说就是个综合网站的导航栏。上面一行是账户功能外,下面都是由各个方面的热门关键字拼凑成。
门户网站的分类比较杂,给我的感觉更多像是什么火就上什么,吸引尽可能多的人进入他们所感兴趣的专区。而IT网站这方面就比较规范一些,尤其是注重技术类内容这一方面的,会比较循规蹈矩的按照技术的分类来规划自己的导航栏。不过很有意思的是,如果说搜狐和新浪的首页导航基本没啥两样的话,在IT网站这方面,不同网站之间的区别却很明显。举几个例子吧:
这是CSDN的:
瞎聊几个IT网站的导航_休闲_02
这是ITPUB的:
瞎聊几个IT网站的导航_职场_03
这是JavaEye的:
瞎聊几个IT网站的导航_职场_04
这是咱这儿51CTO的:
瞎聊几个IT网站的导航_IT网站_05
比较之下,这几个导航栏都有些共通点,就是它们的上下结构:上面按照产品种类来分,下面按照频道内容来分(有些区分的并不严格,不过大致是如此)。
JavaEye的导航栏是我比较欣赏的。当然一方面是由于JavaEye的内容比较明确,关键词的选择上可以宽松一些;另一方面的优点可能要亲自体验一下才明白了,就是它的导航栏与它的频道结合的十分紧密(它们称作是垂直频道)。无论到了哪个页面,都是和同一个导航栏相连;可以说整个JavaEye网站的结构都显示在这导航栏之上,十分清晰。
CSDN的导航栏吧,我怎么看怎么觉得有点东一榔头西一棒子的感觉。好比Java的左边是创业,右边是安全,让人摸不着头脑……诚然它的频道就是这么分的,不过作为一个导航栏,实在有点把瓜子、葱油饼干和奥利奥放进同一个饼干盒里的感觉。
ITPUB的导航很清晰:数据库->开发->管理,每个频道结构都一样,走的是简洁路线。咱们的呢有点像是IT类门户导航的感觉,覆盖面比较广,而且是一个频道一个风格。
导航栏其实也就算是用户体验中的一个细节,也是不可或缺的一个部件。其实下面这样的导航也很好:
瞎聊几个IT网站的导航_IT网站_06
事实上从结构上来看应该是51cto最新的导航了,不过目前在频道间的普及率还不高。应该说,由于历史原因而导致不同频道的导航栏不一样的事情是可以想象的;不过在网站内部使用同一风格的导航栏,对于网站整体感官的统一性,以及网站内部的联通性,还是有不少影响的。就像是书的目录一般,一个系列的书就算封面色调再不同,里面的风格总还是一致的。
从阅读体验来说,网页内容相比纸媒内容的最大优点,或者说特点,并不在于那些炫目的多媒体部件,而在于可以实现快速跳转的超链接。读者可以不停地在相关的内容中跳来跳去,直到看烦看累了为止。导航栏做为一组有序排列的超链接,如果能够让读者觉得没有迷路,并且可以让读者不费脑筋的、点击一下或者两下就可以跳转到他们想去的网站内部任意一部分,那么这样的导航栏应该算是成功的。