记得很久以前在上一家公司有一次会议上讨论博客的导航问题,大概就是”导航是放在左侧还是放在右侧?”基本上大家在会议上都达成了共识就是博客的导航应该是放在右侧,因为内容比较重要,放在左侧可以让用户可以更加注意内容。
最近在看《Web的导航设计》,其中有一部分也提到了关于导航的位置的问题.
在2002年对奥迪网站(www.audi.com和www.audi.de)的改版中,Razorfish Germany挑战了左侧导航的主导地位,把主导航放到了右侧。主要是把奥迪的网站和竞争对手区分开来。他们也想在网站中处处实践奥迪品牌的核心价值”创新”,包括导航。
在这种非标准布局发布之前,我们对64个用户进行了广泛的测试。测试中把一个导航在左侧的版本与右侧版本相比较。每个测试都有三部分组成。
第一部分中,用秒表记下完成五个任务所需的导航时间。结果令人吃惊:对于任何一个任务,两种导航的完成时间都没有显著的差异,包括第一个任务。在后续的任务中,右侧导航实际上要比左侧导航表现更好。
第二部分中,我们研究了参与者在屏幕上的注意力的焦点。我们发现,比起左侧导航系统,人们用右侧导航时往往会多看有内容的一侧。
第三部分中,我们对每名参与者展示两种版本,并直接问他们对右侧导航的看法。64个人中有7个偏爱右侧导航,只有两个明确表示不喜欢。但大多数的参与者表示无所谓。
我最近看了一下博客的统计,让我十分惊讶的是放在我右侧的导航几乎没有点击,那你可能说了放在右可能容易忽略掉,但是我下面的友情链接竟然会有好多点击,也就是说放在右侧的友情链接竟然比右侧放在上面的导航更加吸引点击。
由此可见导航放在左侧还是右侧,通常的常理是习惯问题。而这里还要考虑的问题就是:1、用户到想要什么?2、我们到底要给用户提供什么?
先来看看博客,为什么大多数博客的分类导航都是放在右侧?1、用户来到网站就是想阅读最近的文章。2、我们就是给用户提供文章内容。其实这里根本没有右侧分类导航什么事情,也就是说我们甚至可以把分类导航移走不显示也不会有什么大事情。而且有好多博客的模板就是把导航放在最下面,最上面完全空出来给博客文章。那为什么分类导航在博客上不重要呢?我觉得这是博客的特性所决定的,通常来说,一个博客本身就是一个分类,一个人写的博客文章一般的内容和性质都是差不多的。第二就是博客文章的实效性很强,而且博客文章本身也是按照发表顺序排序的,用户通常就是看第一页面就差不多了,如果想看更多直接单击下面的分页即可。如果想查找某一片特定的文章,直接搜索关键字即可,可见大多数情下根本用不到文章分类。就算要用到分类,博客文章内容中有包含分类的信息,用户如果觉得某一篇文章很吸引人,很自然就是单击文章中的分类进入分类文章页面。另外博客上的Tag云图貌似比文章分类更加能以引人的注意。
我们再来看看门户网站的首页,中国的门户网站喜欢把到访在在顶部譬如sohu和sina,而美国则喜欢放在左侧,譬如yahoo和aol。无论是放在顶部也好,放在做侧也要,他们都是最重要的位置,或者说是用户第一眼能看到的位置。貌似没有一个放在右侧的吧?还是先回答上面那两个问题1、来到门户的首页就是为了找到频道的链接这样可以快速的进入我想要看的频道。2、提供整个门户站点的综合索引。但是我们这里要区别,我们可以看到aol和yahoo的首页内容都不是很多。而sohu和sina的就不一样会更多的提供更多的频道内容在里面。这点可以看出中国人和美国的习惯有所不同。




我们再来看看电子商务网站,分别在ebay.com和taobao.com输入一个关键字搜索,然后出现一个搜索列表,ebay是把结果显示在右侧左侧显示细节分类导航和相关推荐,而淘宝是在上面显示分类,把相关的其他东西放在右侧,而把搜索结果显示在左侧。到底哪个更好呢大家可以想一下。


导航放在左侧还是放在右侧确实不是一个死规定,就像当初通常都认为导航应该放在左侧时候,博客的出现就打破了这个常规,把导航放在了右侧,而事实证明放在右侧有些时候会效果更好。所以有些时候不要被所谓的经验所蒙蔽,仔细分析,打破常规,也许会得到意想不到的惊喜。
11 评论 to 左侧导航还是右侧导航?
长河
五月 2nd, 2009 at 7:33 下午
WP模板的侧栏大多源自于,或者变相源自于欧美风格,所以沿袭着右侧栏的习惯。但,中国人更喜欢左侧栏,我以为
盘龙
五月 3rd, 2009 at 12:07 下午
那么到底是放右边还是左边好呢?个人比较喜欢右边的设计
ZZB
五月 8th, 2009 at 9:07 上午
有些内容是用户一定会看而且想看的,那么主要够显眼放哪都无所谓,就没必要再花太多心思去考究,例如上面举的淘宝的例子。
有些内容是用户不一定想看而网站运营者希望用户能够看一看或顺便看看,那就放在用户不得不看的位置上,例如上面淘宝的例子中右侧部分。
小人
五月 12th, 2009 at 1:41 下午
麻烦作者 请你仔细阅读后在发布出来。你很多地方在误导。还有很多地方错别字。
“中国的门户网站喜欢把到访在在顶部譬如sohu和sina,而美国则喜欢放在右侧,譬如yahoo和aol。无论是放在顶部也好,放在做侧也要,他们都是最重要的位置,或者说是用户第一眼能看到的位置。貌似没有一个放在右侧的吧?”
麻烦你把上面这句话认真的在看一篇再说。 前面说右侧 右边说 没有人放右侧。你这样不负责任的发布 很容易舞蹈一些小朋友
xw
五月 12th, 2009 at 1:45 下午
回复:小人
谢谢指正~~已经改过来了
Lulu
五月 20th, 2009 at 4:16 下午
看来作者再写这篇文章的时候一定是很激动,很紧张,要不怎么能有这么多的错别字呢?本来想好好学习来着,实在是看不下去了~
xw
五月 20th, 2009 at 4:25 下午
真是不好意思~~~引用原文的时候我是直接从照着书打的,没有想到出现那么多错误
博客导航的用户体验 | 微物之神
八月 18th, 2009 at 1:12 下午
[...] 看到谢巍@twitter在他的第8音里写了篇“左侧导航还是右侧导航?”的文章,在Google Reader里做备注,发现要写的东西过多了,于是结合一下我的博客导航部分设计的思路和SEO,放在这里作为一篇日志。 [...]
whiterdog
九月 6th, 2009 at 8:33 上午
还是非常感谢分享自己的认识。让我这个“小盆友”也说说自己的一些个人感受吧。放在左侧能让我更好地检索和选择自己希望得到的内容,放在右侧可以让我更专心地阅读正文内容。
jonsonjin
十一月 12th, 2009 at 1:42 上午
我的經驗是使用者習慣在閱讀
“同一類型或相似度高”的內容時,右側的導航可以方便切換內容。
左側的導航用在切換不同主題時使用,以使用者瀏覽的感覺和心態來做區分。
寂静小站 – 网摘 » 博客导航的用户体验
二月 7th, 2010 at 8:16 下午
[...] 网摘博客导航的用户体验 Feb 07 2010看到谢巍@twitter在他的第8音里写了篇“左侧导航还是右侧导航?”的文章,在Google [...]