左侧边栏还是右侧边栏 ?

对于个人博客来说,一般的布局都正文加上侧边栏的样式. 问题来了, 究竟是把侧边栏放在左边呢, 还是右边? 哪个更好? 我个人觉得, 侧边栏放置在右边更友好一些.

举个 FM/CM 游戏的例子. 很早之前的版本, 侧边栏都是左边的, 玩过的朋友应该记得. 到了最近几年的版本, 默认的皮肤都是右侧边栏的, 如果是左边, 会特意标明的. 以前我还没太注意这个变化, 现在考虑博客侧边栏位置的时候, 很自然的就想起这个例子. 我想 SI 这个细节的处理是为了增加用户体验的. 同样, 我们开博为的就是和大家分享, 一起交流, 谁都愿意给浏览者一个良好的体验.

先从浏览习惯说, 我们大都是从左到右, 自上而下的阅读. 正文作为博客的主体, 放在相对靠左的位置是很自然的. 读者打开页面会很自然的从左上开始阅读, 之后才会去关注右侧边栏的内容. 这样比较符合一般的习惯. 如果侧边栏在左侧, 情况就变了, 读者还是自然定位到左上角, 发现是侧边栏, 然后向左跳过侧边栏, 开始阅读正文.

另外也可以从左右手习惯的角度考虑. 一般的情况下, 左撇子是少数, 也就是说来访者大部分应该都是右手习惯的, 握鼠标自然也用的是右手. 相对的, 右侧侧边栏能在一定程度上减少鼠标的移动, 这样更有利于读者. 因为大家都希望越简单越好, 比如最好在右上角就能找到搜索框, 一眼就能看到橙色的 RSS 图标. 其实鼠标跨过整个屏幕并不是什么麻烦的操作, 尤其现在鼠标的 DPI 动辄就上千, 但是如果可以, 我们为什么不多从用户的角度考虑呢? 方便一点是一点. 刚刚提到的 FM 的例子就是右手习惯的应用. 把本来放在左侧的功能菜单移到了右侧, 看似只是位置的改变, 实际上却极大的增加了玩家的体验.

最后说一下右侧侧边栏到底对搜索引擎友不友好. WP 中文论坛上也有关于侧边栏位置的讨论, 有人提到把侧边栏放到右边可以更好的让搜索引擎蜘蛛抓取正文内容. 如果说蜘蛛爬网页时候仅仅看页面内容而不看样式表的话, 就 WordPress 来看, 我觉得上面的说法是不完全正确的. 一般的 WordPress 主题都是按照页眉, 正文, 侧边栏, 页脚的顺序调用的, 而正文和侧边栏的位置是通过样式表来控制的. 也就是说, 你把侧边栏放在哪一边都没关系, 蜘蛛都会先爬过正文, 再去看侧边栏的. 所以只要你能保证正文的内容出现在前, 也就无所谓侧边栏靠左还是靠右了.

我对用户体验什么的一窍不通, 上面仅仅是我从一个普通用户角度考虑得出的一点感受, 合理不合理我自己也不知道, 只是觉得这样应该是友好的, 易用的. 你也可以轻易的反驳我的观点. 比如gmail, yahoo, qq 等邮箱, 功能菜单都是在左侧, 信件列表居右, 这个怎么解释? Windows 的开始菜单在左侧, 好像 Mac OS 和 Linux 的大多数发行版也都是, 这又是为什么呢?

大家不妨留言来谈谈你对侧边栏位置的看法. 谁要是能给我解释解释邮箱和开始菜单的困惑, 就更好了!

