点击上方蓝字，关注@产品思维与创业心法

与用户建立连接，向世界交付价值

~为您精选的第 025 篇 产品思维 文章~

作者丨枯叶

来源丨产品经理充电站

推荐 丨产品思维与创业心法

导读：不同类型的产品也会有一些相同的功能点，例如：收藏、点赞、内容列表、详情页等，对这些功能点的设计可以单独进行讨论，抽象出通用的设计模式，供参考。

1.功能概述

功能名称：收藏

功能描述：用户消费一条内容后，将内容加入收藏列表。

1.1

使用场景：

用户在浏览内容时，需要将一些优质内容保存下来，避免该内容被信息流淹没，导致用户无法再次找到该内容。

同时，也需要帮助用户建立一个自己的内容列表，当用户收藏列表的内容足够多时，用户放弃产品的成本更高，在一定程度上也提高用户粘性。

常用于内容详情页，如商品详情页、文章详情页等。

常用于内容列表，如图文列表、资讯列表、专题列表、评论列表等。

1.2

常见案例

淘宝商品详情页、今日头条文章详情页、知乎答案详情页等。

2.功能分析

2.1

数据流向图

该功能实现逻辑是：

1.点击按钮，前端判断当前收藏状态；若已收藏，则发起取消收藏指令，否则发起收藏指令；

2.接口将用户id、内容id、分类id（如有）传到后端；

3.后端接受信息，更新对应内容的收藏数，并在收藏数据表中插入/删除记录；

4.数据库执行后端发出的更新指令；

5.后端通过接口将处理结果返回给前端；

6.前端接收信息，并将结果按既定样式展示出来。

用数据流转图表示如下：

2.2

触发方式

大部分产品都使用“点击【收藏】按钮”这种方式来触发“收藏”功能的。部分产品为了维持设计的简洁性，会将按钮默认隐藏起来，在执行某个特定操作时再弹出。比如微信的阅读文章页面，点击右上角“…”才会出现收藏入口。

2.3

需求点描述

今日头条内容详情页的收藏功能详细描述如下：

2.4

注意事项

收藏功能虽然简单，但也有几点需要注意。

1. 收藏功能不仅仅是在详情页做一个收藏功能，需要做完整个功能闭环。不可漏掉收藏夹功能。

2. 当内容被收藏的概率较高时，如图片，可增加内容标签或者内容分类功能，方便用户更好的管理内容。

3. 在设计收藏功能之前，要先考虑清楚收藏信息的最小单位。是一篇文章，还是一个专题，还是一张图片，还是多种情况并存？若多种情况并存，则需考虑收藏内容的展示方式。

转载已获授权，感谢原作者的精彩文章

———— / END / ————

《产品功能设计》专题系列

1. 产品功能设计之 加载更多

2. 产品功能设计之 收藏

3. 产品功能设计之 点赞

4. 产品功能设计之 标签式导航

5. 产品功能设计之 内容列表

6. 产品功能设计之 详情页

7. 产品功能设计之 表单页

每天一篇干货，一起向上成长

↓↓↓ 点击"阅读原文" ，来星球聊聊