【水文】从url横向对比大电商网站的搜索细节处理

看到Keep Walking的大电商网站导航用户体验对比一文,感觉有点意思。因为我最近的工作和搜索多少有些关系,而且被中英文分词搞得有点烦,之前我也借鉴模仿过一些网站的搜索功能,所以下面我就来横向对比一下几个电商大佬们的搜索。和Keep Walking兄弟提到的比较站点稍有不同,这次我的对比只选择京东、当当、QQ商城三大综合性网站以及还是一家综合性网站淘宝网。接着还是和Keep Walking稍有不同,我不会从(前端)用户体验的角度来比较搜索,而是更侧重于从搜索的url(网页地址)以及搜索结果页面的关键字来比较一番,毕竟自己搞web开发比较久,对参数传递等等比较敏感一点。

综合性大站

http://www.taobao.com

http://www.360buy.com

http://www.dangdang.com

http://shop.qq.com

一、淘宝

下面的搜索,选择的是淘宝网首页的默认“宝贝”选项卡。

1、单个关键字

(1)、英文
搜索关键字:macbook

url:  http://s.taobao.com/search?q=macbook+&keyword=&commend=all&ssid=s5-e&search_type=item&atype=&tracelog=&sourceId=tb.index

(2)、中文

搜索关键字:苹果

url: http://s.taobao.com/search?q=%C6%BB%B9%FB&keyword=&commend=all&ssid=s5-e&search_type=item&atype=&tracelog=&sourceId=tb.index

2、组合关键字

(1)、无特殊字符
搜索关键字:macbook  苹果

url: http://s.taobao.com/search?q=macbook++%C6%BB%B9%FB&keyword=&commend=all&ssid=s5-e&search_type=item&atype=&tracelog=&sourceId=tb.index

(2)、含特殊字符

搜索关键字:macbook+苹果

url: http://s.taobao.com/search?q=macbook%2B%C6%BB%B9%FB&keyword=&commend=all&ssid=s5-e&search_type=item&atype=&tracelog=&sourceId=tb.index

3、小结
大家可以点击搜索链接看一下搜索结果。我的个人直接感知如下:

(1)、进入淘宝网首页,鼠标默认聚焦在搜索框内(好像是一个无心的微小举动,我可以理解成是淘宝对搜索的重视吗?),搜索框内的放大镜在鼠标焦点在文本框上时自动隐藏;

(2)、对特殊字符和中文都进行了编码,从搜索结果的url上可以很清楚地看到;

(3)、搜索结果页面,搜索框内的关键字和前一页用户输入的结果是完全一致的。

二、京东

1、单个关键字

(1)、英文
搜索关键字:macbook

url: http://search.360buy.com/Search?keyword=macbook

(2)、中文

搜索关键字:苹果

url: http://search.360buy.com/Search?keyword=苹果

2、组合关键字

(1)、无特殊字符
搜索关键字:macbook 苹果

url: http://search.360buy.com/Search?keyword=macbook 苹果

(2)、含特殊字符

搜索关键字:macbook+苹果

url: http://search.360buy.com/Search?keyword=macbook+苹果

3、小结
京东首页的搜索,给我的个人直接感知如下:

(1)、搜索框较短小,默认有推荐搜索关键字,搜索框内的放大镜图标始终显示;

(2)、对中文特殊字符都没有进行编码,从搜索结果的url上可以很清楚地看到;url很简短,关键字虽是明文,但是搜索功能毫不含糊;

(3)、搜索结果页面,搜索框内的关键字和前一页用户输入的结果稍微有点失真。比如含特殊字符的搜索关键字,如“macbook+苹果”,搜索结果页面初始化后少了一个+号,可以推断出他们在后台进行了特殊字符过滤处理。

三、当当

1、单个关键字

(1)、英文
搜索关键字:macbook

url: http://search.dangdang.com/search.php?key=macbook&SearchFromTop=1&catalog=

(2)、中文

搜索关键字:苹果

url: http://search.dangdang.com/search.php?key=%C6%BB%B9%FB&SearchFromTop=1&catalog=

2、组合关键字

(1)、无特殊字符
搜索关键字:macbook 苹果

url: http://search.dangdang.com/search_mall.php?q=macbook%20%C6%BB%B9%FB

(2)、含特殊字符

搜索关键字:macbook+苹果

url: http://search.dangdang.com/search_mall.php?q=macbook%2B%C6%BB%B9%FB

3、小结

(1)、搜索框没有默认搜索图标(如放大镜);和京东类似,搜索框默认有推荐搜索关键字;

(2)、对特殊字符和中文都进行了编码,从搜索结果的url上可以很清楚地看到;

(3)、搜索结果页面,搜索框内的关键字和前一页用户输入的结果是完全一致的,没有“失真”。

四、QQ商城

1、单个关键字

(1)、英文
搜索关键字:macbook

url: http://shop.qq.com/search/index.html?q_show=macbook&q=macbook&classId=&PTAG=20051.15.1

(2)、中文

搜索关键字:苹果

url: http://shop.qq.com/search/index.html?q_show=%E8%8B%B9%E6%9E%9C&q=%25E8%258B%25B9%25E6%259E%259C&classId=&PTAG=20051.15.1

2、组合关键字

(1)、无特殊字符
搜索关键字:macbook 苹果

url: http://shop.qq.com/search/index.html?q_show=macbook+%E8%8B%B9%E6%9E%9C&q=macbook%2520%25E8%258B%25B9%25E6%259E%259C&classId=&PTAG=20051.15.1

(2)、含特殊字符

搜索关键字:macbook+苹果

url: http://shop.qq.com/search/index.html?q_show=macbook%2B%E8%8B%B9%E6%9E%9C&q=macbook%2B%25E8%258B%25B9%25E6%259E%259C&classId=&PTAG=20051.15.1

3、小结

(1)、搜索框没有默认搜索图标(如放大镜);搜索框默认有搜索使用提示(输入品牌或商品进行搜索)而不是默认搜索关键字;

(2)、对特殊字符和中文都进行了编码,从搜索结果的url上可以很清楚地看到;

(3)、搜索结果页面,和京东类似,搜索框显示的关键字有一点“失真“;

(4)、和其他三个站点不同,QQ商城的搜索结果页面,title始终是“商品搜索结果-QQ商城”,但是它在导航处有当前位置提示,而不是像其他三家将搜索结果的页面title直接变成(含有)搜索关键字;

好了,分析对比就到这里,虽然简单粗暴了一点,但是我发现这种“另类”的比较角度还是蛮好玩的,谢谢您的阅读。

posted on 2011-03-19 20:21  JeffWong  阅读(1883)  评论(6编辑  收藏  举报