最近在做一個(gè)購(gòu)物車(chē)優(yōu)化的項(xiàng)目，來(lái)和大家聊聊設(shè)計(jì)移動(dòng)電商購(gòu)物車(chē)的一些心得。

購(gòu)物車(chē)做為移動(dòng)電商平臺(tái)的主要功能之一，其重要性不言而喻。購(gòu)物車(chē)其實(shí)一開(kāi)始來(lái)源于我們線下購(gòu)買(mǎi)的場(chǎng)景，例如超市、商場(chǎng)、便利店等，它能夠幫助人們提高購(gòu)物效率以及提高客單價(jià)。隨著互聯(lián)網(wǎng)電商行業(yè)的發(fā)展擴(kuò)大，sku的規(guī)模也逐漸龐大，這時(shí)候在技術(shù)、物流、支付、等功能的逐漸完善下，購(gòu)物車(chē)的使用場(chǎng)景以及頻率也變的很高。

購(gòu)物車(chē)的作用

在移動(dòng)端的購(gòu)物車(chē)功能對(duì)于用戶(hù)端來(lái)說(shuō)一般可以有以下作用：

1. 收藏
2. 合并支付
3. 對(duì)比價(jià)格

對(duì)于產(chǎn)品端來(lái)說(shuō)，購(gòu)物車(chē)有以下作用：

1. 能夠提高客單價(jià)
2. 記錄一些用戶(hù)數(shù)據(jù)做商品推薦

用戶(hù)使用購(gòu)物車(chē)的場(chǎng)景會(huì)非常多，以下舉幾個(gè)不同的場(chǎng)景，大家感受一下：

場(chǎng)景1：

a君家里的某種計(jì)生用品用完了，他在某東上瀏覽的商品，他選擇了之前常用的款式，但是他想嘗試新鮮的款式，他分別將這兩樣商品加入了購(gòu)物車(chē)，在準(zhǔn)備結(jié)算的時(shí)候發(fā)現(xiàn)提示，只要再購(gòu)買(mǎi)10元便可以享受滿(mǎn)xx元減10元的優(yōu)惠，此時(shí)他想反正以后也要用就再買(mǎi)一件吧，所以他就購(gòu)買(mǎi)了3件，原本他的需求之時(shí)購(gòu)買(mǎi)1件。

場(chǎng)景2：

b君躺在沙發(fā)上拿出手機(jī)開(kāi)始逛某電商平臺(tái)，ta很早以前就想買(mǎi)一雙鞋子，但是鞋子比較貴，b君舍不得賣(mài)，ta把幾乎所有賣(mài)這雙鞋子的看上去正品的店里的那雙同款鞋子都放進(jìn)了購(gòu)物車(chē)，心里想著等我下個(gè)月發(fā)工資了一定帶它回家。

場(chǎng)景3：

c君剛搬了新家，家里缺少很多小件的生活用品，ta打算在某平臺(tái)上購(gòu)買(mǎi)一些，ta把商品一件一件的放入購(gòu)物車(chē)，因?yàn)樾〖r(jià)格很便宜ta就不怎么在意，等到購(gòu)物車(chē)結(jié)賬的時(shí)候他發(fā)現(xiàn)居然買(mǎi)了這么多，要很多的錢(qián)，此時(shí)再仔細(xì)一看居然還要20元運(yùn)費(fèi)，買(mǎi)這么多也不包郵，心里一盤(pán)算，有些東西還不急著要，先買(mǎi)一些急著要的東西吧，這時(shí)候他勾選了想要的商品然后去和賣(mài)家討論能否包郵的事情，最后結(jié)賬。

舉了3個(gè)比較典型的例子，那么做為電商平臺(tái)，購(gòu)物車(chē)都有他不同的存在價(jià)值，但只要是在購(gòu)物車(chē)內(nèi)的商品，我們都有很大的可能讓用戶(hù)掏出兜里的錢(qián)。雖然它有著收藏的功能，但是他和收藏不同，是強(qiáng)購(gòu)物輕收藏的。

