建站经验 experience
当前位置:首页 > 网站建设专题 > 建站经验
网页设计之商城购物车设计总结
发布日期:2018-01-10 阅读次数:45 字体大小:

  网页设计之商城购物车设计总结

  1、购物车的作用

  购物车不是简单的一个添加商品然后下单的功能,背后设计的内容比较复杂,他能够与会员系统、商品系统、库存系统、订单系统等紧密结合,设计购物车的时候要考虑到与其他系统产生的关联关系。

  2、购物车的入口设计

  所谓入口设计就是能和购物车产生交互的入口。而我们在设计入口的时候,应该将自己融入场景,应需而现,通常在搜索列表页面、商品详情页面、秒杀、专题等活动页面出现,通常在这些场景中,用户是需要做出购买决策的,当然,也可能是用于商品收藏。

  另外,入口也可能来自于用户的收藏夹、历史订单中。

  入口设计的目的在于能够让用户基于不同场景将商品添加到购物车或者到购物车结算。

  而在入口设计中,会衍生出另外一个谈的比较多的话题,就是立即购买和加入购物车的区别。

  3、立即购买和加入购物车的区别

  从本质上来说,淘宝是C2C的,是由各个卖家独立管理或发货的;而京东是B2C的,是大部分是自营的,有统一的物流体系。

  就像去逛菜市场,不可能把每个摊位的菜都放到菜篮子了再去一一结账,而在沃尔玛购物,则可以将选购商品放到购物车了再到收银台付账。当然,像京东的秒杀商品也是提供立即购买的,因为大家都希望用最短的流程和时间购买这件秒杀商品。

  设计立即购买还是加入购物车绝对不是一个 0 和 1 的问题,应该按照场景来定。

  4、加入购物车的前置流程

  根据实测显示,淘宝、京东、美团等平台的流程是点击“加入购物车后”,是成功将商品加入购物车,提交订单的时候才提示登录/注册。

  而唯品会点击“加入购物车”时就需要登录/注册。

  而我更倾向于建议先让用户加入购物车,在结算的时候再弹出登录框,过早提醒会中断用户的浏览过程。

  而若不登录加入购物车会出现一个问题,特别是在PC端,如果用户清理了浏览器cookie的话,购物车里面的商品就会灰飞烟灭,这一点用户体验不是很友好,但用户主动清理cookie的情况比较少。

  5、购物车系统与其他系统的关联

  购物车与订单系统

  在购物车下单之后,需要把购物车里面的商品信息提交到订单系统。

  购物车与库存系统

  如果是加入购物车减库存,这个时候就要考虑在库存系统中做减库存操作。

  购物车与价格系统

  若商品加入购物车后,商家修改了商品价格,那么购物车的价格也相应的调整。

  购物车与促销系统

  购物车自动关联该账户下的优惠信息。

  以上只是简单的说明购物车与其他系统之间会产生的交互,在设计购物车的时候,要仔细考虑和其他系统产生的交互,如果考虑不全面,可能会导致商品数量出现问题、结算信息出现问题等。