編輯導(dǎo)語：電商平臺中的購物車功能對于平臺來說十分重要，關(guān)乎電商平臺的交易轉(zhuǎn)化，本篇文章作者分享了有關(guān)購物車的設(shè)計，感興趣的一起來看一下，希望對你有幫助。

目前對于電商來說購物車功能是不可缺少的，也是電商平臺交易轉(zhuǎn)化最重要的環(huán)節(jié)之一，轉(zhuǎn)化率的微弱提升都將會為平臺帶來巨大的利益，不管你是否登錄，都可以把商品添加到購物車中，并操作購物車中的商品，很大程度的改善了消費者的體驗。

那么購物車到底解決了什么問題？又實現(xiàn)了什么功能呢？總的來說購物車是平臺用于促進用戶購買的一個功能模塊。

表面上來看它是用來暫存用戶想要購買的商品，但更抽象一步來看它是用來橋接用戶“逛”與“買”之間的間隙。

如果我們僅僅從純表現(xiàn)層面來看，有很多的設(shè)計我們很難去解釋為什么需要？為什么要這么做？所以，我們需要先將購物車的設(shè)計做一個拆分，一部分是購物車這個模式所必須的，一部分是因為業(yè)務(wù)特性所附加的。

我們先將業(yè)務(wù)的部分拋開，一個最基礎(chǔ)、常見的購物車界面可能會是如下圖的樣子。主要是對商品信息、價格、總價的展示。

用戶們?nèi)粘Ｋ佑|到的購物車基本都包含這些元素、這樣布局，當我們?yōu)橐豢钚碌漠a(chǎn)品設(shè)計購物車界面時，它應(yīng)該成為我們開始的基礎(chǔ)，以確保用戶最小的學(xué)習(xí)成本、更高的效率。

從這個基礎(chǔ)框架來看，購物車最基礎(chǔ)需要解決的問題是告知用戶想要購買的商品有哪些、什么規(guī)格、數(shù)量多少，以及整體的總價并引導(dǎo)進行支付操作。滿足了購物車界面的基礎(chǔ)框架之后，它基本上就能夠?qū)τ脩粼谠诰€購物平臺上進行購物的進行最基礎(chǔ)的支持，順利的完成購買行為。

但作為整個交易路徑最為重要的環(huán)節(jié)之一，我們還需要通過設(shè)計將它的轉(zhuǎn)化率進行不斷的放大。

這也就意味著我們需要對購物車界面進行一些“裝飾”，讓用戶的購買意愿度、購買數(shù)量進一步的提升。

一、購物車的通用顯示設(shè)計

購物車在展示時，基本的展示信息主要有：商品標題、商品圖片、價格、數(shù)量、規(guī)格（顏色、尺碼等）、商家（自營或店鋪）、庫存狀態(tài)（庫存緊張/缺貨）等。

如果是跨境商品，還需要顯示稅費。購物車中的商品信息在初次打開 （APP或web首次進入）或刷新時，商品信息、促銷信息都同步更新。

購物車的選中策略有三種：打開是默認全選、默認全不選、云端同步選中狀態(tài)（不同設(shè)備打開時繼承上次選中記錄），用戶的購物車數(shù)據(jù)需要記錄在數(shù)據(jù)庫中，保證APP端和web端同步，下次登錄后不會丟失。

二、購物車的離線顯示設(shè)計

離線購物車指的是用戶在未登錄狀態(tài)下加入購物車，一般通過創(chuàng)建虛擬用戶實現(xiàn) 。為了更好的用戶體驗，需要讓用戶在下單之前，允許未登錄先將商品加入購物車。用戶登錄之后，涉及到離線購物車和在線購物車合并，首先判斷當前是否有離線購物車，然后將離線購物車的數(shù)據(jù)和在線購物車數(shù)據(jù)進行合并。

1. 設(shè)計進階1：催你買單的購物車

一般購物車也會因為種種原因放棄率很高，為了有效降低放棄率，我們通?？梢圆扇∫韵聨追N方法：