我們能發(fā)現(xiàn)各大電商平臺(tái)的購(gòu)物車(chē)都會(huì)有一些區(qū)別，可能是用戶(hù)類(lèi)型不同，可能是sku數(shù)量有差別，也可能是品牌尚未建立，等許許多多因素導(dǎo)致了購(gòu)物車(chē)這個(gè)功能也會(huì)有一些區(qū)別。例如女性用戶(hù)較多的產(chǎn)品可能購(gòu)物車(chē)功能會(huì)比較重要，或許被放在比較明顯的位置，因?yàn)槟行再?gòu)物的目的會(huì)比女性更明確，用購(gòu)物車(chē)的幾率較小。sku多的產(chǎn)品購(gòu)物車(chē)功能相對(duì)更完善。品牌尚未建立的產(chǎn)品需要更加縮短用戶(hù)購(gòu)買(mǎi)的路徑，關(guān)鍵信息需要更凸顯。

不同電商平臺(tái)購(gòu)物車(chē)的區(qū)別

淘寶、京東、考拉、嚴(yán)選

從他們將購(gòu)物車(chē)放在底部標(biāo)簽上來(lái)看，這個(gè)功能對(duì)他們非常重要性。他們希望用戶(hù)能在平臺(tái)上逛，就和線下場(chǎng)景一樣的映射，因?yàn)檫@些平臺(tái)的商品種類(lèi)很多，足以用戶(hù)去篩選，去對(duì)比。

這時(shí)候用戶(hù)可能帶有目的，也可能并沒(méi)有目的，可能本來(lái)是想買(mǎi)某件商品的時(shí)候忽然發(fā)現(xiàn)另一件商品性?xún)r(jià)比更高，更合適，從而佩服自己的英明決策。其實(shí)我們能發(fā)現(xiàn)在使用購(gòu)物車(chē)購(gòu)物的過(guò)程也是一種體驗(yàn)消費(fèi)，一種滿(mǎn)足用戶(hù)欲望的體驗(yàn)，讓用戶(hù)有一種錯(cuò)覺(jué)，加入購(gòu)物車(chē)的商品馬上就能屬于我了，即便這次并沒(méi)有購(gòu)買(mǎi)。

小紅書(shū)

沒(méi)有那么強(qiáng)調(diào)購(gòu)車(chē)這個(gè)屬性，因?yàn)樾〖t書(shū)屬于口碑分享精準(zhǔn)推薦類(lèi)的社區(qū)，她的定位側(cè)重在用戶(hù)ugc和分享，并從而讓其他用戶(hù)對(duì)這些優(yōu)質(zhì)的內(nèi)容進(jìn)行購(gòu)買(mǎi)轉(zhuǎn)化，通過(guò)其他用戶(hù)的分享評(píng)價(jià)和使用心得和大數(shù)據(jù)的精準(zhǔn)跨境商品推薦，能夠很快幫助我了解我所想要的產(chǎn)品的優(yōu)缺點(diǎn)還有是否適合自己， 所以購(gòu)物車(chē)并不是那么重要，社區(qū)類(lèi)的電商也帶有一定屬性的社交，所以購(gòu)物車(chē)使用的場(chǎng)景就沒(méi)有像淘寶京東那么頻繁。

寺庫(kù)

一個(gè)全球奢侈品電商app，應(yīng)該來(lái)說(shuō)使用購(gòu)物車(chē)買(mǎi)奢侈品的人應(yīng)該不多。但是他們也將購(gòu)物車(chē)放在了底部欄上。這里想說(shuō)一下有些電商產(chǎn)品會(huì)將購(gòu)物車(chē)放在導(dǎo)航欄上做全局樣式，這和放底部標(biāo)簽欄還是會(huì)有區(qū)別，一個(gè)側(cè)重功能使用，一個(gè)側(cè)重商品瀏覽，雖然都是購(gòu)物車(chē)功能。我猜想這樣的平臺(tái)可能會(huì)有比較嚴(yán)重的用戶(hù)分化，一類(lèi)是剛好收入能夠買(mǎi)的起奢侈品以及一些輕奢的女白領(lǐng)，另一類(lèi)就是比較富裕的上流女性。奢侈品不同于其他商品，因?yàn)樗鼤?huì)經(jīng)常出新款，而款式的新舊對(duì)于買(mǎi)的起奢侈品的人來(lái)說(shuō)不言而喻，雖然有一些款式很經(jīng)典。所以如果真的在買(mǎi)奢侈品的過(guò)程中需要用到購(gòu)物車(chē)，而他又將購(gòu)物車(chē)做的這么明顯，除了主要用戶(hù)是女土豪之外我暫時(shí)沒(méi)想到其他原因。

購(gòu)物車(chē)中編輯功能的作用