26 Comments

  1. 川叶 at 13:47 2008-07-31

    MG12也有过你一样的困惑。http://www.fighton.cn/should-a-sidebar-go-on-the-left-or-right/
    至于开始菜单和邮箱的问题,我想,那毕竟是功能优先而非内容优先的。邮箱的内容虽然表面上看是挺重要的,但是从操作上来讲,功能确实首位的。所以对于一个UI来讲,操作是首先要考虑的,其次才是内容。但是Blog有其特殊性,很大程度上是内容优先而非操作优先的(除非是常客或者admin)。人们往往是通过搜索引擎直奔主题的,而不希望有其它的因素干扰。所以blog把侧栏放在右边确实是很容易优化体验的。
    以上仅是我个人的理解

    • motta at 14:29 2008-07-31

      感谢川叶的解释! MG12 的文章不错, 很值得参考. 的确, 博客可能更特殊一些, 需要内容优先. 豁然开朗. :D

  2. 偶爱偶家 at 21:22 2008-07-31

    其实我觉得这个东西放左边还是放右边还是跟再重要性有关的.

    首先侧边栏不如文章重要, 所以看文章是首要的, 首要的一般都在左边. 侧边栏放在右边是供无聊的时候使用的.

    开始菜单在左边, 就是因为其重要, 而且往右展开人比较习惯, 如果有一个东西, 你本身一直盯着右边的, 突然往左边移动, 你眼睛就会移动到左边, 而这个时候会移过头再往右边移, 所以就会不方便.

    这样的估摸的话, 那些从右往左读的过度, 他们的系统可能开始菜单是在右边的.

    • motta at 21:30 2008-07-31

      后来我又想了想, 邮箱的收件箱, 写邮件什么的都在左边还是很有道理的, 毕竟打开邮箱之后要看有多少新邮件, 多少垃圾邮件, 等等. 操作系统的开始菜单是一路向右, 符合习惯. XD

  3. mottadd at 23:00 2008-07-31

    支持放右边

  4. !CnSoLoer at 00:33 2008-08-01

    网页主体内容当然得有优先加载显示权,侧边工具栏则次要。因为网页内容加载一般是自上而下,自左而右,这样侧边栏就自然需放在右边了。

  5. !CnSoLoer at 00:48 2008-08-01

    奇怪博主怎么会把邮箱和操作系统的菜单栏和一般博客的工具栏的位置拿出来相比较。

    比方说一般的门户网站最上面的导航一样,这是非常重要的。而博客是文章最文章重要的,不然博客就不是博客了,所有的博客也就成了门户网站,像新浪,网易,或者天涯,猫扑等等那般了。

    博客不是导航站,只能这么说。博客可以只要主体文章部分而较好的存在。不知道对于你自己的博客你的侧边栏的链接,你平时每次访问时会点击几个。这些侧边栏是完全可以移除,而丝毫不影响这个所谓的博客网站的。

    • motta at 12:04 2008-08-01

      多谢你的解释. 我仅仅是把我自己的想法说了出来, 在高手们看来, 想法应该很幼稚. 不过通过几位朋友的留言, 我现在明白了很多, 非常感谢.

  6. Azrael at 15:05 2008-08-01

    我喜欢放下面- –

    • motta at 15:13 2008-08-01

      在下面的主题也不少~~

  7. 锐风 at 01:19 2008-08-02

    我偏爱右边.

  8. 锐风 at 01:33 2008-08-02

    关于为什么是设计在左边.. 自己 PS 张图看看效果, 然后拿鼠标点来点去就知道是怎么一回事了.

    • motta at 08:13 2008-08-02

      :D

  9. Chada at 10:27 2008-08-02

    咔咔,右边好。放在左边其实也行,但就怕在上面放一些很能吸引人的东西,读者们都把玩这些东西去了,呵呵。

    • motta at 17:06 2008-08-02

      看到很多人上面放个宠物什么的, 总是禁不住去折腾一下~~ hoho

  10. 酋长 at 10:53 2008-08-02

    这个不好说。。
    看你的访问对象吧。。
    但就国人来说。。右边好些。。

    • motta at 17:08 2008-08-02

      对~~ 大家都比较习惯右边的~

  11. yolanda at 16:53 2008-08-20

    侧边栏放在左还是右应该是根据内容的特点来安排的。
    搜索栏、搜索导航应该这些是具有引导性的内容放在左侧,这样更方便用户查看。而对于一些辅助性的内容,论坛热帖、排行榜之类的放在右侧。
    以上仅是个人理解。我的使用习惯是除非很熟悉该网站一般都不会注意右侧栏。

    • motta at 20:42 2008-08-20

      对 WordPress 来说, 三栏的设计也是不错的, 左侧边栏放上功能性更强的菜单, 右侧边栏辅助. 对用户来说, 左侧边栏更加实用. 感谢你的分享. :D

  12. lily at 11:02 2009-03-27

    左侧,不妨告诉博主我还是偏爱左侧边栏右侧正文。
    因为在电脑上看文形成习惯,左侧导航右侧正文,所以上博客开邮箱,前者会直接看向右侧,而后者会先溜一边左边导航。
    而且右撇子鼠标在右,键盘在左,看文时鼠标向右然后上下拉动很方便。
    右侧放重点观看的项目,我想这就是众多邮箱选择左侧边栏右侧正文的原因。

    • motta at 13:43 2009-03-27

      其实还是功能决定布局, 进邮箱最大的关注点就是有没有新邮件, 有几封, 那时候右边收件箱新邮件数目就显得很重要了

  13. 天缘博客 at 00:51 2009-10-20

    这个边栏问题实际上非常复杂,不是一两句话就说的清楚的,各有所长,我也是搜索边栏进来的,就是斟酌到底右边还是左边,还是不改为好,习惯就可以了。

  14. 翎峋 at 21:43 2010-10-04

    看来这个问题已经有很多人经过讨论辩证了。我的边栏原本放右边,现在改到左边了,但感觉有些别扭。

  15. 龙君 at 14:06 2011-10-22

    你好,可以跟你交换个链接吗

  16. 土木坛子 at 22:57 2012-09-03

    PDF文档也是左边的目录内容,看来这个问题不一而足。

  17. 暮春 at 07:56 2012-12-19

    不要边栏的飘过~~~无边栏,无烦恼