最近两个网站改版,一个是cnn.com将左侧纵向导航条换成了上方横向导航;一个是bokee的博客论坛,同样将左侧导航换成了横向导航。国内外的两个网站,在这里有点殊途同归的意思。

对于社区类网站,框架下的左侧导航模式似乎已经是落伍的玩意儿。比如流行的discuz模式基本上已经成了现在BBS社区的标配。在discuz模式下,导航是通过一个首页面来完成的,用户的视线是从上到下,而不象以前从左到右。其实其他开源的bbs系统也多是如此导航,因为开源bbs都是针对版块不太多的小bbs。而由于discuz等等流行,很多设计人员以为用户习惯了discuz,就重新考虑传统的框架左侧导航。不过,如果他们细细想想就会明白,discuz只能对小型论坛适用,而对于动辄上百,乃至上千的大型BBS社区,discuz模式将无法导航――用户视线一直从上到下,并不一定适用于大型社区。

仔细分析一下,其实对于版块众多的大型社区,有4种导航方式:框架左侧导航(目前多数国内大型社区的选择,比如天涯);框架上方导航(用daqi举例一下效果);非框架左侧导航(我暂时只找到了cnn二级页面的例子);非框架上方导航(博客论坛)――上述4种导航模式,到底哪种最适合大型社区呢?

框架上方导航:其实除了daqi的例子,更好的例子是office软件――从视觉效果上来说,都是框架上方导航。这种导航方式最大的问题是无论用户怎么下拉滚动条,导航条永远在用户当前窗口上面,使得用户界面人为地变短了,非常不好;其次,上方导航有一个通病,即如果需要导航的项目多,几排都排不下,就需要下来菜单,这等于是先横向,又回到纵向导航了。

非框架上方导航:这种导航方式,依旧存在导航项目过多后,需要再次纵向下拉菜单的问题。但它改善了上述遮掩用户窗口的问题。不过,却因此产生了另外的问题:当用户下拉滚动条后,导航条将被隐藏。对于这个问题,我们先摆在这里,下面讨论。

框架左侧导航:传统的框架左侧导航,看似存在着呆板,对搜索引擎不友好等等问题,但它对于社区来说有一个巨大的优势:用户在任何页面位置,左侧导航条都一直存在,这方便用户随手点击,去浏览其他版块,因此增加了交互性。因为一般左侧导航条中,当前版块的上下位置,都是相关版块,这相当于用户从一个主题参与到另外一个相关主题。而同时,框架左侧导航对用户界面的“损害”又相对框架上方导航要小很多。

非框架左侧导航:这种导航方式很少见,因为它同样存在下拉滚动条,就会将导航条隐藏的问题。

所以,我对导航条设计的思路是建立在一个基础之上:第一,普通用户上网只会“点击”页面上“已经存在”的元素――而下拉,回退等等操作,对于普通用户其实是“高级操作”;第二,因此对于社区网站来说,导航条一直出现在页面当前窗口,是一个必须的选择,将会大大增加用户的活跃度和交互性;第三,既然如此,两害权其轻,还是应该选择左侧框架导航。

那么回到这篇博客的开始,cnn为什么要把左侧导航更换为上方导航呢?因为cnn压根不是一个社区网站,而是一个媒体网站。它这样改版后,页面的视觉效果比左侧导航要好很多。所以对于cnn来说,这样的改版是一个可以接受的选择。

博客论坛为什么也改为非框架上方导航呢?对不起,我不知道,您得去问他们。


