十大B2C網站購物車的流程設計對比分析

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

購物車對整站的轉化率和使用者體驗的提升有很大的説明，所以一個設計非常合理的購物車對任何B2C都非常重要。 在這裡看看京東、亞馬遜、易迅、1號店、庫巴、國美、當當、凡客、蘇甯、新蛋十家B2C的購物車設計。

使用者操作成本

從商品詳細頁到訂單確認頁最少點擊次數1次的有：新蛋、蘇甯易購;

從商品詳細頁到訂單確認頁最少點擊次數2次的有：易迅、亞馬遜、庫巴、國美;

從商品詳細頁到訂單確認頁最少點擊次數3次的有：京東、當當、1號店、凡客;

除了國美、新蛋、蘇甯易購有立刻購買按鈕，其他幾家都只有加入購物車。 國美的立刻購買只是跳過了迷你購物車，新蛋和蘇甯的立刻購買按鈕則是真正的直達訂單確認頁面。 對於購買單個商品的使用者來說，新蛋和蘇甯的立刻購買按鈕則減少了使用者很多操作，讓使用者可以快速完成購買行為，省去中間各種影響轉化率的環節。

為使用者保存購物車商品方面，只有國美線上沒有為非登陸使用者保存購物車的商品，其他B2C都是用cookie記錄了的，保存商品可有助於使用者下次繼續購買，當然不保存商品可保護使用者隱私。

加入購物車的交互

主要分為兩種對話模式：當前頁面彈窗和跳轉新頁面。

1號店、凡客、國美採用了購物車加入成功彈窗的交互形式。 為什麼1號店要採用了購物車加入成功彈窗呢?1號店是網路超市，超市買東西一般較多，採用了購物車加入成功彈窗可以減少頻繁刷新購物車頁面的操作，使用者體驗會很好。

圖1.1號店的購物車加入成功彈窗

易迅、亞馬遜、庫巴、新蛋、蘇甯易購是跳轉到正式購物車頁面的交互形式，而京東和當當在正式購物車頁面之前還有一個加入購物車成功的提示頁面，不知道京東和當當的做法是出於什麼樣的考慮， 為什麼不把加入購物車成功的提示放在正式購物車頁面呢?難道京東是為了推薦商品而增加了加入購物車成功的提示頁面(京東正式購物車頁面沒有商品推薦)。

圖2.京東的加入購物車成功的提示頁面

購物車的推薦系統

先看看1號店、凡客、國美的購物車加入成功彈窗，1號店、凡客的購物車加入成功彈窗都有基於其他使用者購買資料的商品推薦，國美線上的購物車加入成功彈窗相對簡單多了，沒有任何推薦。

圖3.1號店購物車加入成功彈窗有推薦商品

接下來再看看京東和當當的加入購物車成功頁和我的購物車(確認商品頁)2個頁面的推薦，京東的加入購物車成功頁推薦了「購買該商品的使用者還購買了」和「您可能還需要以下商品」;當當的加入購物車成功頁推薦了「 流覽了該商品的顧客還流覽了」和「根據您的流覽歷史為您推薦」，當當這裡沒有推薦「購買該商品的使用者還購買了」是因為當當把這個推薦放在商品詳細頁;

京東的正式購物車(確認商品頁)推薦了「購買該商品的使用者還購買了」;

當當的正式購物車(確認商品頁)推薦了「購買以上商品的顧客還買過」和「重點品推薦」;

圖4.當當加入購物車成功頁的推薦

易迅的正式購物車(確認商品頁)的推薦是調用了商品詳細頁的隨心配(易迅的搭配促銷)，而隨心配是人為添加的，感覺有點原始了，好的推薦系統一定是以資料分析去推薦的，而且易迅這樣的推薦和商品詳細頁的隨心配也重複了，有點浪費資源;

國美的正式購物車(確認商品頁)沒有推薦，只有清空購物車後會有推薦的商品;

1號店的正式購物車(確認商品頁)推薦了「你可以換購以下商品」和「猜您喜歡/流覽記錄」，剛看到換購這個詞沒明白啥意思，後來才明白就是針對購物車的搭配的優惠商品，換購這個詞有點模糊;

蘇甯易購、凡客、亞馬遜、新蛋、庫巴的正式購物車(確認商品頁)的推薦就是那些類型推薦，就不列出來了，大家可以自己去看看他們推薦了有哪些什麼類型，因為各家B2C都會根據自身特點設置一些推薦商品，比如凡客的湊單商品。

無論是正式購物車頁面還是加入購物車成功提示頁面，讓你的推薦商品出現在使用者的第一屏非常重要，因為使用者在這個頁面停留目的很明確，確認商品無誤後就提交商品了。 特別是一次購物商品有限的使用者，由於第一屏展示內容區域有限，需要對頁面的設計非常重視。 易迅的設計第一屏壓根沒看到推薦商品，京東和當當兩家的加入購物車成功頁的初衷不知道是否就是這個原因。

推薦商品這個功能上，感覺易迅和國美做的太少，其實能做的東西還很多。

使用購物車的限制

記得幾年前，不少B2C都是登陸後在能使用購物車，京東以前就是。 如今幾家B2C的購物車，非登錄使用者也能使用了，只有到了結算頁面，才會提示登錄/註冊，這樣可以在使用者提交訂單前一定程度上降低參與門檻。

但是1號店在這個上面還是有所限制，特價商品、敏感商品需要登錄才能添加到購物車;另外1號店貌似有個BUG，正式購物車頁面的「猜您喜歡/流覽記錄」中，點擊部分商品的加入購物車會提示登陸(該商品詳細頁可以非登陸使用者添加)。 除了一號店，暫時沒有發現其他幾家有使用限制。

mini購物車的設計

除了當當，其他九家的迷你購物車都在右上角區域，和加入購物車按紐有相互呼應的效果。 而且除了當當只是購物車的簡單連接，其他九家都提供一些快捷操作功能：連結到正式購物車頁面(確認商品頁)和刪除購物車內商品。 另外1號店還可以對購物車內商品數量的進行修改，但是這個功能其實沒有必要的。

圖5.1號店的迷你購物車

　　購物車流程的設計，由於各平臺都有不同的因素，產品各有差異是很正常的，但是有一點是一樣的：購物車的完善設計都應該是基於資料和測試。 原文出自HTTP://www.weijiezhimi.com.cn/posts/416.html，轉載請注明出處，謝謝。