購買流程對于每一個電商網站都是至關重要的，好的購買流程就意味著高轉化率。本文將分析下購物車的設計思路。

如何設計出好的購物車？需要先了解用戶的使用情景及遇到的問題。

1、用戶使用情景

• 超市菜籃子/小推車：購物車就像超市里的菜籃子/小推車，用戶把商品依次加入其中，然后去收銀臺結算；
• 收藏夾：網站的購物車與超市不同的是，可以有“收藏夾”的作用。有很多的用戶，會把購物車當成收藏夾來使用。

2、用戶使用問題

購物車環節，用戶咨詢/投訴最多的問題是：我加入購物車的商品去哪了？分析這個問題，發現原因如下

• 該購物車網站不支持云存儲，導致用戶再次訪問購物車時，看不到已添加到購物車的商品；
• 用戶在未登錄情況下把商品加入購物車，然后更換瀏覽器或清除cookie，導致商品被清除。

了解用戶使用情景和遇到問題后，就可以結合網站現狀，根據不同的情況，來進行多維度的產品設計。

登錄維度

在產品經理設計購物車的時候，會遇到一個問題：進入購物車是否需要先登錄？

最初，在用戶進入購物車，都不需要登錄，在進入結算頁的時候，才需要登錄?，F在部分網站，在用戶進入購物車的時候就需要登錄。本文將分析兩種做法的利弊，大家可以根據實際情況來選擇采取哪種方案

典型案例

【淘寶】

從購物車一次次的提升商品數量上限可以看出，把購物車當成收藏夾的用戶很多，因此會帶來較多的客訴，權衡利弊，產品采取了進入購物車需要登錄的策略（淘寶的登錄，用的是彈層，此種做法能夠降低跳出率）

【京東】

和淘寶遇到的問題是一樣的：用戶把購物車當收藏夾。因此，京東也曾向淘寶一樣，嘗試登錄成功后，才能進入購物車。但是，可能由于效果不盡如人意，又改回了最初的流程：進入購物車無需登錄。

其實，我個人更推薦京東的做法，因為隨著互聯網的滲透，越來越多的用戶會網購，理解購物車的原理，在這個基礎上，無需登錄的產品流程，用戶體驗會更好些。

商品維度

眾所周知，購物車的商品有2兩種情況：有商品、無商品

典型案例

【當當 VS 京東】

購物車為空&當用戶未登錄，當當和京東的提示孰優孰劣，一看便知~ps，關于登錄和去購物的按鈕形式，不得不吐槽下當當：兩個并列的大紅按鈕，沒有任何的引導性，真是讓用戶“很難選擇”，違背了“別讓我想”的產品設計原則。

促銷維度

促銷有兩種形式：單品促銷、集合促銷。

• 單品促銷：只是對單個商品設置優惠（只需要一個商品參與），例如：直降、N件N折
• 集合促銷：對多個商品設置優惠（一般需要多個商品參加），例如：滿額減、滿額贈

在購物車中，針對促銷商品，需要讓用戶清楚：商品是否有促銷、如何滿足促銷條件/已享受多少優惠

典型案例

讓用清楚知道是否有促銷

【當當】

一目了然的使用戶知道：促銷類型-滿減、加價購，促銷條件-活動商品&滿100/200元。除此之外，清楚的讓用戶知道，還差多少錢才能湊單成功（京東就略遜一籌了）

【一號店】

用戶在購物車中，為滿足促銷條件時，完全不知道該商品是否有促銷..典型的badcase~

促銷與商品的對應關系

目前，電商網站中，還沒有一家可以做到，讓用戶一下就清楚一個集合促銷中包含哪些商品。

【京東】

如下圖所示，有些用戶可能會迷惑：為什么我的商品金額已滿199元，但是卻沒有享受優惠？（我身邊很多非互聯網的朋友，都被京東的促銷搞暈過）

原因是：最下方的商品“Nestle雀巢咖啡1+2特濃30條390g”不參與此促銷。京東卻只用淡淡的稍微粗點黑線來區分..

【當當】

采取了類似時間軸的做法，試圖告知用戶促銷集合的商品都有哪些。比起京東，好了不少，但是此種結構，雖然勉強還算清晰，就是需要多“思考”下，才可以明白。

店鋪維度

商家類型分為：自營、POP

由于自營商品和POP商品的賣家不同，因此客服、運費、售后等等服務有本質區別。最好在網站上各個產品線作出區分展示，購物車主要從排序、ICON、商家信息方面區分展示。

典型案例

【京東】

購物車頁面區分自營及POP商品

• 排序：一般的電商網站，會把自營商品放一起，在購物車上面展示。POP商品，則在自營商品下面展示
• ICON：京東自營商品會有自用的ICON
• 商家信息：POP商品會寫出店鋪名稱及聯系商家客服的入口

商品狀態維度

大家在購物的時候，一定遇到過一種情況：想購買的商品缺貨 、下架 或 超出配送范圍了！也許有人會認為這和購物車關系不大，因為這樣的商品無法加入購物車，所以購物車是否區分展示也不重要。實際情況是，必須區分，而且基本為電商標配。為什么？因為一旦沒有，會造成非常差的用戶體驗。畢竟，有很多用戶是吧購物車當收藏夾的，不是么？

典型案例

【淘寶】

不僅告知用戶此商品已失效，并且還給用戶提供其他選擇：推薦相似商品。這樣，可以一定程度上，留住即將要失去訂單。

針對B2C平臺，最好區分出失效的原因：下架 or 庫存 為零。并且放用戶進行“到貨通知”的消息訂閱。

【京東】

針對京東這種，明明庫存為零，還支持用戶勾選購買，在結算頁再提示用戶無貨的產品邏輯，實在是..不太理解。

商品展示 & 操作維度

商品內容較多，主要從商品信息、價格信息、操作 幾方面，展示并不困難，但是想要做好細節很難。

• 商品信息：商品圖片、標題、規格參數（顏色尺碼）、購買數量

• 價格信息：單價、總價、優惠金額

• 商品操作：刪除、收藏、批量刪除/收藏、到貨通知

批量操作：需要根據數據和產品現狀判斷產品優先級

到貨通知：建議增加，確實可以帶來不少訂單轉化

“零七八碎” 維度

購物車需要注意的地方實在是太多了，如果細講，估計要一天的時間。以上挑著重要的內容說了些，以下說下其余零碎的細節，也正是因為是細節，才容易被忽略。

商品排序

• 先自營，后商家；
• 先集合，后單品；
• 先近期，后遠期。

商品勾選

• 默認記住上次已勾選的商品，避免用戶重復操作

銷售地域

• 顯示出配送區域

個性推薦

• 換購、湊單、猜你喜歡、瀏覽歷史 等模塊

APP引流

• 手機購買更優惠，支持直接掃碼購買

觀點不同的童鞋，歡迎吐槽、探討~~

本文由 @小懶蟲愛生活?原創發布于人人都是產品經理?，未經許可，禁止轉載。