購(gòu)物車(chē)還有一個(gè)功能叫做編輯，它能夠修改數(shù)量，款式規(guī)格，也能刪除商品。淘寶、京東、嚴(yán)選、寺庫(kù)都有編輯功能，但是前三者可以再選擇款式規(guī)格。

寺庫(kù)

單一商品的規(guī)格種類(lèi)和用戶(hù)目的不同導(dǎo)致的在購(gòu)物車(chē)中編輯選規(guī)格的場(chǎng)景很少。

小紅書(shū)

沒(méi)有編輯功能也沒(méi)有批量刪除和選擇的功能，而又同樣將刪除功能外露，所以我們也能判斷出小紅書(shū)希望用戶(hù)在盡可能簡(jiǎn)單，短的路徑中完成對(duì)比、消費(fèi)。

唯品會(huì)

同樣沒(méi)有編輯功能，但有個(gè)倒計(jì)時(shí)，類(lèi)似于我加入購(gòu)物車(chē)這個(gè)商品就被我鎖定了，有點(diǎn)像買(mǎi)電影票，看了一下所有商詳都有一個(gè)倒計(jì)時(shí)，但是說(shuō)不定過(guò)了這個(gè)時(shí)間段又開(kāi)始限時(shí)，就好像最后一天清倉(cāng)大甩賣(mài)喊了一年是一個(gè)效果。放入購(gòu)物車(chē)倒計(jì)時(shí)20分鐘不買(mǎi)就解鎖了，這個(gè)和購(gòu)物車(chē)本身的定位就有一定的矛盾。

一邊逛一邊還要擔(dān)心20分鐘內(nèi)要支付，這樣可能很難逛的起來(lái)，其實(shí)20分鐘解鎖也沒(méi)人買(mǎi)你這件商品。所以像唯品會(huì)這樣垂直型電商的購(gòu)物車(chē)功能和平臺(tái)型電商就會(huì)有一些區(qū)別，購(gòu)物車(chē)內(nèi)的商品想要?jiǎng)h除也只能一件一件刪，即便沒(méi)有批量也無(wú)法做到宣布選中再一鍵刪除，應(yīng)該在這個(gè)平臺(tái)上購(gòu)物的用戶(hù)或許他們每次購(gòu)物選擇的商品并不多，畢竟也只有20分鐘時(shí)間讓你去結(jié)算。

購(gòu)物車(chē)優(yōu)化案例

最近在做購(gòu)物車(chē)的改版，之前老頁(yè)面實(shí)在慘不忍睹，所以這次優(yōu)化頁(yè)面的目的有3點(diǎn)，第一是為了按照新標(biāo)準(zhǔn)視覺(jué)規(guī)范優(yōu)化，第二是調(diào)整信息布局及層級(jí)關(guān)系，第三是提高用戶(hù)使用該功能的轉(zhuǎn)化。

但是問(wèn)題來(lái)了，我們的購(gòu)物車(chē)是內(nèi)嵌的h5頁(yè)面，我們需要將之前外露的刪除功能隱藏到編輯功能里，但是導(dǎo)航欄上的編輯功能無(wú)法實(shí)現(xiàn)編輯內(nèi)嵌的h5頁(yè)面，所以和交互小哥哥的討論之后，我們決定將編輯分別放在幾個(gè)模塊上，只要點(diǎn)擊其中一個(gè)編輯就能編輯所有商品，點(diǎn)擊完成既能恢復(fù)所有狀態(tài)，同時(shí)在頁(yè)面滑動(dòng)的時(shí)候每個(gè)編輯欄都能在頂部置頂。這樣就解決了h5頁(yè)面編輯功能的尷尬，當(dāng)然我們還是期望能夠做成原生：

總結(jié)一下設(shè)計(jì)策略，通過(guò)判斷產(chǎn)品的定位，以及目標(biāo)用戶(hù)，我們需要考慮購(gòu)物車(chē)在產(chǎn)品中承擔(dān)的作用及想要達(dá)到的目標(biāo)。不同的定位、用戶(hù)及目標(biāo)還有技術(shù)承載，購(gòu)物車(chē)的設(shè)計(jì)形式將有所區(qū)別。是否需要將所有功能外露，以及符合產(chǎn)品目標(biāo)用戶(hù)的心理訴求去設(shè)計(jì)功能交互的合理最優(yōu)解是我們要去不斷思考的。

＃專(zhuān)欄作家＃

Yjjj，人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家，公眾號(hào)：應(yīng)謀鬼計(jì)（shejishiyj）

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