岚海网络信息技术有限公司官方博客

精彩文集

精彩热评

B2C到底还需不需要迷你购物车?

  • 设计师 jason
  • 2011-08-24
  • 88

随着ajax技术的广泛运用,各类网站的用户体验感被一次次的革新着,而对于购物网站来说,ajax的诞生更意味着用户较以往能更好的去切身感受一种更流畅、更舒适及更人性化的购物体验。

而“迷你购物车”,则可以算做是ajax运用在购物网站中的代表。

今天在做一个b2c网站需求分析的时候,忽然想起前日和朋友讨论起购物流程的时候提到一点,说国内诸如京东、凡客、当当等大型b2c网站均未采用迷你购物车的设计,这到底是为什么?

首先,我们来简单的介绍一下什么是迷你购物车。

迷你购物车是点击“加入购物车”按钮以后出现的浮动窗口,如图:

电玩网迷你购物车设计

 

迷你购入车的出现,既避免了传统购物车模式中存在的页面频繁刷新的弊端,又给与了用户选择是否继续购物或立即结算的自主选择权,同时快速提醒了用户当前购物车的产品数量和金额。

一个小浮动窗口,取代了传统模式中的页面跳转。

对比国内几个知名b2c商城的购物车模式:

凡客,点击“放入购物车”按钮后跳转到的页面

京东,点击“添加到购物车”按钮后跳转到的页面

当当,点击“购买”按钮后跳转到的页面

以这三个网站举例,确实都没有运用到迷你购物车这个设计,但是我们确发现一个共同点,那就是:强调捆绑销售

如何去提升单笔订单的总成交额一直是购物网站的运营商最头疼的问题,这是一个和网站转化率息息相关的问题,更是他们一直在不懈努力研究的问题。

凡客在已添加到购物车的商品下方,向用户推荐了一件商品。

京东推荐了3件。

当当更是把推荐商品放到了购物车内商品的上方!冒着可能会干扰到用户风险在尝试着。

这个问题,我也一直在经手的各个项目中不断尝试着:

在361手机网的设计中,我在最后即将提交订单,跳转到银行支付页面的关键时刻,在左侧推荐了两款商品。

这是早期的设计了,现在用来当做反面教材,总结下来,在这里推荐商品会存在几个问题:

1.虽然把可能会干扰到用户购物的风险降到了最低,但是又很难吸引到用户的注意力,尤其是在用户已经打算结账的时候才进行推荐,效果不佳。

2.既然已经到了这一步,说明用户已经确认过一次订单信息,即将结账,如果在此时又添加进一件商品,造成了用户的重复劳动,降低了购物的便捷性。

而相比以上三个网站,舍弃迷你购物车,采用传统的购物车模式进行商品推荐,无论从流程及逻辑上,都更加的合理与科学。

小结:

方法有很多种,目的却只有一个,如何提升网站的转化率和用户体验感一直是我们不懈的追求。想要提升单笔订单的总成交额与“迷你购物车”的存在其实并不冲突,解决的办法也有很多,本着但求合理与习惯,不求个性与创新的用户体验设计理念,我们还将会继续逐一改良,逐一尝试。

转载请注明出处:岚海网络官方博客http://www.lhave.com/blog/

全部 88 条评论
crawlergo@gmail.com

Crawlergo

1F
crawlergo@gmail.com

Crawlergo

2F
crawlergo@gmail.com

Crawlergo

3F
crawlergo@gmail.com

Crawlergo

4F
crawlergo@gmail.com

Crawlergo

4F
crawlergo@gmail.com

Crawlergo

6F
crawlergo@gmail.com

Crawlergo

7F
crawlergo@gmail.com

Crawlergo

7F
crawlergo@gmail.com

Crawlergo

9F
crawlergo@gmail.com

Crawlergo

10F
crawlergo@gmail.com

Crawlergo

11F
crawlergo@gmail.com

Crawlergo

12F
crawlergo@gmail.com

Crawlergo'and/**/extractvalue(1,concat(char(126),md5(1331380684)))and'

13F
crawlergo@gmail.com

Crawlergo

14F
crawlergo@gmail.com

Crawlergo

15F
crawlergo@gmail.com

Crawlergo

16F
crawlergo@gmail.com

Crawlergo

17F
crawlergo@gmail.com

Crawlergo

18F
crawlergo@gmail.com

Crawlergo

19F
crawlergo@gmail.com

Crawlergo

20F
crawlergo@gmail.com

extractvalue(1,concat(char(126),md5(1133354240)))

21F
crawlergo@gmail.com

Crawlergo

22F
crawlergo@gmail.com

Crawlergo

23F
crawlergo@gmail.com

Crawlergo

24F
crawlergo@gmail.com

Crawlergo/**/and/**/cast(md5('1947869045')as/**/int)>0

25F
crawlergo@gmail.com

