購物車對整站的轉(zhuǎn)化率和用戶體驗的提升有很大的幫助,所以一個設(shè)計非常合理的購物車對任何B2C都非常重要。在這里看看京東、亞馬遜、易迅、1號店、庫巴、國美、當當、凡客、蘇寧、新蛋十家B2C的購物車設(shè)計。
用戶操作成本
從商品詳細頁到訂單確認頁最少點擊次數(shù)1次的有:新蛋、蘇寧易購;
從商品詳細頁到訂單確認頁最少點擊次數(shù)2次的有:易迅、亞馬遜、庫巴、國美;
從商品詳細頁到訂單確認頁最少點擊次數(shù)3次的有:京東、當當、1號店、凡客;
除了國美、新蛋、蘇寧易購有立刻購買按鈕,其他幾家都只有加入購物車。國美的立刻購買只是跳過了迷你購物車,新蛋和蘇寧的立刻購買按鈕則是真正的直達訂單確認頁面。對于購買單個商品的用戶來說,新蛋和蘇寧的立刻購買按鈕則減少了用戶很多操作,讓用戶可以快速完成購買行為,省去中間各種影響轉(zhuǎn)化率的環(huán)節(jié)。
為用戶保存購物車商品方面,只有國美在線沒有為非登陸用戶保存購物車的商品,其他B2C都是用cookie記錄了的,保存商品可有助于用戶下次繼續(xù)購買,當然不保存商品可保護用戶隱私。
加入購物車的交互
主要分為兩種交互方式:當前頁面彈窗和跳轉(zhuǎn)新頁面。
1號店、凡客、國美采用了購物車加入成功彈窗的交互形式。為什么1號店要采用了購物車加入成功彈窗呢?1號店是網(wǎng)絡(luò)超市,超市買東西一般較多,采用了購物車加入成功彈窗可以減少頻繁刷新購物車頁面的操作,用戶體驗會很好。
圖1.1號店的購物車加入成功彈窗
易迅、亞馬遜、庫巴、新蛋、蘇寧易購是跳轉(zhuǎn)到正式購物車頁面的交互形式,而京東和當當在正式購物車頁面之前還有一個加入購物車成功的提示頁面,不知道京東和當當?shù)淖龇ㄊ浅鲇谑裁礃拥目紤],為什么不把加入購物車成功的提示放在正式購物車頁面呢?難道京東是為了推薦商品而增加了加入購物車成功的提示頁面(京東正式購物車頁面沒有商品推薦)。
圖2.京東的加入購物車成功的提示頁面
購物車的推薦系統(tǒng)
先看看1號店、凡客、國美的購物車加入成功彈窗,1號店、凡客的購物車加入成功彈窗都有基于其他用戶購買數(shù)據(jù)的商品推薦,國美在線的購物車加入成功彈窗相對簡單多了,沒有任何推薦。
圖3.1號店購物車加入成功彈窗有推薦商品
接下來再看看京東和當當?shù)募尤胭徫镘嚦晒摵臀业馁徫镘?確認商品頁)2個頁面的推薦,京東的加入購物車成功頁推薦了“購買該商品的用戶還購買了”和“您可能還需要以下商品”;當當?shù)募尤胭徫镘嚦晒撏扑]了“瀏覽了該商品的顧客還瀏覽了”和“根據(jù)您的瀏覽歷史為您推薦”,當當這里沒有推薦“購買該商品的用戶還購買了”是因為當當把這個推薦放在商品詳細頁;
京東的正式購物車(確認商品頁)推薦了“購買該商品的用戶還購買了”;
當當?shù)恼劫徫镘?確認商品頁)推薦了“購買以上商品的顧客還買過”和“重點品推薦”;
圖4.當當加入購物車成功頁的推薦
易迅的正式購物車(確認商品頁)的推薦是調(diào)用了商品詳細頁的隨心配(易迅的搭配促銷),而隨心配是人為添加的,感覺有點原始了,好的推薦系統(tǒng)一定是以數(shù)據(jù)分析去推薦的,而且易迅這樣的推薦和商品詳細頁的隨心配也重復了,有點浪費資源;
國美的正式購物車(確認商品頁)沒有推薦,只有清空購物車后會有推薦的商品;
1號店的正式購物車(確認商品頁)推薦了“你可以換購以下商品”和“猜您喜歡/瀏覽記錄”,剛看到換購這個詞沒明白啥意思,后來才明白就是針對購物車的搭配的優(yōu)惠商品,換購這個詞有點模糊;
蘇寧易購、凡客、亞馬遜、新蛋、庫巴的正式購物車(確認商品頁)的推薦就是那些類型推薦,就不列出來了,大家可以自己去看看他們推薦了有哪些什么類型,因為各家B2C都會根據(jù)自身特點設(shè)置一些推薦商品,比如凡客的湊單商品。
無論是正式購物車頁面還是加入購物車成功提示頁面,讓你的推薦商品出現(xiàn)在用戶的第一屏非常重要,因為用戶在這個頁面停留目的很明確,確認商品無誤后就提交商品了。特別是一次購物商品有限的用戶,由于第一屏展示內(nèi)容區(qū)域有限,需要對頁面的設(shè)計非常重視。易迅的設(shè)計第一屏壓根沒看到推薦商品,京東和當當兩家的加入購物車成功頁的初衷不知道是否就是這個原因。
推薦商品這個功能上,感覺易迅和國美做的太少,其實能做的東西還很多。
使用購物車的限制
記得幾年前,不少B2C都是登陸后在能使用購物車,京東以前就是。如今幾家B2C的購物車,非登錄用戶也能使用了,只有到了結(jié)算頁面,才會提示登錄/注冊,這樣可以在用戶提交訂單前一定程度上降低參與門檻。
但是1號店在這個上面還是有所限制,特價商品、敏感商品需要登錄才能添加到購物車;另外1號店貌似有個BUG,正式購物車頁面的“猜您喜歡/瀏覽記錄”中,點擊部分商品的加入購物車會提示登陸(該商品詳細頁可以非登陸用戶添加)。除了一號店,暫時沒有發(fā)現(xiàn)其他幾家有使用限制。
mini購物車的設(shè)計
除了當當,其他九家的迷你購物車都在右上角區(qū)域,和加入購物車按紐有相互呼應的效果。而且除了當當只是購物車的簡單連接,其他九家都提供一些快捷操作功能:鏈接到正式購物車頁面(確認商品頁)和刪除購物車內(nèi)商品。另外1號店還可以對購物車內(nèi)商品數(shù)量的進行修改,但是這個功能其實沒有必要的。
圖5.1號店的迷你購物車
購物車流程的設(shè)計,由于各平臺都有不同的因素,產(chǎn)品各有差異是很正常的,但是有一點是一樣的:購物車的完善設(shè)計都應該是基于數(shù)據(jù)和測試。原文出自,轉(zhuǎn)載請注明出處,謝謝。
申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!