商品数不能从1减到0？购物车的交互设计可以这么改

雷峰网(公众号：雷峰网)按：本文作者wenjie（微信：wxid_jeremy_），左邻产品经理。

一、发现问题

先问是不是，再问为什么。先看看几个电商网站和APP的设计：

1、Web端

淘宝

京东

在web端，淘宝和京东采用同样的设计方式，当购物车的商品数量等于1的时候，左边的减号会变为不可点击状态。如果用户在此时捣乱（像我们产品经理一样）从键盘输入数字0到数字框，那么商品数量会自动变为1。那用户怎么删除商品呢？点击右边的“删除”，然后在弹窗里确认。

2、APP端

苏宁易购的购物车，商品数量为1时，减号变为不可点击。想要删除商品，则需要点击右上角的编辑，点击删除，再弹窗确认。

淘宝安卓版的购物车，初始状态下不可修改商品数量

点击编辑后可编辑数量，但数量变为1后点击减号无效。删除在页面右下方，离最上面的商品已经很远了，删除需要先选中然后弹窗确认。

淘宝另一种删除的方法：长按商品弹出浮层，点击删除需要再次弹窗确认。

二、分析问题

首先让我们分析一下，购物车有哪些可能的使用场景：

场景一：用户在购买时意向很明确，只买了一个或几个数量确定的商品，他会点击“直接购买”，然后进入确认订单流程。这种场景下用户不会用到购物车。

场景二：用户的购买意向比较明确，买了很多商品，都是先加入购物车，然后统一结算。

场景三：用户在购物时意向不是很明确，只是随便逛逛，看到喜欢的东西，先放在购物车再说。等哪天发工资了再进入购物车剁手，这个时候购物车里已经有各种商品了，然后统一结算。

在场景二和场景三里，都是要用到购物车的，在购物车里修改商品的数量。比如有个东西我下单时选择了5个，我想再多加几个，直接加，很方便。如果有个东西我买了3个，但我现在一个都不想要了，注意，可能发生以下情况：

1、页面里没有删除按钮->点击“-”使商品数量到 "1"（用户在使用时很少思考，这个是最直观的做法）->减号可点击，但无响应->用户：手机卡了吗？为什么没反应？不买了！卸载！

2、页面里没有删除按钮->点击“-”使商品数量到 "1"->减号不可点击->用户：为啥不能减到0？我要怎能么删除这个商品？不想了！卸载！

3、页面里没有删除按钮->点击“-”使商品数量到 "1"->减号可点击->浮层提示：“受不了了，宝贝不能再减少了哦"->用户：不能再减？你知道我想删除它不？就不能告诉我咋删除？卸载！

4、页面里没有删除按钮->点击“-”使商品数量到 "1"->减号不可点击->滑动下试试？->居然可以删除?->我可是安卓用户，居然给我用iOS的操作方式？卸载！

就这样，我们的产品被无情地一次又一次卸载，用户无情地将我们抛弃。

那为什么购物车里的商品不能从1减到0呢?是产品经理没考虑到这些场景吗？把原因总结如下：

1、从2到1和从1到0的操作性质有所不同。用同一种操作（点击减号）连续完成“减少”和“删除”两个操作，会让用户比较疑惑。

2、删除是一种后果比较严重的行为：加入购物车的商品都是用户有购买意愿的，如果被误删了，用户再去找这个商品比较麻烦。所以删除商品需要确认，最好是有一个单独的操作入口，防止误删。

3、对于电商平台，希望用户不要删除商品，所以需要把删除的入口稍微隐藏一下，然后删除的路径，再稍微长一点，这是可以提高转化率的。

现在看来，哪种设计能比较好地平衡产品战略和用户体验呢？最好满足以下要求：

1、不能直接删除（延长用户做决定的时间，让用户再"犹豫"一下）。

2、不让用户思考，不让用户疑惑。只要用户想删除，一次就能找到最准确的路径。

基于以上，提出一个改进方案：在购物车页面，用户可以直接编辑数量，不能直接删除。当数量减到1时，减号仍可点击（不让用户思考：为什么减号不能点击了），再次点击减号时，浮层提示：“不能再减了，删除请长按/左滑/点击编辑～”（不让用户思考：指导下一步该怎么做）。这样的设计，算不算是一种细节的改进呢？

本文由人人都是产品经理授权雷锋网发布，未经许可，不得转载！