關于購物車設計的總結

22 評論 45053 瀏覽 388 收藏 13 分鐘

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

根據調查,2016年全球購物車放棄率在75%左右,這個數字恐怕比我們想象中的高了很多。而導致這個的原因其中包括:

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

接下來,慢慢剖析一下一個合格的購物車的基本設計。

目錄:

1、購物車的作用

2、購物車的入口設計

3、立即結算和加入購物車的區別

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

5、購物車系統與其他系統的關聯

6、購物車的產品結構

7、點擊購物車之后是彈出彈窗還是跳轉頁

8、如何減庫存

9、喚醒

一、購物車的作用

購物車不是簡單的一個添加商品然后下單的功能,背后設計的內容比較復雜,他能夠與會員系統、商品系統、庫存系統、訂單系統等緊密結合,設計購物車的時候要考慮到與其他系統產生的關聯關系。

購物車的作用是什么?

二、購物車的入口設計

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

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

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

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

三、立即購買和加入購物車的區別

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

從本質上來說,淘寶是C2C的,是由各個賣家獨立管理或發貨的;而京東是B2C的,是大部分是自營的,有統一的物流體系。

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

設計立即購買還是加入購物車絕對不是一個0和1的問題,應該按照場景來定。

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

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

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

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

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

五、購物車系統與其他系統的關聯

購物車與訂單系統

在購物車下單之后,需要把購物車里面的商品信息提交到訂單系統。

購物車與庫存系統

如果是加入購物車減庫存,這個時候就要考慮在庫存系統中做減庫存操作。

購物車與價格系統

若商品加入購物車后,商家修改了商品價格,那么購物車的價格也相應的調整。

購物車與促銷系統

購物車自動關聯該賬戶下的優惠信息。

以上只是簡單的說明購物車與其他系統之間會產生的交互,在設計購物車的時候,要仔細考慮和其他系統產生的交互,如果考慮不全面,可能會導致商品數量出現問題、結算信息出現問題等。

六、購物車的產品結構

購物車常見的產品結構如下圖:

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

在購物車列表中,以下幾點需要重點關注:

(1)自動勾選本次挑選的商品

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

(2)排序問題

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

(3)合計處理

目前淘寶、京東的做法都是按照店鋪合計商品的,這樣做的底層邏輯在于批量選擇一個店鋪的商品結算后能夠對應到統一的物流和商家。

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

(4)上限商品數量

京東購物車上線數量是200件,而淘寶我還沒有測出來,因為我已經測到2010件都是可以添加的到購物車并下單的。而唯品會是同款商品限購2件。這跟平臺的具體形態有關。

(5)購物車商品的異常處理

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

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

這個問題的本質在與鼓勵用戶盡快結賬還是繼續購買。

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

如果是客單件低,可以讓用戶繼續逛逛,湊單什么的。

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

另外個是基于用戶行為數據的,根據用戶的行為數據分析,用戶的特征及喜好是怎樣的,根據用戶的喜好來。

所以,最好的解決方法是根據基于用戶畫像及行為數據的解決方案。

八、如何減庫存

購物車設計中比較關鍵的一點就是:何時減庫存?

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

以上的優缺點只是相對的,并不重要(所以我用了灰色)。

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

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

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

九、喚醒

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

  1. 發放優惠券等
  2. 把配送的下限調到最低
  3. 運費減免或湊單
  4. 發送營銷短信/郵件

有關調查顯示,在1小時內發送首條挽回短信/郵件客戶完成交易的概率高達19.8%,而如果是延遲至24小時之后,成交率卻驟降至11.6%。

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

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

 

本文由 @先小龍 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自 Pexels,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 美團這種O2O服務類的平臺很少有購物車,具體到相應服務是有的,比如外賣,也只是針對單一商家

    來自浙江 回復
  2. 淘寶是先登錄才能加入購物車哦!

    來自北京 回復
  3. 確定是在添加購物車的時候減庫存嗎?

    回復
  4. 謝謝,給你一個么么噠

    來自北京 回復
  5. 您好,請問購物車放棄率的具體含義是什么?是指不去接單率嗎?

    來自北京 回復
  6. 寫的不錯 受益良多

    來自安徽 回復
  7. 如果平臺商品本身不多,是否購物車意義就不是那么明顯?

    來自上海 回復
  8. 寫的思路很清晰!最主要的是根據案例說了很多思考方式,很喜歡~

    來自北京 回復
  9. 您好,我是可美亞(ID:ComediaMarketing)的小編昕昕(個人微信號:jxm8614572)。請求你們為我們公眾號可美亞給這篇文章開白名單,我們會在文章前清晰注明作者和來源,謝謝~

    來自北京 回復
    1. 頭像好評

      來自北京 回復
  10. 作者從用戶需求》流程》功能》后臺系統四方面分析產品,通過轉化率、流量、同理心深入研究設計產品。有一定的深度。

    回復
  11. 寫的真的好

    來自北京 回復
  12. mark

    回復
  13. 圖表里有錯別字,慢減應該是滿減

    來自北京 回復
    1. 好的,謝謝同學喔 ??

      來自四川 回復
  14. 不錯滴,非常不錯滴

    來自上海 回復
  15. 好文章。。

    來自浙江 回復
  16. 文章寫得很好,希望作者能多發幾篇關于商城的文章。就比如說,商品上架之類的。 ??

    來自北京 回復
    1. 感謝喲,陸續會寫一些電商產品的一些總結出來 ??

      來自四川 回復
  17. 在購物車的場景下,單操作商品就能夠選擇優惠方式了么??

    來自廣東 回復
    1. 對。選擇優惠方式之后,價格會做相應的調整,提交后的訂單金額也就不一樣了

      來自四川 回復
    2. 我試了淘寶,京東,都是在結算頁才能選擇優惠方式。購物車就一個湊單,一個領券。。為何他們是這樣設計??有新的見解么?

      來自廣東 回復