本文作者將剖析一個合格的購物車的基本設(shè)計。enjoy~

根據(jù)調(diào)查，2016年全球購物車放棄率在75%左右，這個數(shù)字恐怕比我們想象中的高了很多。而導致這個的原因其中包括：

1. 過高的額外成本，例如運費、稅費等
2. 注冊流程的中斷
3. 支付流程的中斷，例如支付流程繁瑣、余額不足等
4. 過高的商品價格，沒有優(yōu)惠
5. 用戶僅僅是用于收藏
6. 商品因為缺貨或下架等無法購買
7. …

接下來，慢慢剖析一下一個合格的購物車的基本設(shè)計。

目錄：

1、購物車的作用

2、購物車的入口設(shè)計

3、立即結(jié)算和加入購物車的區(qū)別

4、加入購物車的前置流程

5、購物車系統(tǒng)與其他系統(tǒng)的關(guān)聯(lián)

6、購物車的產(chǎn)品結(jié)構(gòu)

7、點擊購物車之后是彈出彈窗還是跳轉(zhuǎn)頁

8、如何減庫存

9、喚醒

一、購物車的作用

購物車不是簡單的一個添加商品然后下單的功能，背后設(shè)計的內(nèi)容比較復雜，他能夠與會員系統(tǒng)、商品系統(tǒng)、庫存系統(tǒng)、訂單系統(tǒng)等緊密結(jié)合，設(shè)計購物車的時候要考慮到與其他系統(tǒng)產(chǎn)生的關(guān)聯(lián)關(guān)系。

購物車的作用是什么？

二、購物車的入口設(shè)計

所謂入口設(shè)計就是能和購物車產(chǎn)生交互的入口。而我們在設(shè)計入口的時候，應(yīng)該將自己融入場景，應(yīng)需而現(xiàn)，通常在搜索列表頁面、商品詳情頁面、秒殺、專題等活動頁面出現(xiàn)，通常在這些場景中，用戶是需要做出購買決策的，當然，也可能是用于商品收藏。

另外，入口也可能來自于用戶的收藏夾、歷史訂單中。

入口設(shè)計的目的在于能夠讓用戶基于不同場景將商品添加到購物車或者到購物車結(jié)算。

而在入口設(shè)計中，會衍生出另外一個談的比較多的話題，就是立即購買和加入購物車的區(qū)別。

三、立即購買和加入購物車的區(qū)別

以下是淘寶和京東商品詳情頁立即購買和加入購物車的截圖。

從本質(zhì)上來說，淘寶是C2C的，是由各個賣家獨立管理或發(fā)貨的；而京東是B2C的，是大部分是自營的，有統(tǒng)一的物流體系。

就像去逛菜市場，不可能把每個攤位的菜都放到菜籃子了再去一一結(jié)賬，而在沃爾瑪購物，則可以將選購商品放到購物車了再到收銀臺付賬。當然，像京東的秒殺商品也是提供立即購買的，因為大家都希望用最短的流程和時間購買這件秒殺商品。

設(shè)計立即購買還是加入購物車絕對不是一個0和1的問題，應(yīng)該按照場景來定。

四、加入購物車的前置流程

根據(jù)實測顯示，淘寶、京東、美團等平臺的流程是點擊“加入購物車后”，是成功將商品加入購物車，提交訂單的時候才提示登錄/注冊。

而唯品會點擊“加入購物車”時就需要登錄/注冊。

而我更傾向于建議先讓用戶加入購物車，在結(jié)算的時候再彈出登錄框，過早提醒會中斷用戶的瀏覽過程。

而若不登錄加入購物車會出現(xiàn)一個問題，特別是在PC端，如果用戶清理了瀏覽器cookie的話，購物車里面的商品就會灰飛煙滅，這一點用戶體驗不是很友好，但用戶主動清理cookie的情況比較少。

五、購物車系統(tǒng)與其他系統(tǒng)的關(guān)聯(lián)

購物車與訂單系統(tǒng)

在購物車下單之后，需要把購物車里面的商品信息提交到訂單系統(tǒng)。

購物車與庫存系統(tǒng)

如果是加入購物車減庫存，這個時候就要考慮在庫存系統(tǒng)中做減庫存操作。

購物車與價格系統(tǒng)

若商品加入購物車后，商家修改了商品價格，那么購物車的價格也相應(yīng)的調(diào)整。

購物車與促銷系統(tǒng)

購物車自動關(guān)聯(lián)該賬戶下的優(yōu)惠信息。

以上只是簡單的說明購物車與其他系統(tǒng)之間會產(chǎn)生的交互，在設(shè)計購物車的時候，要仔細考慮和其他系統(tǒng)產(chǎn)生的交互，如果考慮不全面，可能會導致商品數(shù)量出現(xiàn)問題、結(jié)算信息出現(xiàn)問題等。

六、購物車的產(chǎn)品結(jié)構(gòu)

購物車常見的產(chǎn)品結(jié)構(gòu)如下圖：

關(guān)于購物車的智能推薦，建議不要推薦同類商品，而是推薦周邊商品或配套商品。比如我往購物車里面添加了一臺電腦，更完美的推薦應(yīng)該是推薦鼠標、鍵盤這類的周邊商品，用戶一看，這款鍵盤很帥啊，說不定就促進轉(zhuǎn)化了。但是，如果又推薦電腦給用戶，用戶忽然看到推薦的電腦也很棒，然后，他又陷入了深深的糾結(jié)中，反而增加了購物車的放棄率。

