一、购物车视图整体业务

图片.png

二、购物车页面

• 显示产品

  多商家系统（如淘宝）需要支持按商家分组。

  按促销活动分组。按促销活动分组可以更清晰显示各个活动的信息和生效条件。

• 购物车本身功能

  购物车本身功能基本是在购物车页面提供。

• 结账若干功能

  看是否有必要，建议不要在购物车页面做太多结账相关的功能，这样整个页面会比较复杂。

• 结账入口

  即提供进入结账流程的按钮。Checkout、结账、结算等名称。

• 暂存架

  按设计方式，一般同样设计在购物车模型中，通过类型区分（Buy Now or Buy Later）。

• 关联推荐

  调用关联推荐的接口或tag等封装，根据购物车内的最近加入产品或某些产品进行推荐。

  根据顾客行为，如浏览、也购买等进行关联推荐。

三、迷你购物车

迷你购物车一般放在页面顶部的导航栏上，即电商网站前端除结账流程相关页面外，其它页面

均可以看到该组件。

迷你购物车常见的功能包括：

• 显示统计信息：包括金额、产品种类、总数等。

• 购物车入口：可以进入购物车页面查看详细情况。

• 结账入口：方便顾客，可以直接从任何的页面的迷你购物车组件中进入结账。

• 扩展：有些网站会在迷你购物车上显示更多的信息，如最近加入购物车的产品。但是由于页面

  展示空间的限制，所以会通过一些事件来触发，如鼠标移到迷你购物车，点击展开箭头图标等。

四、迷你购物车推荐页面

亚马逊和京东常用的设计方式，即点击“加入购物车”后，不是停留在产品详细页面，并通过

弹出提示框，或者在迷你购物车做信息提示处理等方式反馈给顾客。而是直接页面跳转到推荐页面。

这个页面不是购物车页面，而是一个包含迷你购物车的推荐页面，而且这个迷你购物车除了显示

统计信息外，还将最近加入购物车的1个或多个产品同样进行显示（因为页面空间足够）。

这样设计的思路是基于顾客既然决定“加入购物车”了，就表示对当前产品了解足够，再停留在

该产品页面对顾客已经没有多大价值了，进入推荐页面，可以为顾客进行更多的交叉销售、向上销售

（也称追加销售）的推荐。有利于促进顾客购买更多产品。

图片.png