購物車是做什么的？

我們先來看一下現實超市中的購物車，一個帶四個轱轆的鐵筐子，客人推來推去，看到什么東西喜歡，就扔進去，覺得東西差不多了，就推到收銀臺。

那B2C網站中的購物車又是一個什么東西呢？

從廣義上說，購物車在B2C網站里無處不在，當客人進入一個B2C網站時，他就相當于推著購物車開始逛超市了，只是客人暫時看不到購物車，直到進入購物車（Shopping cart page）頁面，然后去結算，下單成功。本文討論的購物車是狹義的購物車，是指客人在點商品頁面的“加入購物車”（Add to cart）按鈕，到進入下“去結算”（Check out）之間的過程。

設計購物車（Shopping cart）時會存在哪些邏輯？

第一個當然是入口邏輯，即從哪些地方可以點擊“加入購物車（Add to cart）”按鈕，解決的是什么東西可以扔到購物車（Shopping cart）的事情。常見的入口包括：產品列表頁、單產品頁，另外，在促銷活動頁面、購物車頁面中的推薦產品部分也是常見的入口，根據不同的網站情況還會有其他七七八八的入口。

當在不同的入口點擊“加入購物車”可能會產生不同的事件。所以我們首先要定義在那那些頁面什么情況下可以有“加入購物車）”的按鈕。強調一點，千萬不要小看定義入口，他可能會對后面的每一步都產生影響，尤其是一些隱性入口，如我們常見的在用戶的歷史訂單中常常會有“再下一單”（Re-order）的功能，這個時候很有可能會有諸如看看這些商品還有沒有庫存之類的復雜邏輯處理，?不關心購物車入口的設計幾乎一定是不合格的購物車產品設計?。

第二個是添加商品邏輯，解決的是怎么把商品扔到購物車（Shopping cart）的事情。從頁面展現來看可能會出現兩種情況，一種直接是進入購物車頁面，還有一種是提示你“商品已經加入購物車”然后在原頁面讓你繼續購物，這兩種表現的結合體就是那種彈出一個小框框問你去購物車頁面還是繼續購物。無論是那種跳轉情況，都會存在一個看不到的邏輯，那就是把放入購物車的商品記錄下來了。產品經理必須清楚的知道根據自己網站的實際情況究竟需要記錄什么東西。

最直接需要記錄的，旸仔認為包括兩部分，一是什么商品，另一個是添加了多少個商品。可能有人會認為為什么不記錄商品的價格呢？旸仔認為，?產品的價格應該有單獨的計算模塊（價格計算器）?，只要知道什么東西，我們就可以隨時獲得價格，所以不應該在這里記錄。就像我們在超市賣東西，當我把一個東西放到車里的時候，直到結算之前，我們只用知道車里有幾個東西，有什么東西就可以了，甚至我們都可以忘記車里有什么東西，反正結算的時候也會知道。

第三個就是購物車的商品處理和頁面展現邏輯。就像于我們在超市購物，正式付款之前，需要看看買了哪些東西，一共要花費多少錢。當進入購物車頁面時，首先要把我們購物車里的東西計算一下價格，旸仔比較傾向的產品處理方法是，在購物車頁面顯示之前，將購物車里的東西統一扔到一個價格處理器里，價格處理器計算各種促銷活動、打折等等的事情，這個價格處理器就像收銀臺上的條碼槍，把每一個產品的價格返還回來，無論是促銷裝還是普通商品最終會給商品一個正確的價格。

舉個例子，買一罐可樂3元，買兩罐可樂5元（即單價2.5元），用戶當初只是把可樂扔到購物車（相當于我們說的添加商品邏輯），條碼槍一掃，如果有一罐可樂，就顯示單價3元，如果有兩罐可樂就顯示單價2.5元。這一部分的重點是?價格處理器要和頁面展現分離?，他對于頁面展現或者對于購物車相當于一個黑盒的東西，購物車只要告訴價格處理器有什么東西、數量幾個，價格處理器就給出相應的價格，最終顯示在購物車頁面上。

現在我們再說一下展現邏輯的重點，購物車頁面的真正作用在于兩個：一個是讓用戶盡快的結算成功下單；另一個是盡可能的讓用戶再多買點東西（Continue shipping）。關于讓用戶盡快結算成功，我們只要做好一件事情，讓用戶在頁面一眼就看到“去結算”（Check out）按鈕，這件事情說起來很簡單，做起來也不難，但確實有很多人都沒有做好，包括一些小有名氣的網站，我見過一個網站如果買了十幾樣東西的話，如果想看到“去結算”（Check out）按鈕要滾動鼠標3、4下。旸仔的建議是，把“去結算”（Check out）按鈕放到右上角，使用和諧而醒目的顏色，同時，在購物車頁面盡量不要寫太多的文字，如果必須要寫，也要離“去結算”（Check out）按鈕遠一些。

讓用戶盡可能的再多買點東西，就像我們在超市收銀臺看到的口香糖、電池之類的一樣，所以有一個非B2C網站核心功能的功能就很重要了，今后如果有時間的話，我們也可以單獨的討論商品推薦的產品設計方法。讓用戶盡可能再多買東西還有一個按鈕也很重要，就是“繼續購物”（Continue shipping）。在購物車展現頁面，有一個重要的問題需要產品經理來思考，就是自己的網站“繼續購物”（Continue shipping）更重要還是”去結算”（Check out）更重要，每個產品經理都必須找到自己網站“繼續購物”和“去結算”（Check out）的平衡點，在頁面顯示邏輯上表現出來。旸仔見過的大多數網站仿佛“去結算”（Check out）更為重要，畢竟馬上就可以下單，老板一下可以看到錢了。

最后就是離開購物車的邏輯，B2C網站一定要想好，哪些離開購物車頁面是正確的，哪些是錯誤的，旸仔認為只有用戶因為點擊“繼續購物”（Continue shipping）和“去結算”（Check out）按鈕離開購物車（Shopping cart）才是正確的，其他的離開除非有足夠充分的理由，否則都是產品設計的愚蠢和混亂導致的。如果用戶點擊“繼續購物”關鍵的邏輯是在回到那個頁面，這個就和前面提到的入口邏輯有很緊密的聯系了，產品經理應該視具體情況具體分析。而用戶點擊“去結算”（Check out），邏輯很簡單，就是進入結算流程，具體結算流程的設計今后會專門討論。

購物車（Shopping cart）基本的產品設計思想說完了，可能缺少細節的東西，旸仔想說的是，細節會根據每個網站的不同會有不同，但核心的產品設計思想是共性的，他才是產品經理應該放在心中的道。

補充說明：千萬不要把購物車產品設計等同于購物車頁面，購物車頁面只是購物車產品設計中主要的頁面表現部分。

相關文章：B2C網站購物車產品設計之概述

via：youshandeyang