10.6 擴展:購物車

「購物車」真的算是實物虛擬化的偉大創造,對比Amazon、eBay的購物車,國內的電商公司又將購物車的功能潛力挖掘得淋漓盡致。如圖10-12所示,分別是淘寶、京東、Amazon、考拉的購物車。不論在移動端還是Web端,購物車都是電商用戶端的重要模塊。我們主要從購物車的使用場景、產品設計以及訂單結算來介紹購物車。

圖10-12 京東、天貓、Amazon、考拉的購物車

【購物車的妙用】

購物車在實際使用中對用戶來說,兼具湊單、促銷、收藏的功能。

1.湊單

在用戶瀏覽商品詳情頁的時候,有兩種選項:一種是「立即購買」,另一種是「加入購物車」。當用戶本身需求較多,想一次購買多種商品,或者參與到優惠活動中(如滿減、滿贈等),這時候會將商品加入購物車進行湊單。

2.促銷

購物車還有促銷方面的功能,用於提高客單價。當有促銷活動(滿減、滿贈)時,用戶將商品加入購物車之後,可以查看是否滿足優惠條件和優惠之後的金額(不包含優惠券)。

3.收藏

對於大部分用戶來說,購物車發揮更多的是收藏的作用:「這東西看著不錯,等以後再下單。」另外還有篩選的作用。比如筆者網購時,會先加入購物車收藏,後面有時間再在購物車中篩選之後購買。

【購物車的設計】

1.通用顯示

購物車在展示時,基本的展示信息主要有:商品標題、商品圖片、價格、數量、規格(顏色、尺碼等)、商家(自營或店舖)、庫存狀態(是否緊張或缺貨)等。如果是跨境商品,還需要顯示稅費。購物車中的商品信息在初次打開(APP或Web端首次進入)或刷新時,商品信息、促銷信息都同步更新。

購物車的選中策略有三種:打開時默認全選、打開時默認全不選、雲端同步選中狀態(不同設備打開時繼承上次選中記錄)。

用戶的購物車數據需要記錄在數據庫中,保證APP端和Web端同步,下次登錄後不會丟失。

2.離線購物車

離線購物車指的是用戶在未登錄狀態下把商品加入購物車,一般通過創建虛擬用戶實現。為了更好的用戶體驗,需要讓用戶在下單之前,允許未登錄先將商品加入購物車。

用戶登錄之後,涉及離線購物車和在線購物車合併。首先判斷當前是否有離線購物車,然後將離線購物車的數據和在線購物車的數據進行合併。

3.庫存監控

由於商品庫存會發生變動,在庫存緊張或無貨的時候,會在前端給予提示。除了提醒用戶,在庫存緊張時還有促單的功效。購物車更新時,去查詢對應的商品庫存,判斷當前商品的數量,當庫存數大於0並小於提醒值時,提醒用戶庫存不足,請盡快下單;當庫存數等於0時,提醒無貨;當商品下架後,提示商品無效。

無效商品進入無效商品列表中,可批量清除。

4.排序分類

商品在購物車中顯示有幾個緯度:1商家店舖,將不同店舖的商品分開;2優惠不同,在購物車中將優惠活動相同的商品聚合在一起;3加入時間,按照加入購物車的時間倒序排列,最近添加的商品排列在前。

5.促銷信息

購物車中顯示促銷相關信息,類似滿減、滿贈、贈品等信息。例如在購物車中顯示「滿500減100」、「全場滿減」、「商品的贈品有哪些」。還可以引導客戶去店舖領取優惠券。在購物車中展示促銷信息對提高客單價有良好效果,筆者認為目前最好用的購物車非京東莫屬。

6.商品推薦

在購物車底部,是最好的商品宣傳位,可以添加為商品推薦區域。至於商品推薦的內容,會根據用戶數據做定向推薦,這裡不做擴展。

7.價格監控

購物車的商品價格變動時給用戶提示,比如降價20元,會對用戶的消費決策產生影響。

8.編輯

編輯購物車時主要可以進行的操作:刪除商品、加減商品數量、更改商品規格等。如圖10-13所示。

圖10-13 編輯購物車

【購物車的結算】

在購物車選中商品時,會實時算出訂單金額。在購物車中計算時,需要將優惠金額算進去,但是這部分優惠只包括滿減的部分,如圖10-14所示。例如商品訂單1000元,但是滿800減200,那購物車中顯示的訂單金額為800,優惠200。若是跨境商品,則需要考慮稅費。

圖10-14 購物車結算

在購物車中未將優惠券的優惠金額算入,主要是因為實際場景中可能有多種優惠券滿足訂單的情況,用戶可根據需要自由選擇相應的優惠券。

這裡有個優化點,可以提示使用優惠券最多可優惠多少元。

總結一下。移動端和PC端的購物車在設計上雖略有不同,但是核心要點都是一樣的。良好的產品邏輯、友好的購物車設計能夠促成交易達成,提高客單量。

《電商產品經理寶典:電商後台系統產品邏輯全解析》