最近在做電商H5的設計，在研究購物車的時候有過那么一些思考，周末終于有時間把最近的一些看法整理一下，文中所選的競品包括：淘寶（C2C）、京東(B2C)、網易考拉(跨境電商)和蘇寧易購（B2C）、阿里巴巴（B2B），基本涵蓋了目前主流的電商模式，同時這幾個平臺用戶數量很廣，能在一定程度上反應用戶的使用習慣。
一、為什么要有購物車
1、符合用戶購物習慣，相比較一些線下的小商品，任何一個電商平臺都算得上是一家“超市”了，所以用戶很可能在同一個電商平臺購買多個商品，如果用戶每購買一個商品就支付一次，不符合用戶購物習慣，對用戶體驗來說是一個巨大的災難。因此從購物的流程來說，我們需要立即購買來快速購買，減少流程（當然任性的jd一直沒有），也需要加入購物車，多個商品合并支付。
2、體現訂單信息，即多個商品相互影響或者單個商品數量對訂單的影響。電商平臺最主要的此類信息就是優惠信息，目前優惠主要有兩種，一種是單品的優惠，即單個商品的降價。另一種是多品優惠，比如滿減、滿送、搭配優惠等。如何體現后面這些優惠類型，就需要購物車的幫助。比如網易考拉左上角的滿減優惠：
諸如此類的優惠還很多，對用戶來說這主要是給用戶一個再思考的機會，對平臺來說是關聯銷售。其他比如郵費等的信息也需要在購物車中體現。當然還有很多其他非優惠的訂單信息需要在購物車內就對用戶進行提示，比如跨境電商的2000元限額等。這些信息是能影響購物決策的，因此不能放在訂單確認頁，購物車就是提示的最好地方。
據說很多女性用戶都是把購物車當做收藏功能用的，把想要的商品加入購物車，之后再在購物車里選擇合適的商品組合進行結算，在這種用戶場景里，購物車也是必不可少的。
二、購物車應該實現什么功能
對一個購物車來說，他需要實現的基本功能，即一個購物車的下限應該有：
1、瀏覽商品信息，即大概的看一下我的購物車里有哪些商品，同時這一定得是去到商品詳情的入口，用戶點擊購物車里的商品后能夠重新回到商品詳情，再一次決策是否結算該商品，商品信息可以比較簡略，只包含關鍵的品名、價格和數量，當然配圖的話比較直觀，因為有些品名實在太長，只看品名用戶還真不知道到底是什么。
2、對商品的操作，對商品的操作包含了：多選，變更數量，刪除和結算，多選是為后面幾個功能服務。
3、包括優惠在內的訂單金額信息的顯示，這主要是配合商品的操作，因為數量上的變更可能會引起優惠、價格上的變動。所以購物車需要顯示包括單價、總價、優惠、運費，跨境電商的稅費等在內的金額信息，方便用戶進行購物決策。
上述的三個功能基本也是一個用戶使用購物車的流程
三、PC端和APP、H5在購物車上有什么區別
作者研究了5個競品的PC端和移動APP或H5，發現購物車的設計基本PC端和移動端差別不大，顯示的信息基本相同，所做的一般就是把信息重新排布，按鈕移到操作熱區等一系列適應移動端特點的的變化。但也有一些不同。
淘寶和網易考拉購物車無法直接編輯數量。京東、蘇寧易購和阿里巴巴可以。淘寶和考拉都是需要點擊右上標簽欄中的編輯才能跳出數量的加減。
淘寶的設計比較好理解，其商品下包含了較多的子選項，即一個大的商品下根據大小、顏色等的不同，可能有十多二十個具體商品，單純在購物車內數量加減容易出錯，其PC端可以進行加減操作是因為加減操作頁面同時能夠進行具體商品的選擇，兩個選擇能在一個頁面的彈窗內實現。
但對于手機淘寶來說，因為移動端屏幕大小的限制，不能把規格選擇和數量選擇做到同一個界面里，為了降低出錯幾率，手機淘寶把數量和規格都放到了“編輯”這個頁面里
至于考拉為什么不能在購物車里變更數量，并沒有想到很好的原因，希望能想到的人告知。