1. 發(fā)放優(yōu)惠卷
2. 運費減免或湊單
3. 限時優(yōu)惠
4. 發(fā)送營銷短信（1小時內(nèi)發(fā)送首條挽回短信/郵件客戶完成交易的概率高達19.8%，延遲至24小時之后，成交率會降至11.6%）。

2. 設(shè)計進階2：會裂變的購物車

有兩種選項給用戶決定買與不買一個商品，一是加入購物車，二是直接購買。

第一種可能是用戶本身需求較多，想一次購買多種商品，或者參與到優(yōu)惠活動中（滿減、滿贈等），這時候會將多個商品加入購物車進行批量購買，那么此時我們就需要將購物車設(shè)計中加入“湊單”提示，推薦用戶可能感興趣的商品，就能夠讓用戶增加商品購買數(shù)量，像淘寶、京東現(xiàn)在都有湊單滿減或者湊單減免運費的活動，這樣無形中就增加了銷售更多的產(chǎn)品。

購物車的設(shè)計又分為兩種方案：

1）對于在移動端的電商系統(tǒng)里，我們可以根據(jù)是否需要在不同終端同步數(shù)據(jù)以及對購物車數(shù)據(jù)的重要程度，實現(xiàn)購物車功能有兩種方式可選：

（1）對于不需要在多終端同步購物車數(shù)據(jù)，以及購物車數(shù)據(jù)不太重要的情況下，可以選擇把購物車的數(shù)據(jù)全部緩存在用戶本地終端。

優(yōu)點是：

• 不需要服務(wù)參與，即減少了對服務(wù)的壓力；
• 同時，在用戶體驗上，購物里的數(shù)據(jù)刷新速度回更快。

缺點是：

由于數(shù)據(jù)不在云端服務(wù)器上，所以，用戶在換一個終端設(shè)備，或者清除本進程緩存時，購物車里的數(shù)據(jù)都會丟失。

采用這種方式實現(xiàn)購物車的場景是：從用戶的行為上來看，用戶在欲購買某件商品時會直接對其進行下單結(jié)算，這個過程都不需要購物車參與。

同時，即使用戶先把商品放入購物車，之后用戶要么進入購物車進行結(jié)算，要么就置購物車而不顧，放棄交易。

但是，用戶下次再次發(fā)生購買時，從進入購物車進行現(xiàn)代購買的概率會極低，他會選擇有重新進入商品詳情進行下單付款，所以此時購物車里的數(shù)據(jù)對用戶來說并不是那么重要，因此可以把購物車的數(shù)據(jù)設(shè)計在本地進行緩存起來。

有人也許又會說，現(xiàn)在在大數(shù)據(jù)環(huán)境下，誰擁有數(shù)據(jù)，誰就擁有用戶和價值，所以，如果購物車存儲在本地的話，那么公司就沒有了這塊數(shù)據(jù)了！

但是，反過來問，公司企業(yè)需要用戶的購物數(shù)據(jù)嗎？需要用來干嘛？同時，因為用戶購物車數(shù)據(jù)最終是轉(zhuǎn)成訂單（支付或待付），所以公司企業(yè)只需要訂單數(shù)據(jù)即可分析用戶的行為，而不需要使用購物車里的數(shù)據(jù)。

同時，尤其對小程序來說，緩存在小程序里的數(shù)據(jù)官網(wǎng)說明的是永久存儲，所以只要用戶不主動清理數(shù)據(jù)，或換手機登錄的話，這個數(shù)據(jù)就一直在用戶設(shè)備中不易丟失。

（2）對于需要在多終端設(shè)備上同步數(shù)據(jù)，這種情況下就需要把數(shù)據(jù)存儲在云端服務(wù)器上了。

缺點：

是每次進入購物車，或?qū)徫镞M行操作時，都需要云端服務(wù)器參與，某種程度上就增加了服務(wù)器的壓力，以及會增加用戶的等待時間。

對于這兩種方式各有優(yōu)缺點，實際在實施項目時，根據(jù)產(chǎn)品經(jīng)理或客戶的實際需求進行選擇了。

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

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