简洁有语义的页面地址

来源:百度文库 编辑:神马文学网 时间:2024/04/30 13:32:06
简洁有语义的页面地址可以让用户获取更好的体验,我觉得首先是满足了界面设计的三大原则之“减少用户记忆容量”。
简洁的URL
不简洁的url通常表现在两个方面,一是内容(目录),二是逻辑(参数)。
简洁http://club.yule.sohu.com/r-fun_pics-4286776-0-77-0.html
内容复杂http://xk.cn.yahoo.com/articles/070417/1/2q1.html
逻辑复杂http://club.yule.sohu.com/yulemain.php?b=fun_pics&c=24&a=4286776
流传甚广的“15种网站最差的用户体验”中有一条,我觉得还是很有道理:
过复杂的文件目录及文件名,不利用搜索引擎对页面的拾取,并且也不利于浏览者的记忆。几乎100%的人输入网址时会用到IE的缓存,目录和文件过于复杂,排在IE缓存很靠下的地方,你当然被第二次访问的机率小的多。
不要说什么用收藏夹,你以为会有超过一半的人会用收藏夹吗?而且象我这种收藏夹过于庞大的人,想在收藏夹里找一个网址也是比较不容易的。
有语义的URL
有语义是指url本身和页面内容有联系。
有语义http://home.wangjianshuo.com/cn/20060520_mashup_camp_c_2_.htm
无语义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/
Originalhttp://static.flickr.com/65/154795656_912ae0d791_o.jpg
Mediumhttp://static.flickr.com/65/154795656_912ae0d791.jpg
Smallhttp://static.flickr.com/65/154795656_912ae0d791_m.jpg
Thumbnailhttp://static.flickr.com/65/154795656_912ae0d791_t.jpg
Squarehttp://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 urlhttp://furongjiejie.bokee.com/5116472.html
http://flyingbird.blueidea.com/
content urlhttp://flyingbird.blueidea.com/archives/2006/1691.shtml
http://ciox5.blogbus.com/
content urlhttp://ciox5.blogbus.com/logs/2006/03/2137416.html
Msn个人空间,使用的二级域名的二级个人目录。Donews, Opera也采用此方案,二级域名不同而已。
http://spaces.msn.com/wateraiwa/
content urlhttp://spaces.msn.com/wateraiwa/blog/cns!8B0902C38AF41355!169.entry
http://blog.donews.com/dodo/
content urlhttp://blog.donews.com/dodo/archive/2006/05/17/873448.aspx
http://my.opera.com/tifa/
content urlhttp://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 urlhttp://blog.sina.com.cn/u/46f37fb5010003g0
Sohu博客,使用的三级域名。Hexun也采用此方案。
http://jinhaixin.blog.sohu.com/
content urlhttp://jinhaixin.blog.sohu.com/3706253.html
http://tangwuxin.blog.hexun.com/
content urlhttp://tangwuxin.blog.hexun.com/3906554_d.html
163博客,看起来很抽象,至少使我这个用户很迷茫。
http://www2.blog.163.com/-MBB0.html
content urlhttp://www2.blog.163.com/article/-MBB0-u1-v2m.html
http://www5.blog.163.com/-b4Yg.html
content urlhttp://www5.blog.163.com/article/-b4Yg-veBwV_.html
对于SNS类网站来说,我觉得delicious和flickr的url方案具有比较好的参考价值。
用户体验第一步,从地址栏开始http://www.blueidea.com/bbs/NewsDetail.asp?lp=1&id=2593998
出自:http://blog.rexsong.com/?p=386