神马文学网导航条的选择
来源：百度文库 编辑：神马文学网 时间：2024/04/30 00:13:35
最近两个网站改版，一个是cnn.com将左侧纵向导航条换成了上方横向导航；一个是bokee的博客论坛，同样将左侧导航换成了横向导航。国内外的两个网站，在这里有点殊途同归的意思。
对于社区类网站，框架下的左侧导航模式似乎已经是落伍的玩意儿。比如流行的discuz模式基本上已经成了现在BBS社区的标配。在discuz模式下，导航是通过一个首页面来完成的，用户的视线是从上到下，而不象以前从左到右。其实其他开源的bbs系统也多是如此导航，因为开源bbs都是针对版块不太多的小bbs。而由于discuz等等流行，很多设计人员以为用户习惯了discuz，就重新考虑传统的框架左侧导航。不过，如果他们细细想想就会明白，discuz只能对小型论坛适用，而对于动辄上百，乃至上千的大型BBS社区，discuz模式将无法导航――用户视线一直从上到下，并不一定适用于大型社区。
仔细分析一下，其实对于版块众多的大型社区，有4种导航方式：框架左侧导航（目前多数国内大型社区的选择，比如天涯）；框架上方导航（用daqi举例一下效果）；非框架左侧导航（我暂时只找到了cnn二级页面的例子）；非框架上方导航（博客论坛）――上述4种导航模式，到底哪种最适合大型社区呢？
框架上方导航：其实除了daqi的例子，更好的例子是office软件――从视觉效果上来说，都是框架上方导航。这种导航方式最大的问题是无论用户怎么下拉滚动条，导航条永远在用户当前窗口上面，使得用户界面人为地变短了，非常不好；其次，上方导航有一个通病，即如果需要导航的项目多，几排都排不下，就需要下来菜单，这等于是先横向，又回到纵向导航了。
非框架上方导航：这种导航方式，依旧存在导航项目过多后，需要再次纵向下拉菜单的问题。但它改善了上述遮掩用户窗口的问题。不过，却因此产生了另外的问题：当用户下拉滚动条后，导航条将被隐藏。对于这个问题，我们先摆在这里，下面讨论。
框架左侧导航：传统的框架左侧导航，看似存在着呆板，对搜索引擎不友好等等问题，但它对于社区来说有一个巨大的优势：用户在任何页面位置，左侧导航条都一直存在，这方便用户随手点击，去浏览其他版块，因此增加了交互性。因为一般左侧导航条中，当前版块的上下位置，都是相关版块，这相当于用户从一个主题参与到另外一个相关主题。而同时，框架左侧导航对用户界面的“损害”又相对框架上方导航要小很多。
非框架左侧导航：这种导航方式很少见，因为它同样存在下拉滚动条，就会将导航条隐藏的问题。
所以，我对导航条设计的思路是建立在一个基础之上：第一，普通用户上网只会“点击”页面上“已经存在”的元素――而下拉，回退等等操作，对于普通用户其实是“高级操作”；第二，因此对于社区网站来说，导航条一直出现在页面当前窗口，是一个必须的选择，将会大大增加用户的活跃度和交互性；第三，既然如此，两害权其轻，还是应该选择左侧框架导航。
那么回到这篇博客的开始，cnn为什么要把左侧导航更换为上方导航呢？因为cnn压根不是一个社区网站，而是一个媒体网站。它这样改版后，页面的视觉效果比左侧导航要好很多。所以对于cnn来说，这样的改版是一个可以接受的选择。
那博客论坛为什么也改为非框架上方导航呢？对不起，我不知道，您得去问他们。
对于社区类网站，框架下的左侧导航模式似乎已经是落伍的玩意儿。比如流行的discuz模式基本上已经成了现在BBS社区的标配。在discuz模式下，导航是通过一个首页面来完成的，用户的视线是从上到下，而不象以前从左到右。其实其他开源的bbs系统也多是如此导航，因为开源bbs都是针对版块不太多的小bbs。而由于discuz等等流行，很多设计人员以为用户习惯了discuz，就重新考虑传统的框架左侧导航。不过，如果他们细细想想就会明白，discuz只能对小型论坛适用，而对于动辄上百，乃至上千的大型BBS社区，discuz模式将无法导航――用户视线一直从上到下，并不一定适用于大型社区。
仔细分析一下，其实对于版块众多的大型社区，有4种导航方式：框架左侧导航（目前多数国内大型社区的选择，比如天涯）；框架上方导航（用daqi举例一下效果）；非框架左侧导航（我暂时只找到了cnn二级页面的例子）；非框架上方导航（博客论坛）――上述4种导航模式，到底哪种最适合大型社区呢？
框架上方导航：其实除了daqi的例子，更好的例子是office软件――从视觉效果上来说，都是框架上方导航。这种导航方式最大的问题是无论用户怎么下拉滚动条，导航条永远在用户当前窗口上面，使得用户界面人为地变短了，非常不好；其次，上方导航有一个通病，即如果需要导航的项目多，几排都排不下，就需要下来菜单，这等于是先横向，又回到纵向导航了。
非框架上方导航：这种导航方式，依旧存在导航项目过多后，需要再次纵向下拉菜单的问题。但它改善了上述遮掩用户窗口的问题。不过，却因此产生了另外的问题：当用户下拉滚动条后，导航条将被隐藏。对于这个问题，我们先摆在这里，下面讨论。
框架左侧导航：传统的框架左侧导航，看似存在着呆板，对搜索引擎不友好等等问题，但它对于社区来说有一个巨大的优势：用户在任何页面位置，左侧导航条都一直存在，这方便用户随手点击，去浏览其他版块，因此增加了交互性。因为一般左侧导航条中，当前版块的上下位置，都是相关版块，这相当于用户从一个主题参与到另外一个相关主题。而同时，框架左侧导航对用户界面的“损害”又相对框架上方导航要小很多。
非框架左侧导航：这种导航方式很少见，因为它同样存在下拉滚动条，就会将导航条隐藏的问题。
所以，我对导航条设计的思路是建立在一个基础之上：第一，普通用户上网只会“点击”页面上“已经存在”的元素――而下拉，回退等等操作，对于普通用户其实是“高级操作”；第二，因此对于社区网站来说，导航条一直出现在页面当前窗口，是一个必须的选择，将会大大增加用户的活跃度和交互性；第三，既然如此，两害权其轻，还是应该选择左侧框架导航。
那么回到这篇博客的开始，cnn为什么要把左侧导航更换为上方导航呢？因为cnn压根不是一个社区网站，而是一个媒体网站。它这样改版后，页面的视觉效果比左侧导航要好很多。所以对于cnn来说，这样的改版是一个可以接受的选择。
那博客论坛为什么也改为非框架上方导航呢？对不起，我不知道，您得去问他们。
导航条的选择
导航仪 选择_导航仪怎样使用_导航仪的使用方法_
五彩缤纷的导航条（代码）
五彩缤纷的导航条（代码）
制作水晶导航条
资料－导航条
Dreamweaver——导航条的设计及制作
用CSS设计的纵向导航条实例
艾灸条艾绒的选择要点
男人选择妻子的15条标准
艾灸条艾绒的选择要点
6850告别难用的导航键。。。 可以用触控选择电话别等常用工具。。 - Raphael(6...
首页日志导航条代码
首页日志导航条代码
Photoshop制作特色导航条
电话导航：运营商转型冲动下的理性选择＿其它行业＿电话导航＿SP论坛＿SPFORUM＿上方网
导航菜单_导航菜单代码,flash导航条,导航代码特效下载
带导航仪手机_如何购买导航仪_怎样选择导航仪_
如何选择导航仪_如何选购导航仪_如何使用导航仪_
div+css制作导航条时到底#nav,#nav li,#nav li a,#nav a具体是导航条里的什么呢？
选择股票十条
求职成功必读：选择简历照片的11条规则
男人选择妻子的15条标准转载
男人选择妻子的15条标准 - Qzone日志