首页 > 策划 > 京东与新蛋的网站用户体验之我所谈

京东与新蛋的网站用户体验之我所谈

闲来无事,上新蛋和京东这个两个死对头网站上闲逛,逛嘛总要有些收获的,物质上没有回报,知识总得有的,呵呵。浅说两者用户体验之谈吧。

 

从首页说起看两者页面设计上的差别。

 

京东一级导航条:

点此在新窗口中查看原始图片

 

<!--[if !vml]--><!--[endif]-->

京东的一级导航是按产品种类设置的,4种类别的产品页面与首页并行组成一级导航,能快速帮助用户定位,从通用性上看,没有什么争议,国内大多数B2C网站都是采用这个模式。

 

新蛋一级导航条:

点此在新窗口中查看原始图片
 

<!--[if !vml]--><!--[endif]-->

新蛋的一级导航条是按性质分类设置,首页与品牌专卖,限时抢购,寻宝专区4个不同性质的类别栏目组成一级导航,而6个产品类别作为首页的二级导航。如此的导航栏设置优势是可以丰富内容,缺点是牺牲了用户在产品上定位的效率。

 

评论:新蛋导航条的模式在业界比较罕见,效果鄙人无法得知,我个人比较喜欢京东的。我认为导航条的第一原则是帮助用户能用最小的成本定位到所需的栏目。所以最适合的模式是以产品种类分类的一级导航,这是在国内外通用的。新蛋在二级导航上还有一个小细节:所有分类。鄙人以为之这是一个很用心的设计,因为通过此功能,能更加清楚明白的定位到用户想要的位置,但我很怀疑,有很多用户会去用这个功能,从视觉上讲右边缘的功能不是很显然,从操作成本上,搜索引擎对此功能有很强的代替性,但不管怎么说,这也算是新蛋的用之处。

 

京东搜索栏:

 

这是京东的搜索栏,搜索栏中有热门搜索提示,搜索栏上方是热门搜索,右边是购物车。热门搜索很突出,对销售由很强的导向作用,右边的购物车很醒目,提示作用非常显著,跟亚马逊的设计如出一辙。

 

新蛋搜索栏:

 

新蛋的导航栏是浅色的,跟二级导航的黄色区分开来。搜索栏中没有文字提示,热门搜索整齐的排在搜索栏的右边,起一个提示的作用。

 

评价:在搜索栏的设置上,我想最大的争议性在于如何看待热门搜索提示与搜索的关系。我以为,逻辑上热门搜索是对搜索的提示补充,也就是说其存在的意义是建立在用户搜索欲望和行为之上的,简单的说是先有搜索,然后才衍生出热门搜索提示,两者结合组成一个行之有效的搜索机制。那么按这个逻辑,显然,我更加认可新蛋的搜索框模式,把热门搜索作为搜索的补充列在搜索框的右边,搜索框的优先级高于热门搜索。我观察了好多电子商务网站,基本上新蛋的模式还是占大多数的,可见其还是行之有效的。


京东的左侧导航栏:

<!--[endif]--> <!--[if !vml]-->

 


点此在新窗口中查看原始图片

这是京东左侧导航栏(一部分),依旧是以产品类别分类,每个大类下分列了几个小类,小类再细化下去则是依靠层展开来实现,很有条理。鼠标在左侧导航栏滑动时,触点的每个链接都会有质感的起伏下且自动展开细化的产品种类,交互体验非常不错,操作上 很流畅。个人认为小类左侧的灰体产品类别提示还是很有用的,直观的帮助用户明白自己想要是应该属于那一类别。

 

新蛋的左侧导航栏:


 

点此在新窗口中查看原始图片

 

点此在新窗口中查看原始图片

这是新蛋的左侧导航栏(一部分),同样是以产品类别来分类,每个大类下分列了几个小类,不同的是,新蛋在小类上分的更细。同样是层展开的方式来显示细化的具体产品类别,但因为本身小类就分的很细,所以层中分类会比京东的来的少。鼠标在左侧导航栏滑动过程中,触点链接通过变色和层展开来实现交互,诉求很清晰。

 

评论:鄙人认为左侧导航栏的首要任务是帮助用户更加快速精确的定位,降低定位繁琐度。那么按这个逻辑,以产品类别来分类设置的左侧导航栏无意是最合适的模式。但这里就涉及一个矛盾,类别越细才能让用户定位成本越低,但网站空间却是有限的,很难平铺装下这么多产品类别。直到层展开的模式出现,这个矛盾才被很好的解决。新蛋和京东都采用了层展开的模式,但不同的是新蛋在小类上分的比较细,使得展开层中产品类别少而清晰,而京东则反之。我个人比较倾向于京东的模式,因为新蛋细化分类本意是为了定位效率,但占用了很大的空间,对于买百货办公设备的人要不断向下寻找定位点,定位成本反而高了,所以我相信其实整体上用户定位成本不会比京东模式有多大的提高。另一点上看,左侧导航如果是在所有页面都保持的话,那还要充分考虑到左侧空间的利用率。

 

京东首页主体位置布局:

 

 

 

 

新蛋首页主体位置布局:点此在新窗口中查看原始图片

 

 

 

 

