購(gòu)物車的設(shè)計(jì)
編輯導(dǎo)語:電商平臺(tái)中的購(gòu)物車功能對(duì)于平臺(tái)來說十分重要,關(guān)乎電商平臺(tái)的交易轉(zhuǎn)化,本篇文章作者分享了有關(guān)購(gòu)物車的設(shè)計(jì),感興趣的一起來看一下,希望對(duì)你有幫助。
目前對(duì)于電商來說購(gòu)物車功能是不可缺少的,也是電商平臺(tái)交易轉(zhuǎn)化最重要的環(huán)節(jié)之一,轉(zhuǎn)化率的微弱提升都將會(huì)為平臺(tái)帶來巨大的利益,不管你是否登錄,都可以把商品添加到購(gòu)物車中,并操作購(gòu)物車中的商品,很大程度的改善了消費(fèi)者的體驗(yàn)。
那么購(gòu)物車到底解決了什么問題?又實(shí)現(xiàn)了什么功能呢?總的來說購(gòu)物車是平臺(tái)用于促進(jìn)用戶購(gòu)買的一個(gè)功能模塊。
表面上來看它是用來暫存用戶想要購(gòu)買的商品,但更抽象一步來看它是用來橋接用戶“逛”與“買”之間的間隙。
如果我們僅僅從純表現(xiàn)層面來看,有很多的設(shè)計(jì)我們很難去解釋為什么需要?為什么要這么做?所以,我們需要先將購(gòu)物車的設(shè)計(jì)做一個(gè)拆分,一部分是購(gòu)物車這個(gè)模式所必須的,一部分是因?yàn)闃I(yè)務(wù)特性所附加的。
我們先將業(yè)務(wù)的部分拋開,一個(gè)最基礎(chǔ)、常見的購(gòu)物車界面可能會(huì)是如下圖的樣子。主要是對(duì)商品信息、價(jià)格、總價(jià)的展示。
用戶們?nèi)粘K佑|到的購(gòu)物車基本都包含這些元素、這樣布局,當(dāng)我們?yōu)橐豢钚碌漠a(chǎn)品設(shè)計(jì)購(gòu)物車界面時(shí),它應(yīng)該成為我們開始的基礎(chǔ),以確保用戶最小的學(xué)習(xí)成本、更高的效率。
從這個(gè)基礎(chǔ)框架來看,購(gòu)物車最基礎(chǔ)需要解決的問題是告知用戶想要購(gòu)買的商品有哪些、什么規(guī)格、數(shù)量多少,以及整體的總價(jià)并引導(dǎo)進(jìn)行支付操作。滿足了購(gòu)物車界面的基礎(chǔ)框架之后,它基本上就能夠?qū)τ脩粼谠诰€購(gòu)物平臺(tái)上進(jìn)行購(gòu)物的進(jìn)行最基礎(chǔ)的支持,順利的完成購(gòu)買行為。
但作為整個(gè)交易路徑最為重要的環(huán)節(jié)之一,我們還需要通過設(shè)計(jì)將它的轉(zhuǎn)化率進(jìn)行不斷的放大。
這也就意味著我們需要對(duì)購(gòu)物車界面進(jìn)行一些“裝飾”,讓用戶的購(gòu)買意愿度、購(gòu)買數(shù)量進(jìn)一步的提升。
一、購(gòu)物車的通用顯示設(shè)計(jì)
購(gòu)物車在展示時(shí),基本的展示信息主要有:商品標(biāo)題、商品圖片、價(jià)格、數(shù)量、規(guī)格(顏色、尺碼等)、商家(自營(yíng)或店鋪)、庫(kù)存狀態(tài)(庫(kù)存緊張/缺貨)等。
如果是跨境商品,還需要顯示稅費(fèi)。購(gòu)物車中的商品信息在初次打開 (APP或web首次進(jìn)入)或刷新時(shí),商品信息、促銷信息都同步更新。
購(gòu)物車的選中策略有三種:打開是默認(rèn)全選、默認(rèn)全不選、云端同步選中狀態(tài)(不同設(shè)備打開時(shí)繼承上次選中記錄),用戶的購(gòu)物車數(shù)據(jù)需要記錄在數(shù)據(jù)庫(kù)中,保證APP端和web端同步,下次登錄后不會(huì)丟失。
二、購(gòu)物車的離線顯示設(shè)計(jì)
離線購(gòu)物車指的是用戶在未登錄狀態(tài)下加入購(gòu)物車,一般通過創(chuàng)建虛擬用戶實(shí)現(xiàn) 。為了更好的用戶體驗(yàn),需要讓用戶在下單之前,允許未登錄先將商品加入購(gòu)物車。用戶登錄之后,涉及到離線購(gòu)物車和在線購(gòu)物車合并,首先判斷當(dāng)前是否有離線購(gòu)物車,然后將離線購(gòu)物車的數(shù)據(jù)和在線購(gòu)物車數(shù)據(jù)進(jìn)行合并。
1. 設(shè)計(jì)進(jìn)階1:催你買單的購(gòu)物車
一般購(gòu)物車也會(huì)因?yàn)榉N種原因放棄率很高,為了有效降低放棄率,我們通常可以采取以下幾種方法:
- 發(fā)放優(yōu)惠卷
- 運(yùn)費(fèi)減免或湊單
- 限時(shí)優(yōu)惠
- 發(fā)送營(yíng)銷短信(1小時(shí)內(nèi)發(fā)送首條挽回短信/郵件客戶完成交易的概率高達(dá)19.8%,延遲至24小時(shí)之后,成交率會(huì)降至11.6%)。
2. 設(shè)計(jì)進(jìn)階2:會(huì)裂變的購(gòu)物車
有兩種選項(xiàng)給用戶決定買與不買一個(gè)商品,一是加入購(gòu)物車,二是直接購(gòu)買。
第一種可能是用戶本身需求較多,想一次購(gòu)買多種商品,或者參與到優(yōu)惠活動(dòng)中(滿減、滿贈(zèng)等),這時(shí)候會(huì)將多個(gè)商品加入購(gòu)物車進(jìn)行批量購(gòu)買,那么此時(shí)我們就需要將購(gòu)物車設(shè)計(jì)中加入“湊單”提示,推薦用戶可能感興趣的商品,就能夠讓用戶增加商品購(gòu)買數(shù)量,像淘寶、京東現(xiàn)在都有湊單滿減或者湊單減免運(yùn)費(fèi)的活動(dòng),這樣無形中就增加了銷售更多的產(chǎn)品。
購(gòu)物車的設(shè)計(jì)又分為兩種方案:
1)對(duì)于在移動(dòng)端的電商系統(tǒng)里,我們可以根據(jù)是否需要在不同終端同步數(shù)據(jù)以及對(duì)購(gòu)物車數(shù)據(jù)的重要程度,實(shí)現(xiàn)購(gòu)物車功能有兩種方式可選:
(1)對(duì)于不需要在多終端同步購(gòu)物車數(shù)據(jù),以及購(gòu)物車數(shù)據(jù)不太重要的情況下,可以選擇把購(gòu)物車的數(shù)據(jù)全部緩存在用戶本地終端。
優(yōu)點(diǎn)是:
- 不需要服務(wù)參與,即減少了對(duì)服務(wù)的壓力;
- 同時(shí),在用戶體驗(yàn)上,購(gòu)物里的數(shù)據(jù)刷新速度回更快。
缺點(diǎn)是:
由于數(shù)據(jù)不在云端服務(wù)器上,所以,用戶在換一個(gè)終端設(shè)備,或者清除本進(jìn)程緩存時(shí),購(gòu)物車?yán)锏臄?shù)據(jù)都會(huì)丟失。
采用這種方式實(shí)現(xiàn)購(gòu)物車的場(chǎng)景是:從用戶的行為上來看,用戶在欲購(gòu)買某件商品時(shí)會(huì)直接對(duì)其進(jìn)行下單結(jié)算,這個(gè)過程都不需要購(gòu)物車參與。
同時(shí),即使用戶先把商品放入購(gòu)物車,之后用戶要么進(jìn)入購(gòu)物車進(jìn)行結(jié)算,要么就置購(gòu)物車而不顧,放棄交易。
但是,用戶下次再次發(fā)生購(gòu)買時(shí),從進(jìn)入購(gòu)物車進(jìn)行現(xiàn)代購(gòu)買的概率會(huì)極低,他會(huì)選擇有重新進(jìn)入商品詳情進(jìn)行下單付款,所以此時(shí)購(gòu)物車?yán)锏臄?shù)據(jù)對(duì)用戶來說并不是那么重要,因此可以把購(gòu)物車的數(shù)據(jù)設(shè)計(jì)在本地進(jìn)行緩存起來。
有人也許又會(huì)說,現(xiàn)在在大數(shù)據(jù)環(huán)境下,誰擁有數(shù)據(jù),誰就擁有用戶和價(jià)值,所以,如果購(gòu)物車存儲(chǔ)在本地的話,那么公司就沒有了這塊數(shù)據(jù)了!
但是,反過來問,公司企業(yè)需要用戶的購(gòu)物數(shù)據(jù)嗎?需要用來干嘛?同時(shí),因?yàn)橛脩糍?gòu)物車數(shù)據(jù)最終是轉(zhuǎn)成訂單(支付或待付),所以公司企業(yè)只需要訂單數(shù)據(jù)即可分析用戶的行為,而不需要使用購(gòu)物車?yán)锏臄?shù)據(jù)。
同時(shí),尤其對(duì)小程序來說,緩存在小程序里的數(shù)據(jù)官網(wǎng)說明的是永久存儲(chǔ),所以只要用戶不主動(dòng)清理數(shù)據(jù),或換手機(jī)登錄的話,這個(gè)數(shù)據(jù)就一直在用戶設(shè)備中不易丟失。
(2)對(duì)于需要在多終端設(shè)備上同步數(shù)據(jù),這種情況下就需要把數(shù)據(jù)存儲(chǔ)在云端服務(wù)器上了。
缺點(diǎn):
是每次進(jìn)入購(gòu)物車,或?qū)?gòu)物進(jìn)行操作時(shí),都需要云端服務(wù)器參與,某種程度上就增加了服務(wù)器的壓力,以及會(huì)增加用戶的等待時(shí)間。
對(duì)于這兩種方式各有優(yōu)缺點(diǎn),實(shí)際在實(shí)施項(xiàng)目時(shí),根據(jù)產(chǎn)品經(jīng)理或客戶的實(shí)際需求進(jìn)行選擇了。
本文由 @楊楊 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議。
處處都是細(xì)節(jié)啊,可以說購(gòu)物車的設(shè)計(jì)都不多余。每次看到降價(jià)之類的,我就會(huì)有消費(fèi)的沖動(dòng)!
以前我一直很疑惑為什么購(gòu)物車上限只有120,后來我的購(gòu)物欲降低,基本里面只有十幾件物品,也不在意上限了
數(shù)量可以沒有限制的,購(gòu)物車加購(gòu)120的用戶比較少,如果大家的數(shù)量都是120不夠用,那么這個(gè)數(shù)值必然會(huì)擴(kuò)大
購(gòu)物車可以放商品的數(shù)量太少了每次都要?jiǎng)h,然后我就把收藏當(dāng)成了購(gòu)物車
購(gòu)物車的功能設(shè)計(jì)中或許再加上一個(gè)提醒的功能,或許會(huì)比通過大數(shù)據(jù)推薦該產(chǎn)品或同類型要好一些
有時(shí)候看到購(gòu)物車顯示,比加入時(shí)降價(jià)多少,就想下手,有時(shí)候也覺得120個(gè)位置不夠我放
購(gòu)物車的每一項(xiàng)設(shè)計(jì)都有很深的探索,就比如提示將滿,會(huì)促進(jìn)消費(fèi)欲
購(gòu)物車內(nèi)自動(dòng)計(jì)算已經(jīng)選擇的商品優(yōu)惠了多少,可以促進(jìn)商品購(gòu)買率