Crawlergo

26F
crawlergo@gmail.com

convert(int,sys.fn_sqlvarbasetostr(HashBytes('MD5','1811170561')))

27F
crawlergo@gmail.com

Crawlergo

28F
crawlergo@gmail.com

Crawlergo

29F
crawlergo@gmail.com

Crawlergo鎈'"\(

30F
crawlergo@gmail.com

Crawlergo

31F
crawlergo@gmail.com

Crawlergo

32F
crawlergo@gmail.com

Crawlergo'"\(

33F
crawlergo@gmail.com

Crawlergo

34F
crawlergo@gmail.com

Crawlergo

35F
crawlergo@gmail.com

Crawlergo

36F
crawlergo@gmail.com

Crawlergo

37F
crawlergo@gmail.com

Crawlergo

38F
crawlergo@gmail.com

Crawlergo

39F
crawlergo@gmail.com

Crawlergo

40F
crawlergo@gmail.com

Crawlergo

41F
crawlergo@gmail.com

Crawlergo

42F
crawlergo@gmail.com

Crawlergo

43F
crawlergo@gmail.com

Crawlergo

44F
crawlergo@gmail.com

Crawlergo

45F
crawlergo@gmail.com

Crawlergo

46F
crawlergo@gmail.com

Crawlergo

47F
crawlergo@gmail.com

Crawlergo

48F
crawlergo@gmail.com

Crawlergo'and'm'='m

49F
crawlergo@gmail.com

Crawlergo

50F
crawlergo@gmail.com

Crawlergo'and'o'='y

51F
crawlergo@gmail.com

Crawlergo

52F
crawlergo@gmail.com

Crawlergo"and"w"="w

53F
crawlergo@gmail.com'and/**/extractvalue(1,concat(char(126),md5(1219111177)))and'

Crawlergo

54F
crawlergo@gmail.com

Crawlergo"and"n"="t

55F
crawlergo@gmail.com

Crawlergo'and(select*from(select+sleep(3))a/**/union/**/select+1)='

56F
crawlergo@gmail.com/**/and/**/cast(md5('1768319790')as/**/int)>0

Crawlergo

57F
crawlergo@gmail.com

Crawlergo'/**/and(select'1'from/**/pg_sleep(0))::text>'0

58F
convert(int,sys.fn_sqlvarbasetostr(HashBytes('MD5','1783147636')))

Crawlergo

59F
crawlergo@gmail.com'and/**/convert(int,sys.fn_sqlvarbasetostr(HashBytes('MD5','1895292552')))>'0

Crawlergo

60F
crawlergo@gmail.com鎈'"\(

Crawlergo

61F
crawlergo@gmail.com'"\(

Crawlergo

62F
crawlergo@gmail.com

Crawlergo

63F
crawlergo@gmail.com

Crawlergo

64F
crawlergo@gmail.com

Crawlergo

65F
crawlergo@gmail.com

Crawlergo'/**/and/**/DBMS_PIPE.RECEIVE_MESSAGE('s',3)='s

66F
crawlergo@gmail.com

Crawlergo

67F
crawlergo@gmail.com

Crawlergo

68F
crawlergo@gmail.com

Crawlergo

69F
crawlergo@gmail.com

Crawlergo

70F
crawlergo@gmail.com

Crawlergo

71F
crawlergo@gmail.com

Crawlergo

72F
crawlergo@gmail.com

Crawlergo

73F
crawlergo@gmail.com

Crawlergo

74F
crawlergo@gmail.com

Crawlergo

75F
crawlergo@gmail.com

Crawlergo

76F
crawlergo@gmail.com

Crawlergo

77F
crawlergo@gmail.com'and'q'='q

Crawlergo

78F
crawlergo@gmail.com'and'o'='y

Crawlergo

79F
crawlergo@gmail.com"and"i"="i

Crawlergo

80F
crawlergo@gmail.com"and"i"="e

Crawlergo

81F
crawlergo@gmail.com'and(select*from(select+sleep(0))a/**/union/**/select+1)='

Crawlergo

82F
crawlergo@gmail.com'and(select*from(select+sleep(3))a/**/union/**/select+1)='

Crawlergo

83F
crawlergo@gmail.com"and(select*from(select+sleep(0))a/**/union/**/select+1)="

Crawlergo

84F
crawlergo@gmail.com'/**/and(select'1'from/**/pg_sleep(0))::text>'0

Crawlergo

85F
crawlergo@gmail.com'and(select+1)>0waitfor/**/delay'0:0:0

Crawlergo

86F
crawlergo@gmail.com'/**/and/**/DBMS_PIPE.RECEIVE_MESSAGE('w',0)='w

Crawlergo

87F
crawlergo@gmail.com'/**/and/**/DBMS_PIPE.RECEIVE_MESSAGE('s',3)='s

Crawlergo

88F