以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://blog.d8in.com/posts/314.html

左侧导航还是右侧导航?

作者:xw  |   发布: (编辑)稻草   |   时间:2009-05-02 00:03:30 文字大小:- +

记得很久以前在上一家公司有一次会议上讨论博客的导航问题,大概就是”导航是放在左侧还是放在右侧?”基本上大家在会议上都达成了共识就是博客的导航应该是放在右侧,因为内容比较重要,放在左侧可以让用户可以更加注意内容。

最近在看《Web的导航设计》,其中有一部分也提到了关于导航的位置的问题.

在2002年对奥迪网站(www.audi.comwww.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是把结果显示在右侧左侧显示细节分类导航和相关推荐,而淘宝是在上面显示分类,把相关的其他东西放在右侧,而把搜索结果显示在左侧。到底哪个更好呢大家可以想一下。

导航放在左侧还是放在右侧确实不是一个死规定,就像当初通常都认为导航应该放在左侧时候,博客的出现就打破了这个常规,把导航放在了右侧,而事实证明放在右侧有些时候会效果更好。所以有些时候不要被所谓的经验所蒙蔽,仔细分析,打破常规,也许会得到意想不到的惊喜。

更多
打印  |  相关话题:导航设计   |  类别:信息和交互  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买