小編：總是買買買，你有沒有思考過購物車這個功能，在你買單前后購物車起到了什么作用？在線上和線下，網頁與APP中的購物車各有什么玩法？ @彬彬 跟隨他的譯文一起來看看經常用到又被你忽視的購物車吧。

購物車最初只是在超市大家用來裝東西，裝孩子，溜輪滑，偷回家的小推車。后來有了網上購物，就只能用來裝東西了。再后來網上購物越來越流行，競爭激烈，購物車承載的電商功能又變得越來越多，形式也越來越多。但是它的主要功能一直沒變：裝東西，去付錢，無論線上線下。

線上購物車

作為多件商品買單之前的必經之路，最初在網上使用購物車時，線上的體驗非常類似線下體驗。多件商品手上拿不下，就丟進購物車，把購物車推進收銀臺，逐一結算買單。這里線上線下的不同點出現了，“逐一“刷條形碼買單；網上購物車不需要這么做，一次就可以結清所有商品。那么網上的購物車頁面就可以在結算之前看到購物車內商品的總價。既然有了總價，之后就有人在購物車中做了單個商品的促銷活動，多個商品的組合促銷，滿減，滿折，滿贈，包郵，從而有了湊單功能，促使用戶消費更多。有了多個商品的玩法之后，購物車也有了針對每個商品的操作，可以選擇需要結算幾件商品，刪除商品，修改商品數量，修改商品子碼，降價提醒。至此，線上的購物車從功能上來講已經很接近現在大家在網上使用的購物車。

然而，用戶不僅僅使用了設計上提供了的購物車功能，很多人把購物車當做夾使用，可以了解降價促銷信息，可以直接算出商品總價。更重要的是，購物車從購物流程上來講，比夾更接近購買成單。它更傾向于是一個給用戶用來做最終購買決定的平臺。所以用戶在購物車中，需要確定好需要成單的商品，商品的尺寸，顏色，數量。同時，因為既然有人把購物車當夾用，那么，購物車中的商品可能會是很久之前就已經加車了的商品。這時，在設計購物車的時候就需要清楚的顯示商品的名稱，用戶所選擇的顏色對應的商品圖片，讓用戶不跳出購物車就能夠確認自己要買的商品，進而促成成單。

網頁迷你購物車

然而電商平臺不會僅僅滿足這么傳統的購物車玩法，在網頁端，又出現了一種迷你購物車的東西。在用戶瀏覽電商網站的大多數頁面，都可以通過鼠標懸停展開迷你購物車，并且有些電商平臺可以通過迷你購物車直接進行結算。

這樣做減少了購物流程中的步驟，購物車不是成單之前的必經頁面了。同時，迷你購物車的出現似乎重現了線下推著購物車逛超市的場景：在挑選商品的同時，可以看到自己已經選中了的商品，可以對比已選的商品和當前看到的商品。那么迷你購物車應該在搜索列表頁，分類頁起到很大的作用，因為它重現了超市購物一邊看一邊選的使用場景。

但是，實際效果并沒有那么好，使用率沒有達到預期，通過迷你購物車直接結算的也沒有達到預期。原因可能有幾個：迷你購物車出現的區域不大，一次只能看到一小部分商品，并且出現的也不穩定（鼠標移走之后就會收起），所以它其實并沒有真正的重現那個超市的購物場景，不能對比已選未選的商品；另外，它跟用戶需要購買商品的品類也有關系，超市大多是食品，日常用品，一次大量購買多件，電商平臺的商品非常多，有些像電子產品這類的并不需要迷你購物車，更適合直接下單購買。這里根據這些原因，可能可以這樣做優化，在迷你購物車最有效的頁面（搜索列表頁，分類頁），迷你購物車固定在這些頁面的右側，默認展開（Tesco的網站就是這么做的，雖然視覺效果不那么好，但是購物過程非常有超市的感覺），并且在用戶瀏覽相關品類商品時，購物車內的類似商品稍作突出顯示，方便用戶對比查看。

曾經網頁上的迷你購物車都集中在頁面的右上角，鼠標懸停之后展開出現加車的商品。近幾年，根據某國網站的設計影響，國內幾大平臺的購物車變成了從右側展開。

這樣做并沒有解決上面的問題，鼠標移走之后購物車還是會自動收起。并且如果讓用戶畫一個電商網站的草圖，用戶還是會把購物車放在頁面的右上角。那為什么大家都這么做？因為當購物車呈現在頁面右側展開的時候，它已經不僅僅是購物車一個人在戰斗了，右側的展開邊欄包括了用戶賬戶的信息，夾的功能，活動券的發放，甚至還可以做成一整個活動入口區域。實際上它已經是一個常用功能集中的操作區，利用購物車使用頻繁的特性帶動一些業務上要推動的需求，最終還是要促成更多的單量。

移動端購物車

電商平臺APP的購物車是單獨的一頁，類似于網頁上傳統的購物車頁面。近期流行的O2O，特別是點餐類的APP有了突破，出現了APP上的迷你購物車，選擇需要的商品之后，迷你購物車從屏幕下方滑出。

它的下單流程和網頁的迷你購物車不同。點餐APP上迷你購物車是下單路徑的必經之路，但又不用單獨跳轉頁面。它展示區域不大，也不能長期存貯加車的商品。那是因為其實它符合用戶在餐廳點餐的場景，一個用戶只在一個餐廳吃飯，每次不會點特別多的菜。所以每個購物車都是只針對一個商家，每次點餐也不會點特別多的商品，用戶也不會把購物車當做夾用。

點餐APP的購物車減少了用戶下單的頁面路徑，但是由于不能跨店鋪的加車，所以也沒有在購物車中加入針對店鋪的促銷活動。電商APP的購物車因為頁面的區域大，可以跨店鋪結算，所以對于每個店鋪，可以在購物車里做自己店鋪內的促銷活動。電商APP的購物車其實是店鋪緯度的購物車。如果一個沒有購物車的平臺，只有活動促銷的情況才需要多商品一起結算，提示促銷信息，那其實可以做一個針對活動專屬的購物車。這個購物車的緯度可以做成活動維度展示，想象一下所有商品是歸類在一個活動下，而不是店鋪，那么就可以給每個活動加上滿減、滿折、滿贈這些促銷提示。

線下購物車

線上的購物車經過大家的努力形式越來越多樣，越來越適合不同的需求場景。其實我們也可以考慮一下線下超市的購物車是不是也能有科技的優勢，也能提示購物車內商品的總價，顯示促銷的優惠，提示超市內商品的分類，自動錄入購物清單，可以像平衡車一樣踩在上面，或者自動跟在車主身后不用推著走，可以直接推回家有專人來家門口回收，可以全城公用不僅是屬于某一個超市的小推車。購物車的體驗不光是在線上可以持續的更新越做越好，同樣可以用線上的思維來改造線下的體驗。

總之，同一個功能性的模塊可能會有不同的細化發展方向，可以根據不同的場景來訂制設計，做到更好的體驗。

DDC

譯者：彬彬

總結

以上是生活随笔為你收集整理的购物车，不仅仅是购物车的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。