想设计Feed 流产品?先来收下这份基础知识科普

2020-4-21    资深UI设计者

什么是「Feed」

feed 单词释义:v. 喂养;进食;为……提供充足的食物;施肥;为(某人)提供(信息、主意等);

n. 饲料;饲养;(尤指给动物或婴儿)喂食;进食;(计算机的)订阅源

形象来讲,如今新浪微博、微信朋友圈、抖音、今日头条、小红书、Facebook、QQ 空间等等内容平台每时每刻都在不断投喂给我们赖以维系健康生活(废柴生活)的精神食粮——信息内容。而这些信息组合起来的格式便是 feed。

1. Feed

feed 是一种信息格式,平台通过它将资讯传递给用户。feed 是信息聚合的最小单元,每一条状态或者消息都是 Feed,比如朋友圈中的一个动态就是一个Feed,微博中的一条微博就是一个 Feed。

2. Feed流

feed 流即持续更新并呈现给用户内容的信息流。每个人的朋友圈,微博关注页,头条新闻等等都是一个 Feed 流。

Feed的前世今生

Feed 源于早期的 RSS(Really Simple Syndication )

RSS(简易信息聚合):将用户主动订阅的若干消息源组合在一起形成内容(aggregator),帮助用户持续地获取的订阅源内容。对用户而言,聚合器是专门用来订阅网站的软件,一般亦称为 RSS 阅读器、feed 阅读器、新闻阅读器等。用户选择订阅多个订阅源,网站提供 feed 网址 ,用户将 feed 网址登记到聚合器里,在聚合器里形成聚合页,用户便能持续地获取的订阅源内容。

在早期的 Web 时代,订阅源一般是新闻网站以及博客。用户主动订阅感兴趣的多个订阅源,订阅器帮用户及时更新订阅源信息,然后按照 timeline 时间顺序展示出来。这样,用户可以通过订阅器获取即时信息,而不用每天都检查各个订阅源是否有更新。

转折出现在 2006 年,Facebook 宣布了一项新的首页形式「News Feed」,这一形式打破了传统 RSS 的订阅方式。News Feed 可以看做一个新型聚合器,订阅源不仅仅是某个网址、某个新闻网站或者某个内容,而是生产内容的人或者团体,而内容即是好友或关注对象的动态(发布的内容以及其他的社交行为)。News Feed 的出现使得 RSS 被迫淡出历史舞台。News Feed 发展至今已经拓展出多种多样的模式和呈现方式。

Feed流的主要模式:

推模式:每当用户发帖,对所有粉丝推送一条该用户的动态消息记录。需要考虑的是如果一个粉丝量级非常大的用户(大 V),发布一条动态那么需要在每个粉丝页推送一条动态,多个大 V 级别用户同时发帖对数据的存储负荷是非常大的。

拉模式:每当请求好友动态,拉取用户所有关注者的最近动态,然后汇总排序。如果用户同时关注非常多的用户,那么查询这类型的用户的关注列表也是很大的数据成本。

推拉模式:在线推,离线拉;定时推,离线拉。

Feed流的排序方式:

除了关注 feed 流的主要模式之外,feed 流的排序方式也值得一提:

Timeline:按发布的时间顺序排序,先发布的先看到,后发布的排列在最顶端,类似于微信朋友圈等。这也是一种最常见的形式。产品如果选择 Timeline 类型,那么就是认为 feed 流中的 feed 不多,但是每个 feed 都很重要,都需要用户看到。

Rank:按某个非时间的因子排序,一般是按照用户的喜好度排序,用户最喜欢的排在最前面,次喜欢的排在后面。这种一般假定用户可能看到的 Feed 非常多,而用户花费在这里的时间有限,那么就为用户选择出用户最想看的 Top N 结果,场景的应用场景有微博、头条新闻推荐类、商品、视频推荐等。

目前 feed 流的主流排序方式不再严格按照 timeline,而是广泛使用智能 feed 排序。

智能排序基于趋势 trending、热门 hot、用户生产 UGC 、编辑推荐 PGC、相似 Similarity 等等因素综合考虑,随着技术的进步,智能算法将会更加懂得用户的喜好。新的 feed 流不再需要用户主动订阅或者搜索,只要监测我们的浏览时长、点赞分享等动作,或者建立用户画像类别,就可以主动推荐我们感兴趣的内容。它对我们了如指掌,给我们想了解的,让我们不停刷新沉溺于其中。就现在 feed 流中的广告,女性用户对化妆品的喜好,男性用户对车的偏爱,临时借钱的窘迫,这些暖广告已经不再像牛皮癣一样惹人讨厌,甚至变成了一颗我们愿意吃下的安利。

Feed流的应用

可以有以下大致分类:

  • 社交互动类:微信、微博、Instagram、Facebook
  • 新闻资讯类:今日头条、腾讯新闻
  • 视频直播类:抖音、快手

feed 作为信息聚合的最小单元,每一个 feed 都会具备相应的内容。其中包括发布的时间、发布者、文字内容、图片内容,还包含点赞、转发、评论、关注等操作、根据应用场景、业务目标不同,其表现方式也大有不同,任何表现形式都应该是为了更好地呈现功能及内容。

新闻资讯类产品和社交互动类产品 feed 元素大体相同,区别在于新闻资讯类产品通常着重展现新闻内容,标题,简介,匹配的图片等,而发布时间和发布作者等会在单个 feed 的底部出现。在图文兼备的排版布局中,左文右图适合文字内容类比如文章或者知乎、豆瓣等长答案评论等,图片是辅助信息支撑文字内容。左图右文图片更加吸引人的注意通常出现在商品信息比如什么值得买。

社交互动类产品,其最终目的是发现和拓展社交关系,融入相应的社交圈。而这时候社交拓展的基本单位人或者团体发挥着至关重要的作用。所以我们可以发现,通常的社交互动软件都会将发布者头像放在上部展示的位置,也会在底部突出点赞,评论,分享等互动操作。

视频直播类产品与前两者相异,页面的大部分空间留给视频内容的展示,一般一屏只承载一个 feed 信息单元,内容等提示元素在左侧呈现,除回复评论等操作元素列在右侧。

feed 中各元素的位置关系、所占比例与产品自身定位密切相关。如微博作为泛社交应用产品,社交关系主要建立在内容上,社交关系质量较弱,多为单向传播,注重的是传播的速度和内容公开。所以其 feed 的呈现方式发布者与发布内容不做明显的设计排布区分。以卡片间隔的形式在 feed 与 feed 之间做区隔。评论页面在下一层级。

微信是作为一个社交工具,社交关系质量较强,多为双向关系,注重的是私人内容的交流和互动,信息的传播速度不快,但受众信息消化率很高。所以将发布者头像与发布内容做出较明显区分,feed 与 feed 之间因为已经有了头像元素这一明显区别要素,仅用分割线做区隔。且注重评论区域的互动与展示。

无论怎样的设计布局方式,遵循的核心思想始终是根据场景需求、业务目标去发展深化设计方案。每一个设计点都要有足够的支撑,多问问自己为什么这么设计,解决了用户什么样的问题?还有没有更好的替代方案?而不是这样设计是不是新颖,出奇制胜。

文章来源:优设    作者:Nicole

分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档