b2c網(wǎng)站購物車的交互設(shè)計(jì)以及用戶體驗(yàn)(產(chǎn)品經(jīng)理必看)

b2c網(wǎng)站購物車的交互設(shè)計(jì)以及用戶體驗(yàn)（產(chǎn)品經(jīng)理必看）對于大部分B2C網(wǎng)站來說，購物車是網(wǎng)站的咽喉之地，訂單是白花花的銀子，所有銀子都必然流經(jīng)購物車，購物車不能有失。優(yōu)秀的購物車設(shè)計(jì)至少需要完成兩項(xiàng)使命：一是方便用戶多買貨多掏銀子；二是幫用戶保管好待購的貨品，方便下次接著掏銀子。

購物車是個(gè)較復(fù)雜的系統(tǒng)，一般會跟訂單、商品、庫存、會員和促銷等模塊有曖昧關(guān)系，也算是牽一發(fā)而動全身。所以，在不了解購物車前，不宜輕易的指揮你的程序員修改購物車。說了這么多，進(jìn)入正題。本文較長，請耐心觀看。什么叫購物車，有何作用？傳統(tǒng)的購物車一般指超市中顧客去結(jié)算前暫時(shí)存放所選商品的一種手推車。1937年6月美國人SylvanGoldman發(fā)明了第一輛購物車，隨后購物車風(fēng)行各國賣場。在中國，大家熟知的是以“沃爾瑪“為代表的“美式購物車”和以“7-Eleven”為代表的“日式購物車”。購物車存在的價(jià)值是：1、便于客戶在選購商品到結(jié)算完成前存儲商品，解放客戶的手。實(shí)際上是讓用戶多購買商品，提高客單價(jià)。2、不僅可存放選購好的商品，還附帶了嬰兒車的功能，讓帶小孩的父母方便購物。3、沃爾瑪在2007年率先于超市中采用無線射頻技術(shù)（RFID），每件商品打上電子標(biāo)簽，放入購物車中的商品能被追蹤，結(jié)算時(shí)無需掃描每件商品，購物車經(jīng)過特殊的掃描裝置后即可計(jì)算出最終的總價(jià)格。購物車被廣泛用于分析用戶的購買行為。在線購物車，這里是指用戶點(diǎn)擊按鈕“加入購物車（addtoshoppingcart）”到點(diǎn)擊“去結(jié)算（checkout）”按鈕之間的過程。值得注意的是，購物車不僅僅指“shoppingcartpage”！大概在傳統(tǒng)購物車被發(fā)明60年后，1995年，美國人MarkMumma（websitedesigner）發(fā)明了第一個(gè)OnlineShoppingCart（這里指的是購物系統(tǒng)），而至于本文提到的購物車的在線購物車的發(fā)明者，在線沒有考證出來（對這段歷史有了解的歡迎聯(lián)系我：QQ:80411154）。1999年4月，又是美國人JulietteHarrington發(fā)明了一項(xiàng)專利：虛擬購物車，該技術(shù)使在線用戶能夠用一個(gè)通用的虛擬購物車從不同的網(wǎng)站采購商品和服務(wù)，最后僅僅在一個(gè)地方付款（沒記錯(cuò)的話，2008年亞馬遜網(wǎng)站使用了該項(xiàng)專利，具體可以查看：/sdui/sdui/business/cba/shoppingcart#features）。在線購物車主要作用在于：1、和傳統(tǒng)賣場類似，方便用戶一次選擇多件商品去結(jié)算。2、充當(dāng)臨時(shí)收藏夾的功能。3、對于商家來說，購物車是向用戶推銷的最佳場所之一。

