打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
简洁有语义的页面地址

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

简洁的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/

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

出自:http://blog.rexsong.com/?p=386

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
我的SEO搜索引擎优化经验 ? 超群.com的博客
老耿的Wordpress博客更换域名手记
深度剖析网站URL
吴韦朋:如何做好营销型网站的SEO优化
Yii的常用URL
门户网站有哪些优化特点
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服