欢乐的一号店(半技术分析)





一号店(http://www.yihaodian.com)貌似最近广告砸了很多钱,北京的很多公交站牌上都有一号店“商品墙”的广告,用手机拍一下就能传到一号店购买商品了。虽然不知道有多少人真的会买,但是创意确实不错。我对一号店的网站进行了一番观察,发现了很多有意思的地方,有些是技术方面,有些是用户体验方面,因此本文勉强算半技术分析。前面部分先多搞点好玩的,后面再上代码~
注:所有截图都是来自一号店北京站,个别来自一号店上海站的有注释。为避免今后一号店更新网页找不到这些,所以尽量都上图,有图有真相。
1)一号店的名字起得很好,简单,好记。查了一下发现二号店、三号店对应的域名已经都被注册走了,哈哈。
2)一号店的商品分类。这里面很多内容很有意思。我列举一些。
来自网页:http://www.yihaodian.com/product/listAll.do

注解:咖啡饮料是算饮料里,还是算咖啡里?确实有难度,也不能怪一号店。
来自网页:http://search.yihaodian.com/s/c5138-b0-a-s1-v0-p1-price-d0-f0-k

注解:乳品归类在饮料下面了。乳制品情何以堪……而且据观察下面很多商品都是一样的……
3)一号店的分类筛选栏。
来自网页:http://search.yihaodian.com/s/c8646-b0-a-s1-v0-p1-price-d0-f0-k

注解:两个AJI因大小写而分家
来自网页:http://search.yihaodian.com/s/c-%E6%B4%97%E8%A1%A3%E7%B2%89/6067.html

注解:规格这么列出来……还有筛选的意义吗……
来自网页:http://search.yihaodian.com/s/c8645-b0-a1298-s1-v0-p1-price-d0-f0-k (截图来自一号店上海站,因为北京站是正确的)

注解:你有“其他国家和地区”,我没意见,但是泰国既然也列出来了,泰国的商品为啥不分类到泰国下面……
4)一号店的网页源代码
来自网页源代码:http://search.yihaodian.com/s/c5135-b0-a-s1-v0-p1-price-d0-f0-k

注解:一号店的员工肯定很性感,写个标签类名竟然这么起名……
来自网页源代码:同上

注解:会JS的同学大概可以理解。这个图需要结合上一个图一起看,因为品牌太多,需要隐藏一部分,然后点“更多”可以把隐藏掉的也一同显示。但是……一号店是先展示一部分,如果点更多就删掉部分品牌的列表,然后把全部品牌的列表复制进去。这就是为什么一个网页源代码出现了两次“艺福堂”的原因……这个做法好土……
5)一号店的“所有商品分类”菜单。这个菜单是AJAX做的。具体是通过异步获取网址得到菜单子项目,这样做是为了提高用户体验。获取菜单的网址是:http://www.yihaodian.com/product/ajaxGetGlobalLeftFloatMenuData.do 这个文件居然270K……仔细一看……居然把网页标签就那么直接写进去了。正常的方案应该是返回一个只有菜单实质内容的json,然后用JS拼凑出网页内容。所以有的时候会感觉第一次打开一号店的那个分类菜单反应迟钝,但是只要打开过一次,以后就不迟钝了。

以上仅个人观点,仅供娱乐:-)

本文来自Dora Blog,题目为欢乐的一号店(半技术分析),转载请注明出处。
如果你喜欢我的博客,请订阅本博客的RSS以更方便的阅读
欢迎关注我的新浪微博:http://weibo.com/diaorui1987