26条评论

  1. 不知道有可隐藏的导航条吗?

  2. 不知道有可隐藏的导航条吗?

  3. 亚子 发表于2006-05-09 9:05 PM IP: 220.169.11.*

    不知道有可隐藏的导航条吗?

    ——–

    得,我整个儿白写--我的意思就是千万别隐藏导航条。

  4. 首先,discuz模式的前辈是雷傲、动网。

    动辄上百,乃至上千的大型BBS社区……可以用的格式不少:

    http://www.baron.com.cn/javascript/dao/20020722dao2.htm

    http://www.baron.com.cn/javascript/dao/20020220dao3.htm

    http://www.baron.com.cn/javascript/dao/0928dao1.htm

    我说的类似这个:

    http://www.baron.com.cn/javascript/dao/0301dao2.htm

    比天涯那样的导航强多了

  5. 客齐集社区的导航属于哪一类呢?

    http://bbs.kijiji.com.cn

  6. 回 亚子

    讨论的前提是彼此花点时间阅读对方的文字,对吧?我通篇文章以及第一次回复您,都在强调:我认为,隐藏导航栏的方式(即你举例的那几种)对社区不妥,因为“普通用户上网只会“点击”页面上“已经存在”的元素”,而不会试图让用户将鼠标移动上去,然后弹出菜单,再选择。

    但您偏偏一次次举同样的例子,来试图说明什么?!我难道不知道有你举例中的隐藏导航方式吗?!我恰恰就是否定这种方式啊!

    你可以坚持你的判断,但你至少应该明白我在讲什么--在你参与讨论时。这也是彼此的尊重,对吧?

    回 红色的尖叫

    不客气的说,我认为客齐集很多地方是在扯淡--从域名开始,很多地方他们都是在扯淡。比如你举例的这种社区导航方式,很明显是拷贝某个国外网站的,而并不适合中国用户的习惯。

  7. 补充说明一下,客齐集的bbs是属于非框架右侧导航,和非框架左侧导航一样,即和cnn现在的二级频道导航模式一样,只不过一个在右边,一个在左边。

  8. 先声明一下:俺喜欢的是“麦田对用户感受的关注”,不是“俺喜欢麦田”对用户感受的关注,NND,真绕嘴!

    ————————

    咱也说说麦田定义的四种(也许更多)导航条的感觉,麦田同学认为导航条可以分成“框架”、“非框架”、“左侧”、“上部”组合而成。

    针对这四种方式,麦田从用户感……更多评论尽在“板儿砖”(rowdy在“板儿砖”拍你)

    ===

    板儿砖–飞奔的蜗牛

  9. “俺更相信多数用户习惯导致了CNN改变导航方式,而不是因为CNN是个什么类型的网站的问题。”

    —清早起来,逻辑特别清晰呢!嗬嗬!

    —精彩!

    ……更多评论尽在“板儿砖”(z13在“板儿砖”拍你)

    ===

    板儿砖–飞奔的蜗牛

  10. 你的意思就是千万别隐藏导航条,能不能综合一下。让用户定制导航条,感兴趣的栏目留下,不要的删掉。

  11. 发表一下看法:

    1.认同如此细的思考用户感觉;

    2.但如果选不定,那就让用户自己选,没必要为用户作主,做四种方式,用户选就是了;

    3.说了四种方式导航,其实还可以变种为第五种:

    A、上方导航

    B、浮动导航(不管如何下拉,都在上方)

    C、导航中加一更多,用户如点更多中某个,就……更多评论尽在“板儿砖”(cnsns在“板儿砖”拍你)

    ===

    板儿砖–飞奔的蜗牛

  12. bridger 发表于2006-05-10 10:39 AM IP: 219.142.135.*

    你的意思就是千万别隐藏导航条,能不能综合一下。让用户定制导航条,感兴趣的栏目留下,不要的删掉。

    ———

    用户基本不会使用“定制”功能,只有一种例外,类似原来西祠的“版块订阅”,当用户订阅后,系统自动添加相关版块到导航栏中--在这种操作下,对用户的要求是比较低的,还有可能有用户使用。不过我估计,即使如此,真正订阅版块的也都是“老网虫”,普通用户还是会一次次从导航栏去访问相关版块,即使看起来这样的操作很麻烦。

  13. 可以比较一下MySpace, Orkut等国外大型社区网站, 多数都拥有大量子论坛/圈子, 但是都没有提供菜单式论坛/圈子导航。

    象天涯这样把大量的论坛列在左侧以供人选择的设计并不是很理想的做法,甚至很不合谐。 多数时间多数人在论坛上并不是要求对所有的论坛都需要直接导航的, 一般是最多几个论坛,但同时对其他论坛的热点话题有所顾及即可。 而且在论坛数量多到一定程度后全部列出也不现实。

    很同意Discuz因循守旧的看法,据说周弘一还投资了discuz,真看不出discuz除了做为一个产品有一定的用户群外有哪些潜力, 包括新推出的那个号称web2.0的x-space也是个不伦不类。

  14. 看了很多麦田的文章,收益非浅。今天re一下文。又学到东西了。用户的确很“笨”,很“懒”。就像麦田说的,不会定制,只会点界面上存在的东西。呵呵。

  15. 实话说 看到标题就知道结论了 :D

    就好像以前有人在blog上要比较blog招聘和传统招聘哪个更好的性质一样

    处在一定的“语境”“环境”下去看问题,作出的结论只能是适合所出发环境的结论,而不可能放之四海

  16. 补充说明一下,客齐集的bbs是属于非框架右侧导航,和非框架左侧导航一样,即和cnn现在的二级频道导航模式一样,只不过一个在右边,一个在左边。

    __________________________________________

    我看不出客齐集社区右边那个是导航条,注册了它的用户进去看,还是看不出来,或许这正是客齐集扯淡的地方吧:)

    客齐集在ebay中国旗下吧,嘿嘿,不知道TOM喜不喜欢。

  17. discuz已经开发了左侧导航条的功能,去他们论坛上看看就知道了。

    对于大型的版面很多的论坛来说左侧是最佳选择。比如:新浪搜狐网易tom天涯西祠等等等等。

    版面少的论坛上面是最佳选择。

    用户体验不是网站吸引用户的决定性因素,小熊在线的论坛那么老那么烂,人气一样很旺,关键还是满足用户需求!

  18. 用户基本不会使用“定制”功能,只有一种例外,类似原来西祠的“版块订阅”,当用户订阅后,系统自动添加相关版块到导航栏中--在这种操作下,对用户的要求是比较低的,还有可能有用户使用。不过我估计,即使如此,真正订阅版块的也都是“老网虫”,普通用户还是会一次次从导航栏去访问相关版块,即使看起来这样的操作很麻烦。

    ———

    那能不能系统聪明些,挖掘出用户常去的栏目,自动生成导航条。当然也要保留缺省和定制的选择。

  19. 导航是一个网站必备的要素,导航设计的优劣直接影响到用户对网站的使用。而社区网站的导航,又有她自己的特点。由于大型社区往往拥有更多的板块划分和内容,因此导航在这里就显得更为重要,用户使用频率高,依赖度强,这也就相应的增加了社区导航的设计难度。

    我认为社区的导航设计应该遵循一下几个原则:

    1 “随时”出现在用户手边

    2 尽量减少对页面的占用

    3 给用户良好的“位置感”

    下面我们来一一进行分析:

  20. 分析很有道理,但是结论不同意。

    我认为,如果是CNN这种纯粹内容的网站,导航放在头顶,拓宽下部展示空间是可以的,甚至我觉得

    这种提供内容,用户能作的动作主要是观看的网站,应该把导航栏非框架左导航,

    结构清晰,而且内容是网站自己制作的,可以把右边的内容做的简短一点,只做一屏,

    也不会出现翻页过多情况使用户很麻烦。

    对于天涯这种论坛,我觉得我更喜欢象淘宝的论坛导航,是左边非框架导航,我个人很不喜欢页面

    有一块不能动,使用户的浏览的界面变得很小,而且无论翻到哪个界面,左边的内容始终

    是一样的,这样给人感觉非常重复!用户随时可见的导航对于新手也许有必要,但是对于

    经常上的网站,时刻存在的大块导航肯定会成为视线的累赘。

    对于web2.0的网站,我认为最好是头顶非框架的导航,因为,web2.0的共性是

    用户为网站提供内容,那么用户的内容是网站的重点的重点,用户提供内容的

    个性化是重点,整个网站的Logo导航,只是不重要的东西,因为每个页面这一部分都一样,

    放在头部,可以把页面绝大部分的空间给予用户的个性内容。详见淘宝的个人店铺,

    淘宝的logo和导航只占了头顶少少的一行,下面全部是用户的内容,用户得到最大体现。

    愿与博主讨论。

  21. 1、导航条就是汽车的方向盘,要么左边,要么右边,你要非得在中间,你那就是F1,老百姓没机会开那玩意儿,大家能习惯的,也就那么两种。所以,我的观点,这东西别玩花样,需要固定,铁板订钉的,象IE的按钮一样,网站只有一直坚持一种模式就是不变,阅者心里才踏实,哪怕笑你蠢,他也接受你了。至于是左竖还是上横,反正屏幕就那么大,要么一直占着块地方,要么一拉就给拉没了,必选其一,我个人的印象是,自生内容的,选择左竖,网站自己编内容的,选择上横。

    2、用户的感受,如同女人心态,只要你不是明显错了,尽可以把意图强加给她,强迫之,而不能太在乎,没必要问太多,越问越糊涂,最后自己都不知道要干嘛了。大多数网民还处于野蛮人阶段,不用花钱给他置办桌椅板凳,有块石头让他坐着就可以了,关键是肉要香要大块,他便走不动道了。

  22. 谢谢楼上bridger、iqst、ouspec、梦游客等网友的意见,特别是梦游客网友的意见,话糙理不糙。尤其是第2条,非常符合国情。

  23. 大型(如天涯吧)论坛还真就目前的导航比较合理

    163等也都这样的

    至于亚子说的隐藏 js代码等无须考虑

    不要说高级不高级 这个体验是非常之差的

    还有用户习惯的培养很重要

    梦游客的说的第一条一样

    ps 还有那个方向盘的比喻 很有意思

  24. 不晓得我的意见是否跟你一致。左侧导航还是头部导航,取决于用户群对内容的关注。。

    CNN的信息层次非常丰富,用户往往只需要在某一个栏目下去深度挖掘就会很happy了。。其他的那些栏目,用户不会频繁的去阅读。。

    对于其他的网站,采用左侧导航,或者你说的左侧框架式导航,我觉得只有内容层次比较少,频道间需要频繁跳转,才是最佳的选择。。

  25. 这个讨论很有意思。

    麦田是认真的人。学习了:)

  26. 其实最舒服的是右侧导航~~

发表评论

评论也有版权!