電商產(chǎn)品設(shè)計(jì):購(gòu)買流程之購(gòu)物車產(chǎn)品設(shè)計(jì)

5 評(píng)論 23556 瀏覽 313 收藏 12 分鐘

購(gòu)買流程對(duì)于每一個(gè)電商網(wǎng)站都是至關(guān)重要的,好的購(gòu)買流程就意味著高轉(zhuǎn)化率。本文將分析下購(gòu)物車的設(shè)計(jì)思路。

如何設(shè)計(jì)出好的購(gòu)物車?需要先了解用戶的使用情景及遇到的問題。

1、用戶使用情景

  • 超市菜籃子/小推車:購(gòu)物車就像超市里的菜籃子/小推車,用戶把商品依次加入其中,然后去收銀臺(tái)結(jié)算;
  • 收藏夾:網(wǎng)站的購(gòu)物車與超市不同的是,可以有“收藏夾”的作用。有很多的用戶,會(huì)把購(gòu)物車當(dāng)成收藏夾來使用。

2、用戶使用問題

購(gòu)物車環(huán)節(jié),用戶咨詢/投訴最多的問題是:我加入購(gòu)物車的商品去哪了?分析這個(gè)問題,發(fā)現(xiàn)原因如下

  • 該購(gòu)物車網(wǎng)站不支持云存儲(chǔ),導(dǎo)致用戶再次訪問購(gòu)物車時(shí),看不到已添加到購(gòu)物車的商品;
  • 用戶在未登錄情況下把商品加入購(gòu)物車,然后更換瀏覽器或清除cookie,導(dǎo)致商品被清除。

了解用戶使用情景和遇到問題后,就可以結(jié)合網(wǎng)站現(xiàn)狀,根據(jù)不同的情況,來進(jìn)行多維度的產(chǎn)品設(shè)計(jì)。

登錄維度

在產(chǎn)品經(jīng)理設(shè)計(jì)購(gòu)物車的時(shí)候,會(huì)遇到一個(gè)問題:進(jìn)入購(gòu)物車是否需要先登錄?

最初,在用戶進(jìn)入購(gòu)物車,都不需要登錄,在進(jìn)入結(jié)算頁(yè)的時(shí)候,才需要登錄?,F(xiàn)在部分網(wǎng)站,在用戶進(jìn)入購(gòu)物車的時(shí)候就需要登錄。本文將分析兩種做法的利弊,大家可以根據(jù)實(shí)際情況來選擇采取哪種方案

denglu

典型案例

【淘寶】

從購(gòu)物車一次次的提升商品數(shù)量上限可以看出,把購(gòu)物車當(dāng)成收藏夾的用戶很多,因此會(huì)帶來較多的客訴,權(quán)衡利弊,產(chǎn)品采取了進(jìn)入購(gòu)物車需要登錄的策略(淘寶的登錄,用的是彈層,此種做法能夠降低跳出率)

taobao

【京東】

和淘寶遇到的問題是一樣的:用戶把購(gòu)物車當(dāng)收藏夾。因此,京東也曾向淘寶一樣,嘗試登錄成功后,才能進(jìn)入購(gòu)物車。但是,可能由于效果不盡如人意,又改回了最初的流程:進(jìn)入購(gòu)物車無需登錄。

jingdong

其實(shí),我個(gè)人更推薦京東的做法,因?yàn)殡S著互聯(lián)網(wǎng)的滲透,越來越多的用戶會(huì)網(wǎng)購(gòu),理解購(gòu)物車的原理,在這個(gè)基礎(chǔ)上,無需登錄的產(chǎn)品流程,用戶體驗(yàn)會(huì)更好些。

商品維度

眾所周知,購(gòu)物車的商品有2兩種情況:有商品、無商品

chanpin

典型案例

【當(dāng)當(dāng) VS 京東】

購(gòu)物車為空&當(dāng)用戶未登錄,當(dāng)當(dāng)和京東的提示孰優(yōu)孰劣,一看便知~ps,關(guān)于登錄和去購(gòu)物的按鈕形式,不得不吐槽下當(dāng)當(dāng):兩個(gè)并列的大紅按鈕,沒有任何的引導(dǎo)性,真是讓用戶“很難選擇”,違背了“別讓我想”的產(chǎn)品設(shè)計(jì)原則。

gouwuche

促銷維度

促銷有兩種形式:?jiǎn)纹反黉N、集合促銷。

  • 單品促銷:只是對(duì)單個(gè)商品設(shè)置優(yōu)惠(只需要一個(gè)商品參與),例如:直降、N件N折
  • 集合促銷:對(duì)多個(gè)商品設(shè)置優(yōu)惠(一般需要多個(gè)商品參加),例如:滿額減、滿額贈(zèng)

在購(gòu)物車中,針對(duì)促銷商品,需要讓用戶清楚:商品是否有促銷、如何滿足促銷條件/已享受多少優(yōu)惠

典型案例

讓用清楚知道是否有促銷

【當(dāng)當(dāng)】

一目了然的使用戶知道:促銷類型-滿減、加價(jià)購(gòu),促銷條件-活動(dòng)商品&滿100/200元。除此之外,清楚的讓用戶知道,還差多少錢才能湊單成功(京東就略遜一籌了)

dangdang1

dangdang2

【一號(hào)店】

用戶在購(gòu)物車中,為滿足促銷條件時(shí),完全不知道該商品是否有促銷..典型的badcase~

yihaodian

促銷與商品的對(duì)應(yīng)關(guān)系

目前,電商網(wǎng)站中,還沒有一家可以做到,讓用戶一下就清楚一個(gè)集合促銷中包含哪些商品。

【京東】

