購(gòu)物車(chē)在現(xiàn)在個(gè)APP里，基本都占到了一個(gè)tab頁(yè)。但購(gòu)物車(chē)中這個(gè)小小的細(xì)節(jié)，估計(jì)很多人的沒(méi)有注意到。如果你是一名產(chǎn)品經(jīng)理或者交互設(shè)計(jì)師，但沒(méi)有注意到這個(gè)細(xì)節(jié)，你需要看看這篇文章。

一、發(fā)現(xiàn)問(wèn)題

先問(wèn)是不是，再問(wèn)為什么。先看看幾個(gè)電商網(wǎng)站和APP的設(shè)計(jì)：

1.web

淘寶

京東 ??

在web端，淘寶和京東采用同樣的設(shè)計(jì)方式，當(dāng)購(gòu)物車(chē)的商品數(shù)量等于1的時(shí)候，左邊的減號(hào)會(huì)變?yōu)椴豢牲c(diǎn)擊狀態(tài)。如果用戶(hù)在此時(shí)搗亂（像我們產(chǎn)品經(jīng)理一樣）從鍵盤(pán)輸入數(shù)字0到數(shù)字框，那么商品數(shù)量會(huì)自動(dòng)變?yōu)?。那用戶(hù)怎么刪除商品呢？點(diǎn)擊右邊的“刪除”，然后在彈窗里確認(rèn)。

2.APP端

蘇寧易購(gòu)的購(gòu)物車(chē)，商品數(shù)量為1時(shí)，減號(hào)變?yōu)椴豢牲c(diǎn)擊。想要?jiǎng)h除商品，則需要點(diǎn)擊右上角的編輯，點(diǎn)擊刪除，再?gòu)棿按_認(rèn)。

淘寶安卓版的購(gòu)物車(chē)，初始狀態(tài)下不可修改商品數(shù)量

點(diǎn)擊編輯后可編輯數(shù)量，但數(shù)量變?yōu)?后點(diǎn)擊減號(hào)無(wú)效。刪除在頁(yè)面右下方，離最上面的商品已經(jīng)很遠(yuǎn)了，刪除需要先選中然后彈窗確認(rèn)。

淘寶另一種刪除的方法：長(zhǎng)按商品彈出浮層，點(diǎn)擊刪除需要再次彈窗確認(rèn)。

二、分析問(wèn)題

首先讓我們分析一下，購(gòu)物車(chē)有哪些可能的使用場(chǎng)景：

• 場(chǎng)景一：用戶(hù)在購(gòu)買(mǎi)時(shí)意向很明確，只買(mǎi)了一個(gè)或幾個(gè)數(shù)量確定的商品，他會(huì)點(diǎn)擊“直接購(gòu)買(mǎi)”，然后進(jìn)入確認(rèn)訂單流程。這種場(chǎng)景下用戶(hù)不會(huì)用到購(gòu)物車(chē)。
• 場(chǎng)景二：用戶(hù)的購(gòu)買(mǎi)意向比較明確，買(mǎi)了很多商品，都是先加入購(gòu)物車(chē)，然后統(tǒng)一結(jié)算。
• 場(chǎng)景三：用戶(hù)在購(gòu)物時(shí)意向不是很明確，只是隨便逛逛，看到喜歡的東西，先放在購(gòu)物車(chē)再說(shuō)。等哪天發(fā)工資了再進(jìn)入購(gòu)物車(chē)剁手，這個(gè)時(shí)候購(gòu)物車(chē)?yán)镆呀?jīng)有各種商品了，然后統(tǒng)一結(jié)算。

在場(chǎng)景二和場(chǎng)景三里，都是要用到購(gòu)物車(chē)的，在購(gòu)物車(chē)?yán)镄薷纳唐返臄?shù)量。比如有個(gè)東西我下單時(shí)選擇了5個(gè)，我想再多加幾個(gè)，直接加，很方便。如果有個(gè)東西我買(mǎi)了3個(gè)，但我現(xiàn)在一個(gè)都不想要了，注意，可能發(fā)生以下情況：