什么時(shí)候可以考慮不要購物車？在傳統(tǒng)的的小超市和商店是沒有購物車（或購物籃）的，因?yàn)榫嚯x短、空間小等原因。電器城、電腦城也沒購物車吧？因?yàn)榇拓?顧客東西買得少吧？和在線購物車對應(yīng)的另一個(gè)功能是“立即購買”，也就是一次只能選擇一件或一套商品去支付。理論上沒有購物車是能走通流程的，現(xiàn)在的ebay和當(dāng)年的淘寶是只有“立即購買”沒有購物車的。以下情況可以考慮用“立即購買”代替購物車：1、SKU數(shù)少，當(dāng)年的減肥產(chǎn)品“綠瘦”的官網(wǎng)很典型；2、商品結(jié)構(gòu)單一，比如只賣杯子，不賣其它產(chǎn)品，你的用戶大部分情況下也就只會買一個(gè)杯子（當(dāng)然，你可以通過套裝功能組合銷售賣多件，但不需要購物車）。3、通過數(shù)據(jù)分析，發(fā)現(xiàn)用戶訂單平均商品數(shù)無限接近1（當(dāng)然這有關(guān)聯(lián)銷售不力的可能）。4、你非常期望你的用戶每次只買一件商品就滾蛋，不要磨蹭！購物車入口有哪些？購物車入口是指把商品加入購物車的途徑。常見的有：在商品詳情頁把商品加入購物車、在收藏夾把商品加入購物車、在已購買成功的訂單把商品加入購物車、在已取消的訂單把商品加入購物車、把購物車頁面的關(guān)聯(lián)推薦商品直接加入購物車。由于購物車直接跟庫存和促銷有關(guān)系，所以不同的入口，存在不同的處理邏輯。這里舉2個(gè)例子，拋磚引玉，我不展開寫：1、對已成功完成的訂單，點(diǎn)擊“重新購買”或“重新加入購物車”，若部分或全部商品沒有庫存該如何處理？原來送贈品現(xiàn)在不送了，該如何處理？2、同理用在已取消的訂單上，若有商品被刪除或下架了，如何處理？若目前可供購買的數(shù)量小于原訂單，該如何處理？同時(shí)，我們還需考慮不同的購物車入口的交互方式。如在商品詳情頁，商品加入購物車后，是直接進(jìn)入購物車？迷你購物車下拉提示？彈出層讓用戶選擇去購物車or繼續(xù)購買？哪種做法適合你的網(wǎng)站？購物車的入口處理我暫時(shí)寫到這里，提供一篇很精彩的文章供大家繼續(xù)研究：購物車的出口有入口必然有出口，我把購物車的出口解釋為：商品移除購物車的途徑。常見的方式有三種。1、購物車商品被攜帶去結(jié)算，并成功提交訂單；這是最常見的方式這里需要重點(diǎn)考慮一個(gè)問題：若登錄前商品A被加入購物車，實(shí)際上登錄狀態(tài)下用戶的購物車保存了商品B和C。在購物車點(diǎn)擊“去結(jié)算”，要求用戶登錄，登錄后被攜帶去結(jié)算的商品是A，還是A+B+C?或者讓用戶自己選擇（shopex的做法）？2、購物車商品被刪除；3、購物車商品被加入收藏夾。若購物車中商品能被加入收藏夾么？加入收藏夾后，購物車中該商品記錄要被同時(shí)刪除么？下面進(jìn)入解說具體功能的階段，設(shè)計(jì)功能前得明白產(chǎn)品的核心功能是什么，擴(kuò)展功能是什么？核心功能上可以做哪些延展，擴(kuò)展功能又能做哪些延伸。先理解購物車的主要作用：1、方便用戶攜帶多件商品一起去結(jié)算；2、臨時(shí)商品儲存地。而購物車次要作用有：1、讓用戶多買東西，提高客單價(jià)（網(wǎng)站價(jià)值觀不同，有的網(wǎng)站期望用戶趕緊進(jìn)入下一步去結(jié)算）。購物車核心功能&延展功能見下圖，由用戶需求推導(dǎo)出購物車核心功能需求。下圖是一個(gè)購物車應(yīng)該滿足的功能需求，當(dāng)然，根據(jù)自身網(wǎng)站情況可增減。購物車擴(kuò)展功能&延展功能文字懶得寫了，還是畫圖快。。購物車的狀態(tài)這是一個(gè)較容易被忽略的點(diǎn)，一般情況，用戶常見到的購物車狀態(tài)是登錄前或登錄后購物車有商品。實(shí)際上還包括登錄前或登錄后購物車為空、登錄前或登錄后購物車有商品（部分或全部）被下架、庫存為零等狀態(tài)。登錄前購物車有商品：這是一種很好理解的狀態(tài)，對于有會員等級還享受會員折扣的站點(diǎn)，要考慮的問題是登錄前和登錄后商品的價(jià)格可能不一致，如果在購物車使用優(yōu)惠券，登錄前能否使用？登錄后購物車有商品：這種狀態(tài)是最常見的，就不說了登錄前購物車為空：首先要考慮的一點(diǎn)是，如果購物車沒有商品，是否允許用戶點(diǎn)擊進(jìn)入購物車頁面？如果允許，購物車要做的工作有哪幾件？我總結(jié)了下，常見的提示有：1）告訴用戶購物車為空，并給出返回首頁繼續(xù)購物的快捷鏈接