如下圖所示,有些用戶可能會(huì)迷惑:為什么我的商品金額已滿199元,但是卻沒有享受優(yōu)惠?(我身邊很多非互聯(lián)網(wǎng)的朋友,都被京東的促銷搞暈過)

原因是:最下方的商品“Nestle雀巢咖啡1+2特濃30條390g”不參與此促銷。京東卻只用淡淡的稍微粗點(diǎn)黑線來區(qū)分..

2121

【當(dāng)當(dāng)】

采取了類似時(shí)間軸的做法,試圖告知用戶促銷集合的商品都有哪些。比起京東,好了不少,但是此種結(jié)構(gòu),雖然勉強(qiáng)還算清晰,就是需要多“思考”下,才可以明白。

2222

店鋪維度

商家類型分為:自營(yíng)、POP

由于自營(yíng)商品和POP商品的賣家不同,因此客服、運(yùn)費(fèi)、售后等等服務(wù)有本質(zhì)區(qū)別。最好在網(wǎng)站上各個(gè)產(chǎn)品線作出區(qū)分展示,購(gòu)物車主要從排序、ICON、商家信息方面區(qū)分展示。

典型案例

【京東】

購(gòu)物車頁(yè)面區(qū)分自營(yíng)及POP商品

  • 排序:一般的電商網(wǎng)站,會(huì)把自營(yíng)商品放一起,在購(gòu)物車上面展示。POP商品,則在自營(yíng)商品下面展示
  • ICON:京東自營(yíng)商品會(huì)有自用的ICON
  • 商家信息:POP商品會(huì)寫出店鋪名稱及聯(lián)系商家客服的入口

1212

商品狀態(tài)維度

大家在購(gòu)物的時(shí)候,一定遇到過一種情況:想購(gòu)買的商品缺貨 、下架 或 超出配送范圍了!也許有人會(huì)認(rèn)為這和購(gòu)物車關(guān)系不大,因?yàn)檫@樣的商品無法加入購(gòu)物車,所以購(gòu)物車是否區(qū)分展示也不重要。實(shí)際情況是,必須區(qū)分,而且基本為電商標(biāo)配。為什么?因?yàn)橐坏]有,會(huì)造成非常差的用戶體驗(yàn)。畢竟,有很多用戶是吧購(gòu)物車當(dāng)收藏夾的,不是么?

典型案例

【淘寶】

不僅告知用戶此商品已失效,并且還給用戶提供其他選擇:推薦相似商品。這樣,可以一定程度上,留住即將要失去訂單。

0202

針對(duì)B2C平臺(tái),最好區(qū)分出失效的原因:下架 or 庫(kù)存 為零。并且放用戶進(jìn)行“到貨通知”的消息訂閱。

【京東】

針對(duì)京東這種,明明庫(kù)存為零,還支持用戶勾選購(gòu)買,在結(jié)算頁(yè)再提示用戶無貨的產(chǎn)品邏輯,實(shí)在是..不太理解。

0303

商品展示 & 操作維度

商品內(nèi)容較多,主要從商品信息、價(jià)格信息、操作 幾方面,展示并不困難,但是想要做好細(xì)節(jié)很難。

  • 商品信息:商品圖片、標(biāo)題、規(guī)格參數(shù)(顏色尺碼)、購(gòu)買數(shù)量

5858

  • 價(jià)格信息:?jiǎn)蝺r(jià)、總價(jià)、優(yōu)惠金額

5959

  • 商品操作:刪除、收藏、批量刪除/收藏、到貨通知

批量操作:需要根據(jù)數(shù)據(jù)和產(chǎn)品現(xiàn)狀判斷產(chǎn)品優(yōu)先級(jí)

到貨通知:建議增加,確實(shí)可以帶來不少訂單轉(zhuǎn)化

“零七八碎” 維度

購(gòu)物車需要注意的地方實(shí)在是太多了,如果細(xì)講,估計(jì)要一天的時(shí)間。以上挑著重要的內(nèi)容說了些,以下說下其余零碎的細(xì)節(jié),也正是因?yàn)槭羌?xì)節(jié),才容易被忽略。

商品排序

  • 先自營(yíng),后商家;
  • 先集合,后單品;
  • 先近期,后遠(yuǎn)期。

商品勾選

  • 默認(rèn)記住上次已勾選的商品,避免用戶重復(fù)操作

銷售地域

  • 顯示出配送區(qū)域

個(gè)性推薦

  • 換購(gòu)、湊單、猜你喜歡、瀏覽歷史 等模塊

APP引流

  • 手機(jī)購(gòu)買更優(yōu)惠,支持直接掃碼購(gòu)買

觀點(diǎn)不同的童鞋,歡迎吐槽、探討~~

 

本文由 @小懶蟲愛生活?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 可以說考慮的很周到了。之前以研發(fā)的身份做購(gòu)物車,現(xiàn)在以產(chǎn)品的身份做購(gòu)物車,別有一番感觸。

    來自上海 回復(fù)
  2. 寫的很細(xì)節(jié),也很實(shí)用。關(guān)于“進(jìn)入購(gòu)物車是否需要先登錄”,個(gè)人感覺要從網(wǎng)站定位和運(yùn)營(yíng)角度出發(fā)。淘寶的用戶訪問頻次非常高,每次訪問時(shí)找不到“收藏”的商品是很差的用戶體驗(yàn)。但是很多垂直電商的訪問頻次很低,新客的占比也比較大,這時(shí)候減少用戶的繁瑣操作,不讓這些操作導(dǎo)致用戶的流失才是更重要的。

    來自河北 回復(fù)
    1. 如果可以調(diào)研下在購(gòu)物車登錄的退出原因,就好了。

      來自北京 回復(fù)
  3. 很淺顯但很實(shí)用!

    來自湖北 回復(fù)
    1. ??

      來自北京 回復(fù)