评价:网站的访问用户分为两类,一类是闲逛者,另一类是消费目的非常明确的用户。回归底呕埃现实场景,大家是怎么逛街的?窃以为对于闲逛的用户,他们要么找准自己热爱的品牌逛,要么找热闹的地方逛,这个时候首页内容就对他们很大的引导性,而对于目标明确的用户而言,他们会通过信息检索直达产品页面,大多数时候首页内容会被忽略,所以首页内容对于他们影响不大,反而有时还能促进他们其他方面的消费。毫无疑问,新蛋和京东都认为热卖区和特价区是必要的。我也以为,热卖区和特价区是满足了用户的共性需求,很容易理解,热卖区展示了最受欢迎的产品,购物也是有羊群效应的,卖的越好的东西往往越受人关注喜爱,所以热卖区是一个很好的用户消费入口;而特价区对网购消费者来说也是一个相当敏感的区域,价格上的优惠很能触发这类用户的消费行为。那么新品区是否是必要的呢?首先要考虑谁会对新品感兴趣?显然更多的是对某一品牌有认知度忠诚度的消费群体,他们了解该品牌旗下哪些是旧品,哪些是新品(否则你连旧的产品都不知道,新的又如何认知?),新品对于他们的吸引力是有更高的机会发现他们所喜欢的商品。新蛋和京东的消费群有多大的品牌忠实度?不得而知。但我知道你不可能把每个品牌的新品都展示一遍,所以这个区域注定只能满足小众的需求,在重要性上是低于热卖区和特价区的。如果页面在布局方面有适合该区域的空间存在,且不影响用户体验的基础上,新品区可以加载进去,否则我觉得新蛋简约的布局风格足以。

 

京东的热门评论:

点此在新窗口中查看原始图片
 

 

京东的评价由两种评论组成,一种是在商品评论页面内的评价留言,另一种是(晒单),是针对商品的话题讨论。

 

新蛋的热门评价:

点此在新窗口中查看原始图片
 

 

新蛋的商品评论比较简单,只是显示不足20字的概述,但因为有新蛋的蛋蛋(哈哈)评价指数,让消费者对于商品的整体印象有了一个更加快速直观的认识。但是通过新蛋的热评链接进去之后位置的定位却是商品页面的评价区,而非该热评的具体位置,用户还要自己找,这一点体验很不好,虽然新蛋可能是希望用户看到更多的评论。

 

评价:展示商品热门评论是为了吸引用户注意力,引导用户关注该产品,所以要从位置和内容上考虑。京东的热门评价放在页面左侧,而新蛋是放在右侧。我觉得左侧的位置要比右侧占优,右侧容易成为视觉盲点这是事实。新蛋的商品评论之所以放右侧,我相信还是不得已而为之,就是上述新蛋左侧导航栏占用空间过多导致的。在内容上,我更加喜欢京东的模式,话题与评论相互组合的模式,内容丰富了,吸引力自然更大。但你不能期望用户在这个模块中就了解清楚整个商品评价,这只是一个入口,要做的是给用户一个良好的整体印象来吸引用户进入入口获得更多的了解。于是,我认为,京东多元的内容与新蛋的评价指数的组合一定是最出色的模式。

 

其他公告和资讯,新蛋和京东都大同小异。另外京东右侧空间利用的比较充分,还做了几个大类的排行榜,中国人是很喜欢排行榜这东西,也许很土,但的确很有用。新蛋可能是受美国总部的影响,在页面的布局设计上崇尚简约,该省的能省的都被省了,给人的感觉很清爽,而京东做的更土些,首页布局对空间的利用率较高,提供的内容也比较多,在商品的导购方面,做的比新蛋更加的彻底。问了很多人,都是觉得京东的首页比新蛋跟有吸引力,其实道理很简单,现在这个时候,大多数中国人还是很土的,卖场吸引力要比精品MALL来的更受欢迎。

 

好了,有空再说说京东和新蛋其他页面的用户体验吧。顺便说下,我买数码产品更愿意在新蛋买,因为电子商务的用户体验其实绝大部分是决战下线下。

点此在新窗口中查看原始图片

点此在新窗口中查看原始图片

点此在新窗口中查看原始图片

这是新蛋的首页主体位置的布局,依次是特价区,推荐区(热卖区),比京东少了个新品区,更加简约,但新蛋的热卖区占用了更多空间,推荐了更多的商品。新蛋的热卖区和特价区都是可以分页查看的,用户要想看下更多该区域的商品时无需跳转页面即可实现,这点用户体验很不错,不过牺牲了展示商品的数量。

点此在新窗口中查看原始图片

点此在新窗口中查看原始图片

点此在新窗口中查看原始图片

这是京东的首页主体位置的布局,依次是热卖区,新品区,特价区,3个区分工明确。用户可以通过点击更加商品来进入子页面了解更多信息。


 

点此在新窗口中查看原始图片

点此在新窗口中查看原始图片

 

点此在新窗口中查看原始图片

点此在新窗口中查看原始图片

点此在新窗口中查看原始图片


 

点此在新窗口中查看原始图片






评论: 1 查看次数: -
回复回复raymond[2009-11-13 00:34 AM | del]
值得学习...
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码