注:購物車在 To C交易類的產(chǎn)品中相當(dāng)常見,幾乎也是必不可少。我們平時(shí)使用這些購物車時(shí),可能覺著非常普通,即使刻意觀察,也不盡然能了解到它的全部。僅僅一個(gè)頁面的購物車,往往高度集成著交易的各類規(guī)則和處理邏輯,極其復(fù)雜,而又對交易轉(zhuǎn)化至關(guān)重要,在規(guī)則、邏輯和體驗(yàn)上都不容差錯(cuò)。
文/中人人
線上購物車來源于線下購物場景的需求——推個(gè)購物車逛商場,用以暫放所購物品,到收銀臺時(shí)一并結(jié)賬。它是一個(gè)購物流程中的中間環(huán)節(jié),可以稱之為一個(gè)購物便捷工具。
隨著線上交易平臺中各類促銷的豐富,購物過程也變得復(fù)雜,購物車如果僅僅還是一個(gè)暫存工具,那么所有的促銷規(guī)則、金額處理邏輯都會(huì)在最終的結(jié)賬環(huán)節(jié)中。如此一來,產(chǎn)品的優(yōu)惠就太置后,需用戶停止結(jié)賬,回到梳理商品上來,不利于用戶的體驗(yàn)便捷,以及優(yōu)惠來促進(jìn)交易轉(zhuǎn)化的作用發(fā)揮。
促銷優(yōu)惠的前置至關(guān)重要,在各類市面上的產(chǎn)品中承載促銷信息的頁面包括:首頁、專題活動(dòng)頁、店鋪主頁、商品詳情頁等。但購物車作為選品后、結(jié)賬前的環(huán)節(jié),在承載選品的同時(shí),亦能承載商品的促銷優(yōu)惠,那么對于促進(jìn)交易轉(zhuǎn)化會(huì)有更進(jìn)一步的作用(下文的“案例詳解”中,會(huì)詳細(xì)描述作用的含義)。所以,購物車的定位需要變遷,現(xiàn)它已拓展定位為促進(jìn)交易的“推進(jìn)器”。
描述完購物車的基礎(chǔ)定位和拓展定位后,再整理下購物車于產(chǎn)品、業(yè)務(wù)的意義,其在于促進(jìn)三個(gè)指標(biāo)的提高:轉(zhuǎn)化率、客單價(jià)、加車率。
具體是如何提高這三個(gè)指標(biāo),需對每個(gè)產(chǎn)品中購物車的功能細(xì)節(jié)進(jìn)行具體拆分、剖析,才可了解各個(gè)產(chǎn)品背后的思路。
帶著上文中對購物車定位、意義的概括了解,接下來為大家分析一下幾個(gè)市面上知名度較大的產(chǎn)品的購物車,分析的層面主要包括:促銷優(yōu)惠、管理功能和商品校驗(yàn)。并且只會(huì)對每個(gè)產(chǎn)品的購物車的關(guān)鍵功能進(jìn)行描述,體現(xiàn)各家特色,取眾所長。
特點(diǎn):促銷優(yōu)惠的整合。
主要功能點(diǎn)整理:
(1)降價(jià)提示
目的:提高結(jié)算轉(zhuǎn)化,表現(xiàn)平臺優(yōu)惠。
功能:針對購物車中商品相對剛加車時(shí)的價(jià)格降低的實(shí)時(shí)提示。
系統(tǒng):購物車庫中會(huì)存下每個(gè)商品加車時(shí)的初始價(jià)格,在每次刷新購物車重調(diào)價(jià)格系統(tǒng)數(shù)據(jù)后,會(huì)和初始的價(jià)格進(jìn)行比對。如果商品價(jià)格連續(xù)變換兩次,第一次比初始價(jià)格低,則提示在購物車;若第二次價(jià)格又變回初始價(jià)格或者更高,則取消通知。降價(jià)提醒要做到實(shí)時(shí)同步。
交互:采用頂部黃條提示的方式,這種方式一般用來表示事件通知,顯眼可見,可手動(dòng)關(guān)閉屏蔽(系統(tǒng)中還需對每個(gè)用戶單獨(dú)存一份是否關(guān)閉通知的字段)。點(diǎn)擊可錨點(diǎn)到降價(jià)的商品。若多個(gè)商品降價(jià)時(shí),分別每點(diǎn)擊黃條即可錨點(diǎn)到對應(yīng)的商品,并且每個(gè)降價(jià)商品上會(huì)提示“比加入時(shí)降 1 元”。整體上看,交互體驗(yàn)、提示和優(yōu)惠的表現(xiàn)力度上都恰到好處,不會(huì)過于搶眼,也不會(huì)弱到無存在感。
(2)湊單、換購
目的:促進(jìn)加車、轉(zhuǎn)化、客單價(jià)。上文中提到了這三個(gè)指標(biāo),京東APP的購物車的湊單、換購在用戶去結(jié)算時(shí),具有引導(dǎo)用戶繼續(xù)購買商品和享受優(yōu)惠立即去結(jié)算的作用。用戶在購買場景中,可能在商品詳情頁中并未詳細(xì)查看商品活動(dòng),或者,對眼花繚亂的促銷無法直接對比優(yōu)惠力度,而在購物車中,呈現(xiàn)出這些促銷規(guī)則、優(yōu)惠價(jià)格,是對購物車流程體驗(yàn)一種便捷優(yōu)化。
功能:將商品按促銷組的形式規(guī)整在一起,按促銷規(guī)則進(jìn)行湊單、換購商品,享受促銷優(yōu)惠。
系統(tǒng):購物車網(wǎng)關(guān)(接口)根據(jù)SKUID調(diào)取參加的促銷活動(dòng),由促銷系統(tǒng)將商品區(qū)分為不同促銷組,并將優(yōu)惠文案、金額和打標(biāo)返給購物車接口;另外還需根據(jù)商品所屬店鋪(自營、第三方店鋪)進(jìn)行規(guī)整商品。若商品有多個(gè)促銷(免運(yùn)費(fèi)、滿件減、滿額減、加價(jià)購/換購、套裝、M元N件、滿件折等),按規(guī)則默認(rèn)一種,且可在商品下方進(jìn)行修改參加的促銷,修改后會(huì)由促銷系統(tǒng)重新返回商品歸屬的促銷組。點(diǎn)擊“去湊單/去換購”可進(jìn)入?yún)⒓哟黉N的商品列表。商品基礎(chǔ)信息應(yīng)是由商品系統(tǒng)根據(jù)SKUID返回給購物車網(wǎng)關(guān)。至于商品庫存信息自然調(diào)取商品庫存系統(tǒng)提供數(shù)據(jù),促銷庫存限購應(yīng)是調(diào)取促銷系統(tǒng)提供數(shù)據(jù)。在刷新頁面、去結(jié)算時(shí),都會(huì)重新校驗(yàn)、更新一遍所有商品的數(shù)據(jù)。
交互:非常清晰的按促銷組的形式區(qū)分商品,且在每個(gè)商品下顯示其他也參與的促銷。每個(gè)促銷組通過“打標(biāo)+促銷規(guī)則+優(yōu)惠金額+促銷選品+更改促銷”的方式來引導(dǎo)用戶繼續(xù)加車、提高轉(zhuǎn)化和客單價(jià)。但有一個(gè)缺點(diǎn):修改促銷規(guī)則后,重新錨點(diǎn)到商品時(shí),把促銷一行頂出了屏幕,這對剛剛修改促銷想去參加該促銷的用戶而言,還得網(wǎng)上滑動(dòng)屏幕才能看見修改后的促銷。
在文案說明、交互操作、層級布局和顏色輕重上,看得出來都為了使頁面更清晰、簡捷。整體上來看,個(gè)人覺著京東購物車做得相當(dāng)不錯(cuò)。
缺點(diǎn):難免會(huì)讓用戶覺著購物車的促銷規(guī)則較為復(fù)雜,實(shí)在讓人玩不轉(zhuǎn),各種優(yōu)惠對比、選擇判斷反而也會(huì)耽誤用戶的最終結(jié)算、下單轉(zhuǎn)化。若非仔細(xì)、耐心的用戶,面對如此之多的促銷、密密麻麻的優(yōu)惠提示,想必也是較為迷茫、繁瑣的。從優(yōu)化角度上講,面對如此復(fù)雜的各類型促銷,可能系統(tǒng)上也難以為用戶自動(dòng)選出最優(yōu)促銷方式了。更多可能還是將購物車中商品的多余信息給去掉,讓用戶在購物車環(huán)節(jié)更專注商品的名稱、價(jià)格、件數(shù)、促銷優(yōu)惠和總額。而其他類的打標(biāo)、說明可能多此一舉。
(3)優(yōu)惠券
目的:促進(jìn)轉(zhuǎn)化、繼續(xù)加車、客單價(jià)。這個(gè)功能可謂是良心功能,也是較為復(fù)雜的功能。它能讓用戶在購物場景中忘記領(lǐng)券、無法達(dá)到優(yōu)惠券使用門檻的問題迎刃而解。這個(gè)功能也有很好的降低訂單取消率的作用,因?yàn)橄氡鼐〇|商城也遇到了取消訂單原因中有相當(dāng)多的用戶是因忘記使用優(yōu)惠券的問題了。
功能:根據(jù)店鋪顯示當(dāng)前購物車商品中可用的優(yōu)惠券,包含未領(lǐng)、已領(lǐng)。
系統(tǒng):按購物車SKUID所屬店鋪進(jìn)行分組,領(lǐng)券入口根據(jù)組進(jìn)行顯示,而且由優(yōu)惠券網(wǎng)關(guān)返給購物車顯示領(lǐng)券入口與否。購物車將SKUID傳給優(yōu)惠券網(wǎng)關(guān),其再將商品適用的優(yōu)惠券從優(yōu)惠券系統(tǒng)中調(diào)取出來,并將商品歸屬到可用的優(yōu)惠券下。個(gè)人猜測,雖然領(lǐng)券頁面是浮層,脫離了購物車頁面,但該浮層的網(wǎng)關(guān)可能還是購物車網(wǎng)關(guān),其包含了優(yōu)惠券網(wǎng)關(guān)吐出的數(shù)據(jù),因?yàn)榇蠹铱梢钥吹饺羯唐吩谫徫镘囍形催x中,則在券下方也是未選中狀態(tài),而這種狀態(tài)只有購物車數(shù)據(jù)庫才會(huì)有。優(yōu)惠券若未領(lǐng)取則歸到可領(lǐng)區(qū)域,可直接領(lǐng);若已領(lǐng)取則歸到已領(lǐng)區(qū)域,可直接湊單,點(diǎn)擊“去湊單”可直接進(jìn)入優(yōu)惠券券購頁面。每次打開領(lǐng)券頁面會(huì)重新刷新數(shù)據(jù),以歸類已領(lǐng)和未領(lǐng)優(yōu)惠券。
交互:在這種較為復(fù)雜的功能中,交互一向讓人較為頭疼。京東的做法其實(shí)已經(jīng)很清晰了,對比其他APP而言,在這里京東走在了最前面。給京東一個(gè)大贊。我們來對比下淘寶的購物車,即可明白兩者之間的差異化。當(dāng)然淘寶購物車其實(shí)也有自身的優(yōu)點(diǎn),它更加清晰、簡捷,這點(diǎn)要比京東購物車更加出色。(注:淘寶購物車在結(jié)算時(shí)是重新計(jì)算各種庫存、狀態(tài)的,但京東的到了結(jié)算頁才會(huì)計(jì)算的。)