差异入微——浅析电商购物流程设计

标签: 交互设计 流程设计 电商购物 | 发表时间:2012-09-15 18:00 | 作者:CDCer
出处:http://cdc.tencent.com

  畅游在各大电商网站的你,在网购时不知曾否察觉到有些小不同?

  排开具体的商品内容、视觉样式,回忆下那些我们熟悉的商品页面… 当然,这里并不是玩大家来找茬游戏的,需要火眼金睛审视于细枝末叶。我们可以从界面的细节去体验,甚至还可以眯起眼去发现点什么。

  亲,你有没有想起有哪里不同?

   好吧,揭晓答案:不同点在于商品详情页面的购买按钮。

 

  抱着打破沙锅问到底的精神去逛了逛其他的电商网站,不经发现这也许和电商网站的类型相关。比如淘宝、拍拍属于C2C类型,有明显的“直接购买”、“加入购物车”按钮;京东、易迅属于B2C类型,只有“加入购物车”按钮。如此设计是出于什么考虑呢?

  以下为笔者个人的分析,期待大家拍砖、补充:

 

平台的不同决定了购物车扮演的角色不同

  首先,从平台性质上来说,C2C是一个多店铺系统,等同于小店的购物体验;B2C是单个商城系统,等同于大型超市的购物体验。

 

   多店铺系统即店铺是分布各地的,可以比作现实生活中的小店式购物。小店是没有专属物流系统的,所以在C2C下单付款后也需再到线上确认收货和评价。对于同一种商品在不同的店里可能有多种价格,并且价格是由卖家来定的。我们点击“加入购物车”后,会留在当前页面,所以这里的购物车更倾向于在本店里继续购买。

  B2C可以比作现实生活中的大型超市购物,是单个的商城系统。有统一的商品标签、唯一的商品价格,有自己专属的物流系统,线下签收后无需再到线上确认收货。在“加入购物车”后,会跳转到其它页面,因为不论跳转到哪里都还是属于本商城内,所以这里购物车强调的是网站整体概念,即所有商品为一家所有。
 

 


1 个行动按钮  VS 2 个行动按钮

  可以肯定的是,在电子商务网站上,大部分用户会购买单件商品。所以从购买行为上来说,“立即购买”应该是用户最需要的操作。假如界面上只有1个按钮,最应该是“立即购买”而非“加入购物车”,但为什么B2C会仅使用“加入购物车”呢?

 

  在体验购买过程中可以看出,B2C的“加入购物车”是可以完成所有购买操作的。用户将商品“加入购物车”后,网站会询问用户是结算还是继续购物,它为立即购买的用户增加了一步选择,但也增加了用户选择更多产品的可能性。或许我们可以把B2C这样的设计理解为是一种促进消费的手段,类似于宜家迷宫式购物路线的设计:独特的店面路线设计使得宜家创造了一个不只是家具店,而是所有商店都达不到的惊人成绩──高达“60%”的购买品不在顾客原本想买的清单之内。(下图为IKEA购物地图)

   

   而对于C2C而言,大部分卖家都是小店铺,将“计划消费”尽快“变现”是最重要的任务。购买过程拖得越久,买家就会查看更多的店铺,会有更多比较,交易的流失率就会越大。所以,在C2C中“立即购买”让卖家尽早进入到订单页才是最关键的。但“加入购物车”的合并订单功能又不可少,因此C2C会适合放两个按钮。

  另外,淘宝在早期没有购物车功能的,后来是为了可以合并订单、避免邮费叠加,再加上丰富的促销活动,所以才添加了购物车功能。

 

购物流程的差异

  商业模式的不同并不仅仅影响到用户的购买行为,同样也对整个后续流程有影响。

  C2C的物流体系由各个卖家自己定制,自己想用什么物流就用什么物流。换言之,发不发货、什么时候发货是无法统一管理的。在这种模式下,淘宝和用户都得关注产品什么时候到货,到货后,用户还需要在线上签收、评价等。用户必须把这些流程都走完才算购买结束,否则就会不停提示你。(下图为淘宝的购买流程)

 

 

  而B2C则不同,它们有自己专属的、统一的物流系统。从则上来说,网站可以保证每笔货都准时送到,而且质量还没问题。所以用户的注意力只需关注到“提交订单”为止,其他要做的完全在线下进行就可以,实际上在线上也没有签收的选项。(下图为京东的购买流程)

 

 

  很明显,B2C的买家关注的信息少多了,购物过程也会轻松不少。

 

个人中心结构的差异

  先看下淘宝网和京东商城的个人中心页面:

 

  不难发现,淘宝有一套强大的个人中心体系,甚至左侧导航栏不够用,需要占据横向的导航标签。而京东横向导航栏展示的是其他模块标签,跳转到其他页面时头部的导航标签都不会变化。

  这样做有什么好处呢?还是回到之前的论点,B2C期望的是用户能尽量多买东西,个人中心也应该是可以很方便返回到购买商品页面的。而C2C由于管理系统的庞大,是买家和卖家的共用平台,在这里有许多专项的任务需要处理,所以它独立出来了。

 

写在最后

  由于电商网站类型的不同,购买按钮的设计就会不同。因而购物车在其中扮演的角色也不一样,还会影响到后续的购买流程、个人中心模块的结构。总之,不同商业模式的网站,为用户创造的购物体验也是不同的。

  以上是笔者基于日常使用对B2C和C2C两类电商网站的一些细节进行的分析,由于没有实际数据的支撑,也许分析得还不是很完善,希望能与有此设计经验的同仁进行更多交流,以期完善此文。

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=6008)

相关 [电商 购物 流程设计] 推荐:

