主流B2C、C2C電商平臺(tái)京東、淘寶、唯品會(huì)、網(wǎng)易考拉、小紅書、蘇寧易購(gòu)的加入購(gòu)物車&支付環(huán)節(jié)的設(shè)計(jì)體驗(yàn)與差異有哪些？

購(gòu)物流程有沒有正好符合你的心理~

加入購(gòu)物車

擬物動(dòng)效和Toast提示框是加入購(gòu)物車成功的兩種主要方式，雖然形式不同，但是都能達(dá)到相同的提示效果。

一般點(diǎn)擊【加入購(gòu)物車】按鈕的跟隨結(jié)果會(huì)依據(jù)所選產(chǎn)品的屬性不同分為兩種：

1. 所選擇的產(chǎn)品只有唯一屬性，如某一品牌的背包，只有唯一屬性“顏色”，且只有一種顏色，那么則直接加入購(gòu)物成功；
2. 如果所選產(chǎn)品存在多個(gè)可選屬性，則在點(diǎn)擊加入購(gòu)物車時(shí)首先彈出選擇屬性面板，然后才能加入到購(gòu)物車。這里我們暫忽略對(duì)產(chǎn)品屬性的選擇，而是直接聊一下加入購(gòu)車這一操作的效果差異。

京東、唯品會(huì)和蘇寧易購(gòu)都是模擬在超市購(gòu)物將商品放如購(gòu)物車的場(chǎng)景，所以這三家都在觸發(fā)按鈕后會(huì)有“+1”&“實(shí)物縮略圖”的擬物動(dòng)效拋物線狀落入購(gòu)物車，讓客戶很清晰感受到“哦，加入購(gòu)物車成功啦”，增強(qiáng)顧客了逛街選選選的滿足感。

京東? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 唯品會(huì)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?蘇寧易購(gòu)

淘寶、網(wǎng)易考拉和天貓則是在點(diǎn)擊加入購(gòu)物車后，以Toast提示框的形式提醒加入購(gòu)物車成功，只是在提示語(yǔ)表達(dá)上有差異，經(jīng)過(guò)長(zhǎng)期的用戶使用習(xí)慣培養(yǎng)，客戶可能并不關(guān)心提示語(yǔ)內(nèi)容是什么，只是習(xí)慣性的知曉“添加成功了”。

還是要解讀下提示信息的文案：

• 淘寶的提示語(yǔ)：“添加成功，在購(gòu)車等親~”更具親和力的同時(shí)提示客戶在購(gòu)車進(jìn)行購(gòu)買操作；
• 網(wǎng)易考拉提示語(yǔ)：“加入購(gòu)車成功”簡(jiǎn)潔明了；
• 天貓?zhí)崾菊Z(yǔ)：“商品已成功添加到購(gòu)物車”，總感覺讀起來(lái)有些拗口呢，似乎有改進(jìn)的空間。

淘寶? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?網(wǎng)易考拉? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 天貓

訂單確認(rèn) VS?支付

訂單確認(rèn)和支付環(huán)節(jié)的關(guān)系是“合二為一”&“獨(dú)立門派”，取決于平臺(tái)的整體架構(gòu)。個(gè)人當(dāng)然傾向于訂單與支付低耦合，這樣任由訂單頁(yè)面千變?nèi)f化，也與支付不相干。

訂單與支付“分家”而“合作”

也就是說(shuō)訂單與支付是兩套獨(dú)立的體系，我們合作則天一無(wú)縫，我們分開也可以好好的活著，這說(shuō)的是誰(shuí)呢？

示例當(dāng)然是阿里系和京東。

先來(lái)說(shuō)說(shuō)淘寶&天貓的支付，首先在支付環(huán)境必須開通支付寶。在支付方式上可以選擇使用支付寶的余額、余額寶、花唄、綁定支付寶的銀行卡、快捷支付、網(wǎng)銀，支付寶會(huì)智能選擇最優(yōu)支付方式。

在“確認(rèn)訂單”頁(yè)面沒有支付方式的選擇，只有地址、數(shù)量、配送方式等訂單基本信息，只有點(diǎn)擊”提交訂單”后才會(huì)進(jìn)入到支付寶平臺(tái)，這樣的好處就是不管阿里系各平臺(tái)的訂單千變?nèi)f化，只要進(jìn)入到支付環(huán)節(jié)，那就按照支付寶設(shè)定的支付規(guī)則及展現(xiàn)形式來(lái)支付。

在手機(jī)端并不會(huì)感覺到支付平臺(tái)的切換：

淘寶訂單支付

但是在PC端進(jìn)行支付的時(shí)候頁(yè)面切換至支付了，地址欄中的地址也已經(jīng)不是淘寶的而是支付寶（alipay）：

京東也有自己的支付體系“京付”，當(dāng)然京東支付相較于支付寶和微信，名氣小了那么一丟丟。但本著與T是一家人，必須支持微信支付，又本著開放的思想支持了Apple Pay，這樣就有了京東收銀臺(tái)這個(gè)虛擬收銀臺(tái)。

收銀臺(tái)的的頁(yè)面是獨(dú)立的，也就不關(guān)心京東旗下各種產(chǎn)品訂單的長(zhǎng)相。

京東訂單支付

當(dāng)然這只是舉兩個(gè)例子，其他如蘇寧易購(gòu)、網(wǎng)易考拉也都有自己的支付渠道，但是由于市場(chǎng)占有率不高，為提升成單率也都入第三方支付方式，當(dāng)然還是要把自有的支付方式排在第一位，而且都以不同形式的優(yōu)惠吸引顧客開通支付。

蘇寧易購(gòu)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 網(wǎng)易考拉

訂單與支付一體化，也就是訂單與支付在都在訂單確認(rèn)頁(yè)面，這類平臺(tái)當(dāng)然是少數(shù)。

猜測(cè)的原因是：品臺(tái)并不是期望通過(guò)其他方面占有市場(chǎng)，如小紅書的內(nèi)容分享。

寫在文后

加入購(gòu)物車操作要達(dá)到的目的：讓用戶明確知曉加入購(gòu)車成功了，這在功能上就滿足了用戶需求，至于使用toast & 擬物動(dòng)效來(lái)實(shí)現(xiàn)就是體驗(yàn)上的提升。支付環(huán)節(jié)，如果平臺(tái)有支付產(chǎn)品，當(dāng)然是主推自有產(chǎn)品，為搶占支付渠道用戶也是給出了各種誘惑條件。對(duì)于全部引用第三方支付的平臺(tái)，相對(duì)來(lái)說(shuō)比較簡(jiǎn)單。

本文針對(duì)“老用戶”使用的頁(yè)面進(jìn)行了對(duì)比，而對(duì)于一個(gè)新用戶來(lái)說(shuō)當(dāng)然還有一系列的分支流程，如填寫收貨地址、綁定銀行卡等操作。

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

題圖來(lái)自 Pexels，基于 CC0 協(xié)議