今天上午翻了翻《Don't Make Me Think》那本书,里面提到Amazon的网站很棒,本来想做一个Amazon网站的报告,当然我的目的是找茬(- -动机不纯)。碍于有对比才能把道理讲透,我选择了天猫网与之一拼。
PK的理由:
1、Amazon和Tmall都是电子商务交易的平台。
2、Amazon是美国最大的一家网络电子商务公司,而Tmall是淘宝(亚洲最大的电子商务平台)的一个重要分支,是新成长起来的网站,我想看看美国的最大和中国的最大的实力如何。
3、想进淘宝- -!
测试环境:
测试用浏览器:Chrome 版本 27.0.1453.3
网络:坑爹的校园网
时间:2013.7.1——2013.7.2(考试周)
☆主页大PK
◇加载速度
我用的是校园网,时间晚上,Amazon比Tmall快多了,特别是鼠标经过商品分类那一栏的时候,二级菜单的加载速度对比相当明显,直接导致我对Tmall的好感度降低。
天猫的商品分类:
◇整体外观
亚马逊: 背景色为白色,最大程度的突出了商品的色彩,包括导航也是白色的,整体的白色和商品之间适当的空隙,给人一种简约雅致的感觉。亚马逊用的是流式布局(position:relative),缩小浏览器窗口后,网页会收缩,收缩到一定位置就不再收缩,收缩后,页面排列有点拥挤。
天猫: 主体色彩是红色,红色代表性感,和天猫的主题相呼应,页面上一大块色彩,主打广告占位过大。另外商品太密集了(猜想:天猫主页都是地皮...),堆积在一块,虽然不乱,但是影响视觉效果。天猫用的是流式布局(position:relative),缩小浏览器窗口后,网页会收缩,收缩直到到达浏览器的最小边界,收缩后,视觉效果和可用性都很差劲。
收缩1:
收缩2:
收缩3:
◇头部导航条分析
亚马逊: 给人的感觉页面很简约,搜索很突出,嗯,这正是我想要的。菜单链接都是在同一窗口打开的,很方便,个人喜欢这种方式。不过对于不知道亚马逊的人,一开头可能不知道这个网站是用来干嘛的,建议加个口号简述网站的功能。
天猫: 好大一块N用地皮- -!广告在上面,不过一般被人忽视,因为只有红色那块才是我们想看到的。搜索框有限制,标出来了,很醒目。
菜单很不科学:
1、居然有两个商品分类,有必要么?
2、感觉我的淘宝和收藏夹也可以合并,或者干脆删掉收藏夹,我们会用浏览器收藏夹- -!。
3、我关注的品牌这个菜单感觉也可以跟我的淘宝合并,或者直接删掉。
4、不需要把淘宝网秀出来吧,先有淘宝网再有天猫的啊,我们都知道它的网址!!!
5、首页是摆设,当你点击品牌街等链接时会打开另一个窗口,那个窗口没有这个导航条,首页用来干嘛呢?
6、品牌街和品牌特卖有啥区别?为了做分析,我点了进去,一般情况下是直接忽略的。然后我发现是打折区。额,建议改成品牌特价区,容易理解。
7、天猫和淘宝有啥区别?建议突出两个网站的特色,天猫的店家入驻门槛比较高,要以公司的形式,可以加上一个口号“天猫,让您买得放心”;而淘宝则可以这样“我卖你买,乐趣无穷”。
◇所有商品分类栏目
亚马逊: 固定的下拉菜单,二级菜单速度很快,基本上是鼠标刚移上去,马上就会出现的。而且二级菜单有标题,很是有逻辑。下面还有个全部商品分类,以页面的形式把商品分类罗列出来了。ORZ
天猫: 会跟着屏幕动的下拉菜单(position:fixed),动不是问题,问题是浏览器收缩后那个菜单还不消失,占位严重!!另外二级菜单的加载比较慢。那个收缩功能神马的,一点作用都没有,能不能去掉啊。
◇商品展示区
亚马逊: 基本上都是电子商品,手机、平板、家电...给人的印象,亚马逊的主打品牌就是电子商品,商品之间的空隙恰当,看起来很舒服。感觉网页的margin-left和margin-right不够,多一点点就更好。亚马逊的商品区靠左,我是右眼为主力眼的人,我喜欢商品放在右边而不是左边。
天猫: 商品区靠右,我比较喜欢这点。商品的分类很多,分类之间的空隙不够,看起来像是一体的,最不喜欢那些商品密集度太高,挨在一起,基本上每点一下都是一个跳转链接。建议天猫店的margin-left和margin-right可以做小点,留点空白分配给商品们,或者收缩下商品图,留多点空白。
☆最后单独挑一下Amazon的缺点:
1、Z秒杀: 秒杀的商品一般给人的感觉是比较便宜的,然后我多手点了下第一个商品(159元)的评论,看到有人说什么做活动149元买了很实惠,110元做活动秒杀了很实惠。然后我就立马觉得,Z秒杀好假,我不秒杀了。做戏要做全套嘛~,随便就被人看穿了,Z秒杀算什么。
2、满减,神马意思?想买个拉杆箱,看到满300送80,然后我就挑个399的,然后付款的时候输入促销优惠码,提示出错,我果断就决定不买了。