[引用]简洁有语意的页面地址

地址:http://www.rexsong.com/blog/article.asp?id=386

简洁有语意的页面地址可以让用户获取更好的体验,我觉得首先是满足了界面设计的三大原则之“减少用户记忆容量”。

简洁的URL

不简洁的url通常表现在两个方面,一是内容(目录),二是逻辑(参数)。

简洁的url http://club.yule.sohu.com/r-fun_pics-4286776-0-77-0.html
复杂的url http://club.yule.sohu.com/yulemain.php?b=fun_pics&c=24&a=4286776

流传甚广的“15种网站最差的用户体验”中有一条,我觉得还是很有道理:
Quote
12. 过复杂的文件目录及文件名。

过复杂的文件目录及文件名,不利用搜索引擎对页面的拾取,并且也不利于浏览者的记忆。几乎100%的人输入网址时会用到IE的缓存,目录和文件过于复杂,排在IE缓存很靠下的地方,你当然被第二次访问的机率小的多。

不要说什么用收藏夹,你以为会有超过一半的人会用收藏夹吗?而且象我这种收藏夹过于庞大的人,想在收藏夹里找一个网址也是比较不容易的。
有语意的URL

有语意是指url本身和页面内容有联系。

有语意的url http://home.wangjianshuo.com/cn/20060520_mashup_camp_c_2_.htm
无语意的url http://www.rexsong.com/blog/article.asp?id=383

www.flickr.com

Flickr申请后,默认个人目录是根据id计算的一串类似"50965410@N00"加密字符串。
http://www.flickr.com/photos/50965410@N00/

开通后,可自行设置个人识别的目录,这种稍微麻烦的意义在于,个人目录可以和id不一样,提高了灵活和安全性。
http://www.flickr.com/photos/songvision/

功能性的操作,功能就是最后一级目录,非常明确。
http://www.flickr.com/photos/upload/
http://www.flickr.com/photos/organize/

群地址类似个人地址,同样可以自由设置目录和(组名)不一样。
http://www.flickr.com/groups/
http://www.flickr.com/groups/csser-org/ (CSSer)
http://www.flickr.com/groups/upa/ (UPA)

个人目录信息获取,tags是标签,sets是组。
http://www.flickr.com/photos/songvision/tags/
http://www.flickr.com/photos/songvision/tags/cutie/
http://www.flickr.com/photos/songvision/sets/
http://www.flickr.com/photos/songvision/sets/72057594135086850/

Flickr在网站主体功能上没有使用二级域名,只有图片直接调用url使用了很特殊的static。
http://www.flickr.com/photos/songvision/154795656/

Original http://static.flickr.com/65/154795656_912ae0d791_o.jpg
Medium http://static.flickr.com/65/154795656_912ae0d791.jpg
Small http://static.flickr.com/65/154795656_912ae0d791_m.jpg
Thumbnail http://static.flickr.com/65/154795656_912ae0d791_t.jpg
Square http://static.flickr.com/65/154795656_912ae0d791_s.jpg

以上例子中很容易发现,"154795656"是图片的识别码,"_o, _m, _t, _s"是规格参数,"65"和"912ae0d791"应该是加密识别的字符串,并且和图片识别码共同保证图片url是唯一的。

del.icio.us

注册的id默认为个人目录。
http://del.icio.us/songvision/

值得称道的是,对tags支持"blog+microsoft"这样的组合目录浏览。
http://del.icio.us/songvision/blog/
http://del.icio.us/songvision/blog+microsoft/

其他各方面的简洁和语意也做的挺好。
http://del.icio.us/post/
http://del.icio.us/help/linkrolls/
http://del.icio.us/settings/songvision/bundle/

www.yahoo.com

是一个很特殊的例子,呈现给用户的url都非常简洁,这是首页频道情况。

点Games打开 http://www.yahoo.com/r/28 跳转到 http://games.yahoo.com/
点Sports打开 http://www.yahoo.com/r/26 跳转到 http://sports.yahoo.com/

新闻的典型页面url,有语意且简洁清晰。
http://news.yahoo.com/s/ap/20060530/ap_on_go_pr_wh/bush
http://news.yahoo.com/s/ap/20060530/ap_on_re_la_am_ca/colombia_elections

与国内同类的三大门户新闻内容页url做个对比。
http://news.sina.com.cn/c/2006-05-30/13159069266s.shtml
http://news.sohu.com/20060530/n243477713.shtml
http://news.163.com/06/0530/00/2IB3JC5N00011229.html

Url使用方案

典型的博客服务网站url方案对比。

Bokee博客,使用的二级域名。Blueidea, Blogbus也采用这个方案。
http://furongjiejie.bokee.com/
content url http://furongjiejie.bokee.com/5116472.html
http://flyingbird.blueidea.com/
content url http://flyingbird.blueidea.com/archives/2006/1691.shtml
http://ciox5.blogbus.com/
content url http://ciox5.blogbus.com/logs/2006/03/2137416.html

Msn个人空间,二级域名的二级个人目录形式。Donews, Opera也采用这个方案,二级域名不同而已。
http://spaces.msn.com/wateraiwa/
content url http://spaces.msn.com/wateraiwa/blog/cns!8B0902C38AF41355!169.entry
http://blog.donews.com/dodo/
content url http://blog.donews.com/dodo/archive/2006/05/17/873448.aspx
http://my.opera.com/tifa/
content url http://my.opera.com/tifa/blog/show.dml/259537

Sina博客,二级域名的三级个人目录形式。中间的目录"u, m"是什么意思呢?而且好象不是每个人都能申请“id目录”。
http://blog.sina.com.cn/u/47579f370100044n
http://blog.sina.com.cn/m/xujinglei
content url http://blog.sina.com.cn/u/46f37fb5010003g0

Sohu博客,使用的三级域名。Hexun也采用的类似这个方案。
http://jinhaixin.blog.sohu.com/
content url http://jinhaixin.blog.sohu.com/3706253.html
http://tangwuxin.blog.hexun.com/
content url http://tangwuxin.blog.hexun.com/3906554_d.html

163博客,看起来很抽象,至少使我这个用户很迷茫。
http://www2.blog.163.com/-MBB0.html
content url http://www2.blog.163.com/article/-MBB0-u1-v2m.html
http://www5.blog.163.com/-b4Yg.html
content url http://www5.blog.163.com/article/-b4Yg-veBwV_.html

对于SNS类网站来说,我觉得delicious和flickr的url方案具有比较好的参考价值。

相关讨论

用户体验第一步,从地址栏开始 http://www.blueidea.com/bbs/NewsDetail.asp?lp=1&id=2593998
posted @ 2006-05-31 10:14  雀巢咖啡  阅读(248)  评论(0编辑  收藏  举报