1. 頁(yè)面里沒(méi)有刪除按鈕->點(diǎn)擊“-”使商品數(shù)量到 “1”（用戶(hù)在使用時(shí)很少思考，這個(gè)是最直觀(guān)的做法）->減號(hào)可點(diǎn)擊，但無(wú)響應(yīng)->用戶(hù)：手機(jī)卡了嗎？為什么沒(méi)反應(yīng)？不買(mǎi)了！卸載！
2. 頁(yè)面里沒(méi)有刪除按鈕->點(diǎn)擊“-”使商品數(shù)量到?“1”->減號(hào)不可點(diǎn)擊->用戶(hù)：為啥不能減到0？我要怎能么刪除這個(gè)商品？不想了！卸載！
3. 頁(yè)面里沒(méi)有刪除按鈕->點(diǎn)擊“-”使商品數(shù)量到 “1”->減號(hào)可點(diǎn)擊->浮層提示：“受不了了，寶貝不能再減少了哦”->用戶(hù)：不能再減？你知道我想刪除它不？就不能告訴我咋刪除？卸載！！
4. 頁(yè)面里沒(méi)有刪除按鈕->點(diǎn)擊“-”使商品數(shù)量到 “1”->減號(hào)不可點(diǎn)擊->滑動(dòng)下試試？->居然可以刪除?->我可是安卓用戶(hù)，居然給我用iOS的操作方式？卸載！??！

就這樣，我們的產(chǎn)品被無(wú)情地一次又一次卸載，用戶(hù)無(wú)情地將我們拋棄。

那為什么購(gòu)物車(chē)?yán)锏纳唐凡荒軓?減到0呢?是產(chǎn)品經(jīng)理沒(méi)考慮到這些場(chǎng)景嗎？把原因總結(jié)如下：

1. 從2到1和從1到0的操作性質(zhì)有所不同。用同一種操作（點(diǎn)擊減號(hào)）連續(xù)完成“減少”和“刪除”兩個(gè)操作，會(huì)讓用戶(hù)比較疑惑
2. 刪除是一種后果比較嚴(yán)重的行為：加入購(gòu)物車(chē)的商品都是用戶(hù)有購(gòu)買(mǎi)意愿的，如果被誤刪了，用戶(hù)再去找這個(gè)商品比較麻煩。所以刪除商品需要確認(rèn)，最好是有一個(gè)單獨(dú)的操作入口，防止誤刪。
3. 對(duì)于電商平臺(tái)，希望用戶(hù)不要?jiǎng)h除商品，所以需要把刪除的入口稍微隱藏一下，然后刪除的路徑，再稍微長(zhǎng)一點(diǎn)，這是可以提高轉(zhuǎn)化率的。

現(xiàn)在看來(lái)，哪種設(shè)計(jì)能比較好地平衡產(chǎn)品戰(zhàn)略和用戶(hù)體驗(yàn)?zāi)?？最好滿(mǎn)足以下要求：

• 不能直接刪除（延長(zhǎng)用戶(hù)做決定的時(shí)間，讓用戶(hù)再”猶豫”一下）
• 不讓用戶(hù)思考，不讓用戶(hù)疑惑。只要用戶(hù)想刪除，一次就能找到最準(zhǔn)確的路徑

基于以上，提出一個(gè)改進(jìn)方案：在購(gòu)物車(chē)頁(yè)面，用戶(hù)可以直接編輯數(shù)量，不能直接刪除。當(dāng)數(shù)量減到1時(shí)，減號(hào)仍可點(diǎn)擊（不讓用戶(hù)思考：為什么減號(hào)不能點(diǎn)擊了），再次點(diǎn)擊減號(hào)時(shí)，浮層提示：“不能再減了，刪除請(qǐng)長(zhǎng)按/左滑/點(diǎn)擊編輯～”（不讓用戶(hù)思考：指導(dǎo)下一步該怎么做）。這樣的設(shè)計(jì)，算不算是一種細(xì)節(jié)的改進(jìn)呢？

作者：wenjie（微信：wxid_jeremy_），左鄰產(chǎn)品經(jīng)理，荒漠中野蠻生長(zhǎng)，關(guān)注用戶(hù)體驗(yàn)/商業(yè)模式/新媒體運(yùn)營(yíng)。歡迎交流～

本文由 @wenjie 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理 ，未經(jīng)許可，禁止轉(zhuǎn)載。