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

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

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

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

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

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

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

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

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

02 主要功能講解

1. 喜歡功能說明

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

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

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

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

2. 喜歡頁狀態(tài)

空狀態(tài)：沒有用戶喜歡的商品。可能出現(xiàn)的原因；1、新用戶初次使用產(chǎn)品沒有對產(chǎn)品內(nèi)容進(jìn)行操作；2、用戶主動或被動情況頁面內(nèi)的所有數(shù)據(jù)。

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

非空狀態(tài)：有商品數(shù)據(jù)，商品也會有三種狀態(tài)：失效商品、未選商品規(guī)格商品（商品有效）、已選商品規(guī)格（商品有效）

失效商品：提示商品失效，點(diǎn)擊：找相似，進(jìn)入商城列表，篩選相同品類商品。

未選商品規(guī)格：展示商品圖片、名稱、起售價，引導(dǎo)用戶選擇規(guī)格，點(diǎn)擊：選擇規(guī)格，彈出選擇規(guī)格彈窗，引導(dǎo)用戶咨詢導(dǎo)購；點(diǎn)擊：分享，彈出引導(dǎo)分享彈窗。

已選商品規(guī)格：展示商品圖片、名稱、根據(jù)所選規(guī)格更新價格；點(diǎn)擊：商品規(guī)格，彈出選擇規(guī)格彈窗，引導(dǎo)用戶咨詢導(dǎo)購；點(diǎn)擊：分享，彈出引導(dǎo)分享彈窗。

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

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

03 關(guān)于喜歡的其他思考

1. 如何承接結(jié)算

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

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

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

本文由@西柚 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議