編輯導讀：幾乎每一個電商平臺都會有喜歡和購物車這兩個功能，方便消費者購買自己心儀的產品，并進行收藏和比較。本文作者以家居商城為例，分析喜歡功能如何設計，希望對你有幫助。

購物車、收藏功能幾乎是所有電商平臺必備兩個功能，也是我們常用的功能，接下來將結合近一周做的喜歡功能（類似收藏功能）來進行一次復盤。

01 購物車、收藏、喜歡功能

購物車：從用戶角度看，具有收藏商品、比較、批量結算的作用。使用場景：用戶需要某種商品，看中了某件商品，加入購物車，等確定要買的時候便能再次找到，后續看中的幾款商品，加入購物車后可綜合對幾款商品從價格、材質、規格等進行比較選擇，最后對于要購買的商品批量結算。

除此以外，對商家來說，一次性發貨多個商品比多次發貨商品更節約物流成本，同時，通過搭配購買等運營可以提升銷量，提高客單價。

收藏：從用戶角度看，具有對感興趣商品的后續關注、收藏、比較的作用。不知道大家有沒有遇到無法加入購物車的情況：比如買鞋子的時候，剛好你喜歡的顏色或者尺碼沒了，此時就可以收藏：先關注起來，等下次想買的時候再看看。

相比加入購物車：用戶已經有購買意向，收藏發生的場景更可能是：沒有明確目的時候閑逛，看見某款商品還不錯，并不急著買或者沒想好具體的款式、規格，先收藏以后再說。

喜歡：不知道大家有沒有發現，收藏的圖標一般都是五角星，而電商平臺里的收藏圖標大多是愛心，“喜歡”一詞相對于收藏來說，多了一層情感表達，表達了用戶感興趣、有意向等積極情緒，更有感染力。

結合所在的家居品牌商城的特點：低頻高客單決策周期長，大件家居品本身價格很高，用戶很難在一個品牌商城一次批量購買大件家居品，因此決定用收藏功能而非購物車?？紤]到，大件家居品這種低頻商品，購買量低很難用購買量來促進購買，決定用喜歡這種情緒渲染來表示其他用戶的感興趣及認同。

02 主要功能講解

1. 喜歡功能說明

使用場景：用戶在看商品時，對于感興趣的商品，點擊喜歡直接加入喜歡頁，不需要選擇規格。

交互：點擊：喜歡，toast提示“已添加到喜歡”，將該商品加入到喜歡頁中；再次點擊：取消喜歡，toast提示“已取消喜歡”，將該商品從喜歡頁移出。

涉及模塊：首頁猜你喜歡商品列表、家居商城頁商品列表、喜歡頁更多推薦商品列表、商品詳情頁。

對于像床、沙發等家居品相對于其他產品的規格選擇要更為復雜，例如什么尺寸、材質、前后皮的材料等都需要一定的研究，因此為降低用戶的決策難度，對于商品的初步篩選只需選擇樣式，具體的規格選擇可在決定購買后在喜歡頁補充規格選擇。

2. 喜歡頁狀態

空狀態：沒有用戶喜歡的商品?？赡艹霈F的原因；1、新用戶初次使用產品沒有對產品內容進行操作；2、用戶主動或被動情況頁面內的所有數據。

展示元素：提示文案、操作引導按鈕、更多推薦商品列表。通過提示文案：暫無心儀商品，告訴用戶為什么出現當前狀態，結合操作按鈕：去逛逛，引導用戶去首頁逛商品（這里跳轉首頁而不是家居商城頁的原因：首頁的當季熱銷活動、結合算法的猜你喜歡推薦的商品更可能是用戶感興趣的，通過引導進而提高用戶轉化），以及下方的推薦商品幫助用戶了解功能并驅動用戶前進。

非空狀態：有商品數據，商品也會有三種狀態：失效商品、未選商品規格商品（商品有效）、已選商品規格（商品有效）

失效商品：提示商品失效，點擊：找相似，進入商城列表，篩選相同品類商品。

未選商品規格：展示商品圖片、名稱、起售價，引導用戶選擇規格，點擊：選擇規格，彈出選擇規格彈窗，引導用戶咨詢導購；點擊：分享，彈出引導分享彈窗。

已選商品規格：展示商品圖片、名稱、根據所選規格更新價格；點擊：商品規格，彈出選擇規格彈窗，引導用戶咨詢導購；點擊：分享，彈出引導分享彈窗。

考慮家居品的規格選擇會更為復雜，例如什么尺寸、材質、前后皮的材料等都需要一定的研究，在規格選擇引導咨詢導購；此外大額家居品的決策往往背后是多人決策的，用戶在決策前往往會需要征詢家人意見，因此對于喜歡的商品支持一鍵分享。

排序：已選商品規格商品、未選商品規格商品、失效商品，相同情況下按照規格更新時間從最近時間往后倒序排列。

03 關于喜歡的其他思考

1. 如何承接結算

由于之間的邏輯是單個商品單獨購買，如果在喜歡頁做結算則要考慮多訂單結算的邏輯、庫存的判斷以及后續的訂單的展示，因此本期未做考慮，但用戶在喜歡頁咨詢導購選擇規格后如何能承接結算呢？考慮大件家居品用戶很難一次在一個品牌商城買多個商品，可限制單選結算，但會限制搭配其他小額高頻商品購買。

2. 訂單管理、物流的展示

常見的電商平臺一般都會在訂單管理將訂單的狀態：待付款、待發貨、待收貨、退款/售后作為快捷入口露出，如果考慮家居品的特點，對于這種大件物品，用戶往往難搬運，更期望能按約定的時間到達送貨上門，而非其他小件品可能更關注快速送達?；诖?，對于待發貨商品是否應該引導填寫預訂上門時間，展示送貨進度。

本文由@西柚 原創發布于人人都是產品經理，未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議