在購物車列表中，以下幾點需要重點關(guān)注：

（1）自動勾選本次挑選的商品

因為用戶很可能把購物車當做收藏夾或者暫存庫來用，購物車可能沉淀了很多商品，而用戶本次購買的商品可能是用戶購買優(yōu)先級高的，就需要本次付款的，所以最好的處理方式應(yīng)該是自動勾選本次挑選的商品。

（2）排序問題

購物車內(nèi)的商品排序也是一門藝術(shù)，同理，需要將最近添加的商品放在前面，讓用戶一眼就看得見它。有人可能就說了，可以把時間久的商品放在前面來提醒用戶還有沒有下單的商品，達到喚醒的目的，但是我想說的是：用戶當下的需求是什么，你得先滿足了。

（3）合計處理

目前淘寶、京東的做法都是按照店鋪合計商品的，這樣做的底層邏輯在于批量選擇一個店鋪的商品結(jié)算后能夠?qū)?yīng)到統(tǒng)一的物流和商家。

因為添加的商品可能因為排序問題和合計處理之間的矛盾，一般的做法是將最新添加商品的所在分類排到前面來。

（4）上限商品數(shù)量

京東購物車上線數(shù)量是200件，而淘寶我還沒有測出來，因為我已經(jīng)測到2010件都是可以添加的到購物車并下單的。而唯品會是同款商品限購2件。這跟平臺的具體形態(tài)有關(guān)。

（5）購物車商品的異常處理

添加到購物車的商品，可能因為下架、缺貨、促銷等原因處于異常狀態(tài)，通常處理方法是將該商品信息至于灰色并提示無貨，置于不可勾選狀態(tài)。

七、點擊購物車之后是彈出彈窗還是跳轉(zhuǎn)頁面（讓用戶選擇去結(jié)算還是再逛逛）?

這個問題的本質(zhì)在與鼓勵用戶盡快結(jié)賬還是繼續(xù)購買。

對于男性用戶來說，購買目標明確，就是要買這個東西，所以我們更希望是跳轉(zhuǎn)頁面希望用戶盡快結(jié)賬。

如果是客單件低，可以讓用戶繼續(xù)逛逛，湊單什么的。

如果是客單價高，例如買電器，更多的可能是讓用戶直接去結(jié)算。

另外個是基于用戶行為數(shù)據(jù)的，根據(jù)用戶的行為數(shù)據(jù)分析，用戶的特征及喜好是怎樣的，根據(jù)用戶的喜好來。

所以，最好的解決方法是根據(jù)基于用戶畫像及行為數(shù)據(jù)的解決方案。

八、如何減庫存

購物車設(shè)計中比較關(guān)鍵的一點就是：何時減庫存？

減庫存常見的做法有三種：

以上的優(yōu)缺點只是相對的，并不重要（所以我用了灰色）。

重要的是場景融合，平臺自身的情況是什么，根據(jù)情況分析，甚至于目前我正在做的平臺是賣虛擬商品的，根本就沒有減庫存這一說。而且即便是減庫存的方式有缺點，我們也可以通過一些機制去彌補這些缺點。

我在測試的時候，把京東自營的外星人筆記本電腦都全部下訂單了，再加入購物車時提示無貨了。而已經(jīng)下了的訂單提示需要在24小時內(nèi)支付(緊俏商品會有單獨的時間限制），否則商品就會釋放（總不能占著茅坑不拉屎吧）。而自主或被動的取消訂單后，該商品就會恢復庫存。

而比如唯品會，加入購物車之后便會減庫存，但是需要在20分鐘內(nèi)提交訂單，提交訂單后需要在30分鐘內(nèi)完成支付，否則該商品就會釋放到庫存中。因為唯品會做的是折扣搶購商品，必須要盡快將商品釋放到庫存中，讓真正需要購買的用戶能夠買到。

九、喚醒

開篇提到，購物車因為種種原因放棄率是很高的，那么降低放棄率的方法有哪些呢？

1. 發(fā)放優(yōu)惠券等
2. 把配送的下限調(diào)到最低
3. 運費減免或湊單
4. 發(fā)送營銷短信/郵件

有關(guān)調(diào)查顯示，在1小時內(nèi)發(fā)送首條挽回短信/郵件客戶完成交易的概率高達19.8%，而如果是延遲至24小時之后，成交率卻驟降至11.6%。

我昨天在唯品會添加到購物車商品，下午給我發(fā)了一條短信提示，今天發(fā)了一條短信提示。而且你看昨天的短信，告訴我送了我一個30元的優(yōu)惠券，就問你有沒有有一點心動？但是值得注意的是，有個短信發(fā)送的時間是早上9:56，正是我工作很忙的時候，要么是短信都不打開，要么是打開看了之后沒有時間去購物車下單，轉(zhuǎn)過身，又忘卻在了無邊無際的工作與煙花柳巷中。所以，提醒的時間就顯得尤為重要了，建議在晚上6-9點之間向用戶發(fā)送短信，這樣的喚醒幾率更高。

說在最后，這只是講解了一些購物車的常見設(shè)計，而具體情況需要具體分析。不在于優(yōu)缺點，而在于場景。

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

題圖來自 Pexels，基于 CC0 協(xié)議