代码改变世界

购物车研究——AE.com的另类底部迷你购物车对信息量的扩展

2011-10-28 00:08  颜超敏  阅读(2634)  评论(0编辑  收藏  举报

    迷你购物车,即Mini Cart。

    迷你购物车是购物车的一个概要的显示,让顾客不需要进入购物车页面就可以随时了解目前在购物车

的商品数量和总价。

   

    迷你购物车是商城网站前台的公共功能,除了结账页面外,其它的页面一般都会出现这个功能。

    常见的迷你购物车是显示在在页面右上角,或者导航行、搜索栏的右端。为了节省位置,迷你购物车

通常只显示产品总数,这样比较精简些,但是同时显示总价也比较不错,顾客也很关心总价。

    迷你购物车通常采用Ajax方式来开发,这样可以有效地避免缓存,可以在页面装载完毕后再通过ajax

技术来做局部刷新,请求到最新的购物车概要信息(总价、总商品数)。

    不少网站迷你购物车会有一些扩展,比如鼠标移到迷你购物车上,会弹出最新加入购物车的商品信息概要。

甚至会显示更多,包含更早加入购物车的商品等。

    

     本文对应的例子是AE.com的迷你购物车,它除了常见的顶部迷你购物车外(见图1上面的箭头),更有趣的是

下面的迷你购物车(见图1下面的箭头),这里是展开的状态,平时是收起来的(见图2)。

     收起来时,并不影响页面的浏览,因为它是浮动的,永远置底。

     为什么这样处理?好处当然是为了有更多的位置对迷你购物车的扩展了。

     顶部信息很多,迷你购物车无法显示更多的信息(甚至价格都不能显示,太挤了)

     通过鼠标移到迷你购物车弹出的方式(可以参考Gap.com),虽然一定程度可以满足信息量的呈现,但是还是不够好,

因为多了一个主观性的鼠标移动动作,不够直观。

     放在下面的好处就是随时可看,并且点击后,还可以展开,信息量更大,甚至连Wish List也做在左侧了。

     现在做电子商务网站,要有好的用户体验,优秀的Javascript Coder太重要了。

 

AE.com的迷你购物车(mini cart)

图1

图2

颜超敏的电子商务博客,企业级电子商务软件系统研发顾问和资深Java架构师,通过本博客分享电子商务软件研发经验和Java架构设计和开发经验
广义的电子商务的范围很广,国际商会认为,电子商务是指对整个贸易活动实现电子化。从涵盖范围方面可以定义为:交易各方以电子交易方式,而不是通过当面交换或直接面谈方式,进行的任何形式的商业交易;从技术方面可以定义为:电子商务是一种多技术的集合体,包括交换数据(如电子数据交换、电子邮件)、获得数据(共享数据库、电子公告牌)以及自动捕获数据(条形码)等。 电子商务涵盖的业务包括:信息交换、售前售后服务(提供产品和服务的细节、产品使用技术指南、回答顾客意见)、销售、电子支付(使用电子资金转账、信用卡、电子支票、电子现金)、组建虚拟企业(组建一个物理上不存在的企业,集中一批独立的中小公司的权限,提供比任何单独公司多得多的产品和服务)、公司和贸易伙伴可以共同拥有和运营共享的商业方式等。