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

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

線上購物車

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

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

網(wǎng)頁迷你購物車

然而電商平臺不會僅僅滿足這么傳統(tǒng)的購物車玩法，在網(wǎng)頁端，又出現(xiàn)了一種迷你購物車的東西。在用戶瀏覽電商網(wǎng)站的大多數(shù)頁面，都可以通過鼠標(biāo)懸停展開迷你購物車，并且有些電商平臺可以通過迷你購物車直接進(jìn)行結(jié)算。

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

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

曾經(jīng)網(wǎng)頁上的迷你購物車都集中在頁面的右上角，鼠標(biāo)懸停之后展開出現(xiàn)加車的商品。近幾年，根據(jù)某國網(wǎng)站的設(shè)計影響，國內(nèi)幾大平臺的購物車變成了從右側(cè)展開。

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

移動端購物車

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

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

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

線下購物車

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

總之，同一個功能性的模塊可能會有不同的細(xì)化發(fā)展方向，可以根據(jù)不同的場景來訂制設(shè)計，做到更好的體驗。

DDC

譯者：彬彬

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。