差异入微——浅析电商购物流程设计

- - 腾讯CDC
  畅游在各大电商网站的你,在网购时不知曾否察觉到有些小不同.   排开具体的商品内容、视觉样式,回忆下那些我们熟悉的商品页面… 当然,这里并不是玩大家来找茬游戏的,需要火眼金睛审视于细枝末叶. 我们可以从界面的细节去体验,甚至还可以眯起眼去发现点什么.   亲,你有没有想起有哪里不同.    好吧,揭晓答案:不同点在于商品详情页面的购买按钮.

购物优惠流程设计

- - 优设(UISDC)
这是一个很有趣的购物推广案例记录. 我们要推出一个和第三方网站合作的计划,预计在原本的购物网站上面加上一个推广用的“折扣序号”,让顾客可以在 第三方网站上面输入 email 来取得我们的折扣序号,希望顾客可以在收到 email 后,可以来我们的购物网站上面消费并使用折扣序号来打折,并完成消费动作. 一开始的计划像是上面那张照片的上半部分,流程详解如下:.

web流程设计器再整理

- - Web前端 - ITeye博客
   时隔多年,前端发展实在迅猛,各类框架层出不穷,在优雅,简洁,高效以及维护方面各有千秋,只是回过头来看看,自己还是对jquery最顺手,作为个人的业余爱好玩玩,基于jquery ui体系写代码实在是很舒服的一件事情.     回到正题,在09年的时候,当时顺手写过一个jbpm4的web流程设计器,非常简单的一个雏形,在当前环境下,web流程设计器也是成堆出现的,轮子这东西,只是享受造的过程,有时间玩一玩,结果什么的,不是追求的重点,对于有同样想法的同学,可以拿着代码去玩一玩,有兴趣的可以深入规范和改造一下,代码这种东西有事情是随性而为,里面不如意的地方很多.

享受实体店般的购物感受,电商是要把服装店赶上绝路吗?

- - TECH2IPO创见
说起在网上买衣服的优势无益于便宜、花样多、足不出户. 而在网上买衣服的不足之处就是没能亲身试穿,商家标出的尺码表也不是很准,买回来往往尺码不符,还要面临退换货的麻烦. 国外调查机构Redshift Research曾委托做过一次 调查. 对1000个英国消费者的调查显示,有41%的人说他们在网购衣物时,会上多选几个尺码,然后把不合身的进行退货.

电子商务网站收银流程设计基本指引

- jary - June's blog
原文作者选取了15个电子商务网站,包括apple,新蛋,沃尔玛,Zappos等,对其收银系统进行考察,总结了11条设计的基本方针. 简单的翻译文章的要点,有删节,详见原文. 如果想要更详细的内容,可以购买原作者的这份收费报告(求分享文档). 原文链接:Fundamental Guidelines Of E-Commerce Checkout Design.

用raphael实现的jbpm4web流程设计器

- - Web前端 - ITeye博客
最近准备自己根据raphael学习和网上查阅到得知识,实现一个jbpm4风格的web流程设计器. 有部分功能参考了CSDN网友 wow4464提供的一个控件连线的实例,下载地址: http://download.csdn.net/detail/wow4464/7549803. 连线的方式使用的是raphael拖拽的特性来实现的,发现在firefox下有问题,其他浏览器正常支持.

整合activiti在线流程设计器(ACTIVITI-MODELER 5.18.0)

- - 企业架构 - ITeye博客
一直以来都是从事大量的工作流相关的项目,用过很多商用的工作流产品,包括国内与国外的,尽管商用的工作产品在UI操作上比较人性化,但个人用户觉得,这东西只需要一些初级用户,对于我们一直在为一些高级的客户提供一些专业的数据整合、流程梳理、系统间的数据穿透时,这些系统因为不开源,给项目的实施带来巨大的风险,在一些项目栽过跟头后,我更偏向于使用开源的平台了.

整合Acitiviti在线流程设计器(Activiti-Modeler 5.18.0)

- - 开源软件 - ITeye博客
整合Acitiviti在线流程设计器(Activiti-Modeler 5.18.0).         一直以来都是从事大量的工作流相关的项目,用过很多商用的工作流产品,包括国内与国外的,尽管商用的工作产品在UI操作上比较人性化,但个人用户觉得,这东西只需要一些初级用户,对于我们一直在为一些高级的客户提供一些专业的数据整合、流程梳理、系统间的数据穿透时,这些系统因为不开源,给项目的实施带来巨大的风险,在一些项目栽过跟头后,我更偏向于使用开源的平台了.

电视购物

- han - 新闻跟帖局
核心提示:日前,六部委发出通知,6月1日起,禁止生产含双酚A的婴幼儿奶瓶,9月1日起,禁止进口和销售含双酚A的婴幼儿奶瓶. 卫生部文件称,尚未发现双酚A对人体健康产生不良影响. 但是鉴于婴幼儿属于敏感人群,为防范食品安全风险,决定禁止双酚A用于婴幼儿奶瓶. [查看原文]分享网易新闻《卫生部:双酚A奶瓶9月起禁止进口和销售》的精彩跟贴 .

电商之城

- 可可 - 《商业价值》杂志
原产地效应正在点亮越来越多的电商之城,这代表着电子商务正在逐步回归“商务”的本质. 从机场拿一份免费的手绘地图,和着有点潮湿的空气,足够开启对厦门这座海滨城市的造访. 从市中心到达位于厦门东北方向的软件园二期,只用了不到20分钟. 对于一个习惯了北京的拥堵和密集的人来说,一座被出租车师傅将半小时车程定义为“还挺远”的城市,从一开始就带给人惊喜.