Feed 流设计(一):如何对多态内容进行抽象?

栏目: 数据库 · 发布时间: 6年前

内容简介:Facebook 是社交领域的标杆产品,也是一个不存在的网站。登录 Facebook,用户可以看到「好友分享了哪些内容」,「对哪些事情点了赞」,「分享了哪些书」等等。用户可以不断的往下滑动,只要用户想看,就没有底,没有尽头,这种产品交互的方式叫 「Feed 流设计」。Feed 的意思是「喂养」,把信息比作饲料,把用户比作动物。如果它想吃,就可以源源不断的刷下去,把时间耗费在里面。微信朋友圈,微博,Facebook,Linked,花瓣都是「Feed流」设计。

Feed 流设计(一):如何对多态内容进行抽象?

Facebook 是社交领域的标杆产品,也是一个不存在的网站。登录 Facebook,用户可以看到「好友分享了哪些内容」,「对哪些事情点了赞」,「分享了哪些书」等等。用户可以不断的往下滑动,只要用户想看,就没有底,没有尽头,这种产品交互的方式叫 「Feed 流设计」。

Feed 的意思是「喂养」,把信息比作饲料,把用户比作动物。如果它想吃,就可以源源不断的刷下去,把时间耗费在里面。微信朋友圈,微博,Facebook,Linked,花瓣都是「Feed流」设计。

Feed流中常见的内容有哪些呢?

  1. Ryan 分享一本书《21世界的管理挑战》
  2. Ryan 上传了一个视频「带儿子去吃烤鸭」
  3. Ryan 发布了状态「我今天感觉不错」
  4. Ryan 分享了一张图片「带儿子在上海交大遛弯」

Feed 流设计(一):如何对多态内容进行抽象?

SAP 企业级应用 Jam 的首页也是采用 Feed 流设计,它包含了一些针对企业市场更复杂的事件。

  • 公司发布了公司公告。
  • 小组管理员发表了群公告。
  • 同事 Tony 创建/更新/删除/评论了文档。
  • 同事 Sam 创建了一个公开活动的日历

针对 Feed 流设计,在产品开发时该如何建模?

  1. 被抽象内容多态,要考虑未来的扩展性。
  2. Feed 流中出现的内容不是资源的当前状态的展现,而是对状态转换(Transition of state)的展示。

在以下部分,我会探讨一种基于事件的建模方案。这种方案经历了拥有1000+万用户的企业产品的测试,在现实世界中是真实有效的。

Martin Fowler 在 Audit Log 一文举例,当用户更新手机号时,他不仅关心「用户的新手机号是什么」(current state),还关心「用户的手机号从A更新为B」,他对后者做了抽象,称之为审计日志(Audit Log)。

他的 Event Sourcing 模式也是基于事件的另一种设计范式。

一种基于事件的设计模式

Feed 不就是对事件的描述吗?我们可以换个角度,从事件的角度来看待 Feed 流。

Feed 中的内容 基于事件的视觉
Ryan 上传了一个视频「带儿子去吃烤鸭」 videos 表插入了一条记录,id 为 1000, user_id 为 1
Ryan 分享了一张图片「带儿子在上海交大遛弯」 images 表插入了一条记录,id 为 1331,user_id 为 1
Tony 删除了文档 wiki 表中 id 为 433 的一条记录,属性 is_deleted 状态从 false 变为 true,user_id 为 3
Sam 创建了日历 「周三团队聚餐」 calenda_events 中插入一条记录, id 为 123,user_id 为 4

事件有哪些属性

Feed 中每个事件是对某个资源的状态变化(transition of state),包含以下属性:

  • table_name: 哪张表。(换句话说,哪种类型的资源)
  • table_id: 哪条记录。
  • column: 哪个属性
  • operation: 什么操作? e.g. update/insert/delete
  • old_value: 老的状态是什么
  • new_value: 新的状态是什么

范式中的各个组件如何协作?

  1. 资源的当前状态保存在各自的表中。e.g. videos, images, links, wikis, comments.
  2. 当资源的状态变化时,把这一事件也保存下来,称之为 FeedEvent,它构成了 Feed。 - CreateVideoFeedEvent 创建视频 - DeleteVideoFeedEvent 删除视频 - CreateWikiFeedEvent 创建文档 - UpdateWikiFeedEvent 更新文档 - DeleteWikiFeedEvent 删除文档 - CreateCompanyAnnouncementFeedEvent 创建公司公告
  3. 每个 FeedEvent 该如何渲染,放到 Concrete class 中去实现。
  4. 每个 FeedEvent 会通过 table_name , table_id 引用到相关的资源。

Feed 流设计(一):如何对多态内容进行抽象?

以上是对 Feed 内容的抽象,在后面的系列中,我会进一步阐述 Feed 分发,隐私策略等相关话题。

长按二维码,打赏我个微信红包。

Feed 流设计(一):如何对多态内容进行抽象?

25 September 2018


以上所述就是小编给大家介绍的《Feed 流设计(一):如何对多态内容进行抽象?》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

这还是马云

这还是马云

陈伟 / 浙江人民出版社 / 2013-5 / 39.80元

“幽默马云”、“开心马云”、“顽皮马云”、“狂妄马云”……《这还是马云(全新升级版)》由陈伟所著,《这还是马云(全新升级版)》从各个角度揭开了实际生活中“千面马云”的真面目,告诉你一个与想象中大不一样的马云。这不只是一本书,更像一部喜剧电影,让你通过声音、色彩、表情等诸多要素走近马云,感受阿里巴巴。没有冗长的说教,只有让人忍俊不禁的细节;没有高深的理论,只有通俗、诚恳的陈述。作者借幽默平常的琐事,......一起来看看 《这还是马云》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具