導(dǎo)讀

在內(nèi)容性產(chǎn)品或功能的設(shè)計(jì)過(guò)程中，經(jīng)常會(huì)要設(shè)計(jì)一個(gè)收藏功能。這篇文章，我們就來(lái)分析下這個(gè)簡(jiǎn)單功能的實(shí)現(xiàn)邏輯和涉及到的需求點(diǎn)。

功能名稱

收藏

功能描述

用戶消費(fèi)一條內(nèi)容后，將內(nèi)容加入收藏列表。

使用場(chǎng)景

用戶在瀏覽內(nèi)容時(shí)，需要將一些優(yōu)質(zhì)內(nèi)容保存下來(lái)，避免該內(nèi)容被信息流淹沒(méi)，導(dǎo)致用戶無(wú)法再次找到該內(nèi)容。

同時(shí)，也需要幫助用戶建立一個(gè)自己的內(nèi)容列表，當(dāng)用戶收藏列表的內(nèi)容足夠多時(shí)，用戶放棄產(chǎn)品的成本更多，在一定程度上也提高用戶粘性。

常用于內(nèi)容詳情頁(yè)，如商品詳情頁(yè)、文章詳情頁(yè)等。

常見(jiàn)案例

淘寶商品詳情頁(yè)、今日頭條文章詳情頁(yè)、知乎答案詳情頁(yè)等。

數(shù)據(jù)流向圖

該功能實(shí)現(xiàn)邏輯是：

1.點(diǎn)擊按鈕，前端判斷當(dāng)前收藏狀態(tài)；若已收藏，則發(fā)起取消收藏指令，否則發(fā)起收藏指令；

2.接口將用戶id、內(nèi)容id、分類(lèi)id（如有）傳到后端；

3.后端接受信息，更新對(duì)應(yīng)內(nèi)容的收藏?cái)?shù)，并在收藏?cái)?shù)據(jù)表中插入/刪除記錄；

4.數(shù)據(jù)庫(kù)執(zhí)行后端發(fā)出的更新指令；

5.后端通過(guò)接口將處理結(jié)果返回給前端；

6.前端接收信息，并將結(jié)果按既定樣式展示出來(lái)。

用數(shù)據(jù)流轉(zhuǎn)圖表示如下：

數(shù)據(jù)流向圖-收藏

觸發(fā)方式

大部分產(chǎn)品都使用“點(diǎn)擊【收藏】按鈕”這種方式來(lái)觸發(fā)“收藏”功能的。部分產(chǎn)品為了維持設(shè)計(jì)的簡(jiǎn)潔性，會(huì)將按鈕默認(rèn)隱藏起來(lái)，在執(zhí)行某個(gè)特定操作時(shí)再?gòu)棾?。比如微信的閱讀文章頁(yè)面，點(diǎn)擊右上角“…”才會(huì)出現(xiàn)收藏入口。

需求點(diǎn)描述

今日頭條內(nèi)容詳情頁(yè)的收藏功能詳細(xì)描述如下：

需求點(diǎn)描述-收藏

注意事項(xiàng)

收藏功能雖然簡(jiǎn)單，但也有幾點(diǎn)需要注意。

1.收藏功能不僅僅是在詳情頁(yè)做一個(gè)收藏功能，需要做完整個(gè)功能閉環(huán)。不可漏掉收藏夾功能。

2.當(dāng)內(nèi)容被收藏的概率較高時(shí)，如圖片，可增加內(nèi)容標(biāo)簽或者內(nèi)容分類(lèi)功能，方便用戶更好的管理內(nèi)容。

3.在設(shè)計(jì)收藏功能之前，要先考慮清楚收藏信息的最小單位。是一篇文章，還是一個(gè)專(zhuān)題，還是一張圖片，還是多種情況并存？若多種情況并存，則需考慮收藏內(nèi)容的展示方式。