購物車在現在個APP里，基本都占到了一個tab頁。但購物車中這個小小的細節，估計很多人的沒有注意到。如果你是一名產品經理或者交互設計師，但沒有注意到這個細節，你需要看看這篇文章。

一、發現問題

先問是不是，再問為什么。先看看幾個電商網站和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時，減號仍可點擊（不讓用戶思考：為什么減號不能點擊了），再次點擊減號時，浮層提示：“不能再減了，刪除請長按/左滑/點擊編輯～”（不讓用戶思考：指導下一步該怎么做）。這樣的設計，算不算是一種細節的改進呢？

作者：wenjie（微信：wxid_jeremy_），左鄰產品經理，荒漠中野蠻生長，關注用戶體驗/商業模式/新媒體運營。歡迎交流～

本文由 @wenjie 原創發布于人人都是產品經理 ，未經許可，禁止轉載。