以用户为中心的设计

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

博客导航的用户体验

作者: 米拉之落  |   发布: (网友)稻草   |   时间:2009-05-02 00:41:27 文字大小:- +

看到谢巍@twitter在他的第8音里写了篇“左侧导航还是右侧导航?”的文章,在Google Reader里做备注,发现要写的东西过多了,于是结合一下我的博客导航部分设计的思路和SEO,放在这里作为一篇日志。

我的博客的导航的内容主要分为以下几种:博客分类导航(即放在页面顶部或者左侧/右侧的导航)、标题、翻页/分页导航、其他导航(文章内链接、关键字、友情链接、文章内容导航等)。

博客分类导航

1、导航的放置位置会影响到访客对博客内容的关注度和二次点击。在设计博客导航之初,只有页面的导航,而且习惯性地放在了头部 (header.php)。后来我发现,网页访客统计里有很多访客在点击顶部的页面(page),点击数大大超过了访问量最多的单篇文章的点击量,所以我 在头部的导航里又加入了博客文章分类的导航,设计的时候考虑到要突出主导航条,考虑过下拉或弹出式的分类导航,但是对用户来说并不方便,即使它看起来很 cool。越简单,越直接的东西给访客的体验也越好。为了突出下边的分类导航,我加了浅蓝色的底来突出这部分。我的博客以白色调为主,头部 (header.php)的留白使导航看起来不那么别扭。

2、博客主要是以内容为主,所以导航的作用就不止是分类了。使用分类的导航方式,访客可以快速到达一个分类。但问题是,访客打开了这个分类,是否就 看到了他感兴趣的内容呢?其实在博客的第一页面上,大部分的的内容我们不会去点击的—也就是说,导航仅仅是吸引访客寻找他感兴趣的内容的工具而已。对于网 站设计者来说,设计导航的目的也在于此,如何帮助访客找到他感兴趣的内容,如何吸引访客的二次点击。

3、根据访客行为的数据分析,可以确定导航放在哪里会更好点。我的博客导航在右边,有两个原因:一是内容放在左边易阅读,右边的侧边栏作为导航的一 部分是辅助内容,次要的内容就让他呆在次要的位置上;二个是根据搜索引擎抓取文章的顺序和优化的需要安排导航的放置位置,搜索引擎抓取某个页面是以从上到 下,从左到右的路线来抓取的。把博客内容放置在左边就必须保证标题和内容以及显示在首页面的TAG部分(具体见我的博客布局)有充足的关键字,这样要比仅 仅把侧边导航放在左边更有利。

4、侧边栏部分。我博客现在的右边部分。关于侧边栏应该怎么放,有人写了很多,都很有道理。你可以到http://blogunion.org/blogging-tips/optimize-your-sidebar.html去获得更多了解。

5、导航的title描述。我的博客大部分导航性的语言都是用了英文,这是因为我觉得英文显示起来更美观,于是在对英文导航的title描述中,我尽可能地用了中文描述,这样不至于“赶走”英文不好的访客。

标题导航

1、如上文所说,文章的标题也是一个重要的导航部分,它可以尽可能地引导访客找到他感兴趣的内容,所以,文章标题应尽量包含关键词,标题是一篇文章的核心,搜索引擎也比较看重一篇文章的标题,标题的关键字导航也会利于提升文章的排名。

2、在浏览器标题栏显示的Title也是一种导航,关于Wordpress的Title优化设计,可参考这篇文章

3、由于wordpress中中文标题显示为网址的时候文章的“文章缩略名(Post Slug)”会包含一大串%XX的字符串,很不美观,月光博客做过一个插件,可以将中文标题转化为拼音http://www.williamlong.info/archives/1027.html

翻页/分页导航

这部分我在前面写的一篇文章《wordpress主题设计与访客体验(上)》中有提到。

其他导航

1、文章内链接。这个在我的博客里做的不多,好像可以用插件实现站内关键字链接。

2、tag(标签、关键字)导航。在主页面(index.php)每篇文章下显示tag起到导航的作用。另外像xw说的,我觉得我也有必要把TAG云图放在侧边来,但是考虑到侧边过长的问题,放弃了这个想法。

3、友情链接。这部分我在前面的《wordpress主题设计与访客体验(上)》中也有提到。我个人觉得博客的友情链接放在首页会更好,如果你做的友链的质量很高,一方面可以提升博客的排名,另一方面能给访客一个好的印象,谁能保证访客离开你的博客不会再回来呢?

4、文章内容导航。从搜索引擎抓取页面来看,搜索引擎和人看文章一样,会从第一段看到最后一段,而第一段的内容就是被搜索引擎认为是这篇文字的主要内容,就是显示在搜索引擎的快照里的内容。所以这个地方也是比较关键的部分,对博客内容和访客需要都比较关键的部分。

5、RSS导航。有很多用户经常在使用阅读器或者聚合订阅工具浏览博客的。所以,在侧栏的导航中我尽可能地列出了访客容易订阅的FEED。

写完这篇文章才发现,自己的博客里还存在相当相当多的问题。要好好改改了,尤其是关键字优化方面给用户的体验,很差。

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

UCDChina的书

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

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

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

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

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

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