功能剖析系列第3篇原创文章,希望对你有所帮助。作者誓博。
导读
在内容性产品或功能的设计过程中,常常会要设计一个点赞功能。这篇文章,我们就来剖析下这个简单功能的实现逻辑和涉及到的需求点。
1.功能概述
功能名称:点赞
功能描述:用户阅读一条内容后,给内容点赞表示认同。
1.1
使用场景:
用户来消费内容后,给喜欢的内容点赞,同时剌激内容生产者产出更多高质量的内容。
常用于内容详情页,如商品详情页、文章详情页、评论列表等。
1.2
常见案例
明日头条文章详情页、评论列表、微博内容列表、微信同学圈等。
2.功能剖析
2.1
数据流向图
该功能实现逻辑是:
1.内容详情加载是,判定用户是否已点赞;
2.点击按键时,若已点赞在线点赞,则发起取消点赞指令,否则发起点赞指令;
3.插口将用户id、内容id传到前端;
4.前端接受信息,更新对应内容的点赞数、点赞用户id在线点赞,并在用户信息表中插入点赞文章id和时间(若须要);
5.数据库执行前端发出的更新指令;
6.前端通过插口将处理结果返回给后端;
7.后端接收信息,并将结果按既定式样展示下来。
用数据流转图表示如下:
2.2
触发形式
大部份产品都使用“点击【点赞】按钮或icon”这种形式来触发“点赞”功能的。部份产品为了维持设计的简约性,会将按键默认隐藏上去,如陌陌同学圈。
2.3
需求点描述
明日头条内容详情页的点赞功能详尽描述如下:
2.4
注意事项
点赞功能后端实现并不复杂,但因为涉及了点赞方和被点赞方,所以要考虑功能的完整:
1.点赞功能的目的是剌激用户形成更多高质量的内容。通常不会有“我赞过的”内容列表,但会有“赞过我的”记录。
2.为了及时通知内容生成者,须要设计push推送通知功能。
3.通常点赞后是不容许取消点赞的,但这须要我们具体剖析。如陌陌同学圈的点赞就是可以取消的。
陌陌关注落叶奶茶馆,回复“4”,可免费发放落叶录制的产品总监入门课程一节。