关于购物车界面设计的一些思考

购物车的作用

购物车主要起到了批量结算、商品对比以及商品收藏的作用。

1.批量结算

我们经常需要同时购买多种商品，如果每一种商品都要单独进行付款，无疑会降低用户的购物体验，就好比去超市买了很多商品，收银员每扫一件就需要付一件的钱，不符合用户的购物习惯。所以我们需要购物车功能来进行批量结算，达到减少流程步骤、快速购买的目的。

2.商品对比

同一件的商品在不同的店铺里，价格、减免、运费等往往是多种多样的，购物车可以方便用户对这些商品进行比较，然后挑选合适的购买。

3.商品收藏

购物车还起到了收藏的作用，我问了很多身边的朋友，得出的结果是他们大多数人都会把购物车当做收藏来使用，我认为其中的原因主要在于购物车的按钮实在比收藏按钮要显眼太多了，既然他们都能起到收藏的作用，用户自然会选择显眼、易点击的按钮。

购物车入口

所谓的入口就是用户和购物车产生交互的入口，常见的添加购物车入口存在于商品列表、收藏列表、详情页底部等页面中，还有为了便于用户及时查看已添加到购物车中的商品也设置了一个快捷的入口。

1.商品列表

在没有进入商品详情页之前，在列表页中就已经出现了加入购物车按钮。用户如果对商品有足够了解，就可以快捷地添加到购物中，然后一起结算，缩短了用户的操作路径。但是列表页不能够看到商品的具体信息，如果商品有变动的话，用户不能及时了解到。如下图：

2.收藏列表

在已收藏的商品列表中，也会出现加入购物车按钮，便于用户快捷地把商品添加到购物中。如下图：

以京东和苏宁易购为例，他们的收藏列表中都有添加购物车按钮。之前我在京东已经收藏好了一些办公用品，在需要采购的时候就可以把他们快速地加入购物车，然后一起结算。

3.商品详情页底部

在商品详情页的底部，有时候既有添加购物车又有立即购买，但有些时候却只有一个添加购物车按钮。这是因为如果平台属于C2C的话，会有很多不同的商家独立售卖商品，用户好比在集市买东西，各个商家之间不存在一同结算的情况，所以必须添加立即购买按钮。

而在B2C的平台中，用户好比在一家大型的超市购物，把不同的商品放进购物车后，最后一起结账就可以了，所以可以不放立即购买按钮。如下图：

以淘宝为例，在天猫超市自营的商品详情页中，就只有一个加入购物车的按钮，给人一种真的在逛超市的感觉。但是在普通店铺的商品详情中，添加购物车和立即购买按钮同时存在。

4.查看已添加商品入口

这个入口经常和“添加购物车”同时出现在商品详情页面中，它的作用就是跳转到购物车页面 查看已经添加的商品。如果没有这个按钮的话，用户想查看自己在购物车中添加了哪些东西，就需要返回首页，然后再进入购物车查看，必然会打断当前的浏览，而有了这个按钮后，用户就可以快速便捷地跳转，也不会打断当前的浏览。

以淘宝、京东、苏宁易购为例，他们的商品详情页面中都有跳转到购物车的按钮，不同的是他们有的把这个入口放在了页面的右上角，而有的放在了页面的底部。

总结

今天主要分享的一件事是关于购物车的一些思考，我总结了3个点是：

1.购物车主要起到了批量结算、商品对比以及收藏的作用。

2.添加购物车入口常出现在商品列表、收藏列表、详情页底部等页面中，需要根据不用的场景选择入口位置。

3.在商品详情页中添加一个能直接跳转到购购车中的按钮，便于用户快捷查看已添加的商品，同时不会打断用户正在进行的浏览。

原创： 青山

公众号： 海盐社