2）告訴用戶未登錄可能導(dǎo)致購物車為空，提示用戶登錄；

3）推薦商品給用戶。登錄后購物車為空：參照登錄前為空的第2和第3點(diǎn)登錄前或登錄后購物車商品全部或部分被下架或庫存為零：這是一種非常特殊的狀態(tài)，至少得解決2個(gè)問題：1）告訴用戶有商品被下架或庫存為零；2）用戶是否能繼續(xù)去結(jié)算？如果阻止用戶去結(jié)算，用戶需要做什么？購物車數(shù)據(jù)的保存方式這段是稍偏技術(shù)的話題，但仔細(xì)看看也較好理解。在看這段文字前，你需要簡單理解“cookie、session和數(shù)據(jù)庫”三個(gè)概念。當(dāng)然，這里我就不解釋了，自己去google一下吧。購物車數(shù)據(jù)的保存是一個(gè)非常細(xì)節(jié)的體驗(yàn)，但同樣非常重要，實(shí)際上數(shù)據(jù)的保存方式直接影響用戶收藏商品的體驗(yàn)。用戶常會有這么3個(gè)疑問：1、網(wǎng)站A，為什么我加入購物車的商品，第二次登陸該網(wǎng)站后，商品消失卻消失了？

2、網(wǎng)站B，為什么我換一臺電腦，購物車中的商品卻沒了？

3、網(wǎng)站C，我沒有往購物車添加商品呀，誰用了我的電腦呀？根據(jù)每個(gè)網(wǎng)站實(shí)際情況，一般需要考慮以下情況：1、登錄前，往購物車添加了商品，商品數(shù)據(jù)該保存在哪？cookieor會話方式？

2、登錄后，往購物車添加了商品，商品數(shù)據(jù)該保存在哪？cookieor會話方式or數(shù)據(jù)庫？保存多久？

3、家誰未登錄狀態(tài)下往購物車添加了商品，保存方式為A，后來登錄了，保存方式為B。A和B應(yīng)該是怎樣一種關(guān)系。用戶退出登錄后A和B又怎樣一種關(guān)系、怎樣一種處理邏輯？

4、如果在使用cookie保存數(shù)據(jù)，假設(shè)用戶瀏覽器禁用了cookie，如何處理？

5、假設(shè)用cookie保存數(shù)據(jù)，什么情況下cookie保存的數(shù)據(jù)會被系統(tǒng)清除（注意是系統(tǒng)而不是人為）？

6、假設(shè)用數(shù)據(jù)庫保存購物車數(shù)據(jù)，什么情況下數(shù)據(jù)庫保存的數(shù)據(jù)會被系統(tǒng)清除？再同時(shí)，可以結(jié)合數(shù)據(jù)的保存方式，考慮購物車數(shù)據(jù)營銷：1、某A注冊用戶放棄購物車了，是否可以考慮一個(gè)星期后觸發(fā)郵件提醒對方？

2、如果購物車數(shù)據(jù)要被系統(tǒng)清除，在這之前，是否考慮郵件提醒用戶？

3、如果用戶對你的郵件提醒無動于衷，是否考慮給點(diǎn)優(yōu)惠勾引