2020-4-21 資深UI設計者
feed 單詞釋義：v. 喂養(yǎng)；進食；為……提供充足的食物；施肥；為（某人）提供（信息、主意等）；
n. 飼料；飼養(yǎng)；（尤指給動物或嬰兒）喂食；進食；（計算機的）訂閱源
形象來講，如今新浪微博、微信朋友圈、抖音、今日頭條、小紅書、Facebook、QQ 空間等等內容平臺每時每刻都在不斷投喂給我們賴以維系健康生活（廢柴生活）的精神食糧——信息內容。而這些信息組合起來的格式便是 feed。
1. Feed
feed 是一種信息格式，平臺通過它將資訊傳遞給用戶。feed 是信息聚合的最小單元，每一條狀態(tài)或者消息都是 Feed，比如朋友圈中的一個動態(tài)就是一個Feed，微博中的一條微博就是一個 Feed。
2. Feed流
feed 流即持續(xù)更新并呈現(xiàn)給用戶內容的信息流。每個人的朋友圈，微博關注頁，頭條新聞等等都是一個 Feed 流。
Feed 源于早期的 RSS（Really Simple Syndication ）
RSS（簡易信息聚合）：將用戶主動訂閱的若干消息源組合在一起形成內容（aggregator），幫助用戶持續(xù)地獲取的訂閱源內容。對用戶而言，聚合器是專門用來訂閱網(wǎng)站的軟件，一般亦稱為 RSS 閱讀器、feed 閱讀器、新聞閱讀器等。用戶選擇訂閱多個訂閱源，網(wǎng)站提供 feed 網(wǎng)址 ，用戶將 feed 網(wǎng)址登記到聚合器里，在聚合器里形成聚合頁，用戶便能持續(xù)地獲取的訂閱源內容。
在早期的 Web 時代，訂閱源一般是新聞網(wǎng)站以及博客。用戶主動訂閱感興趣的多個訂閱源，訂閱器幫用戶及時更新訂閱源信息，然后按照 timeline 時間順序展示出來。這樣，用戶可以通過訂閱器獲取即時信息，而不用每天都檢查各個訂閱源是否有更新。
轉折出現(xiàn)在 2006 年，F(xiàn)acebook 宣布了一項新的首頁形式「News Feed」，這一形式打破了傳統(tǒng) RSS 的訂閱方式。News Feed 可以看做一個新型聚合器，訂閱源不僅僅是某個網(wǎng)址、某個新聞網(wǎng)站或者某個內容，而是生產內容的人或者團體，而內容即是好友或關注對象的動態(tài)（發(fā)布的內容以及其他的社交行為）。News Feed 的出現(xiàn)使得 RSS 被迫淡出歷史舞臺。News Feed 發(fā)展至今已經(jīng)拓展出多種多樣的模式和呈現(xiàn)方式。
推模式：每當用戶發(fā)帖，對所有粉絲推送一條該用戶的動態(tài)消息記錄。需要考慮的是如果一個粉絲量級非常大的用戶（大 V），發(fā)布一條動態(tài)那么需要在每個粉絲頁推送一條動態(tài)，多個大 V 級別用戶同時發(fā)帖對數(shù)據(jù)的存儲負荷是非常大的。
拉模式：每當請求好友動態(tài)，拉取用戶所有關注者的最近動態(tài)，然后匯總排序。如果用戶同時關注非常多的用戶，那么查詢這類型的用戶的關注列表也是很大的數(shù)據(jù)成本。
推拉模式：在線推，離線拉；定時推，離線拉。
除了關注 feed 流的主要模式之外，feed 流的排序方式也值得一提：
Timeline：按發(fā)布的時間順序排序，先發(fā)布的先看到，后發(fā)布的排列在最頂端，類似于微信朋友圈等。這也是一種最常見的形式。產品如果選擇 Timeline 類型，那么就是認為 feed 流中的 feed 不多，但是每個 feed 都很重要，都需要用戶看到。
Rank：按某個非時間的因子排序，一般是按照用戶的喜好度排序，用戶最喜歡的排在最前面，次喜歡的排在后面。這種一般假定用戶可能看到的 Feed 非常多，而用戶花費在這里的時間有限，那么就為用戶選擇出用戶最想看的 Top N 結果，場景的應用場景有微博、頭條新聞推薦類、商品、視頻推薦等。
目前 feed 流的主流排序方式不再嚴格按照 timeline，而是廣泛使用智能 feed 排序。
智能排序基于趨勢 trending、熱門 hot、用戶生產 UGC 、編輯推薦 PGC、相似 Similarity 等等因素綜合考慮，隨著技術的進步，智能算法將會更加懂得用戶的喜好。新的 feed 流不再需要用戶主動訂閱或者搜索，只要監(jiān)測我們的瀏覽時長、點贊分享等動作，或者建立用戶畫像類別，就可以主動推薦我們感興趣的內容。它對我們了如指掌，給我們想了解的，讓我們不停刷新沉溺于其中。就現(xiàn)在 feed 流中的廣告，女性用戶對化妝品的喜好，男性用戶對車的偏愛，臨時借錢的窘迫，這些暖廣告已經(jīng)不再像牛皮癬一樣惹人討厭，甚至變成了一顆我們愿意吃下的安利。
可以有以下大致分類：
feed 作為信息聚合的最小單元，每一個 feed 都會具備相應的內容。其中包括發(fā)布的時間、發(fā)布者、文字內容、圖片內容，還包含點贊、轉發(fā)、評論、關注等操作、根據(jù)應用場景、業(yè)務目標不同，其表現(xiàn)方式也大有不同，任何表現(xiàn)形式都應該是為了更好地呈現(xiàn)功能及內容。
新聞資訊類產品和社交互動類產品 feed 元素大體相同，區(qū)別在于新聞資訊類產品通常著重展現(xiàn)新聞內容，標題，簡介，匹配的圖片等，而發(fā)布時間和發(fā)布作者等會在單個 feed 的底部出現(xiàn)。在圖文兼?zhèn)涞呐虐娌季种校笪挠覉D適合文字內容類比如文章或者知乎、豆瓣等長答案評論等，圖片是輔助信息支撐文字內容。左圖右文圖片更加吸引人的注意通常出現(xiàn)在商品信息比如什么值得買。
社交互動類產品，其最終目的是發(fā)現(xiàn)和拓展社交關系，融入相應的社交圈。而這時候社交拓展的基本單位人或者團體發(fā)揮著至關重要的作用。所以我們可以發(fā)現(xiàn)，通常的社交互動軟件都會將發(fā)布者頭像放在上部展示的位置，也會在底部突出點贊，評論，分享等互動操作。
視頻直播類產品與前兩者相異，頁面的大部分空間留給視頻內容的展示，一般一屏只承載一個 feed 信息單元，內容等提示元素在左側呈現(xiàn)，除回復評論等操作元素列在右側。
feed 中各元素的位置關系、所占比例與產品自身定位密切相關。如微博作為泛社交應用產品，社交關系主要建立在內容上，社交關系質量較弱，多為單向傳播，注重的是傳播的速度和內容公開。所以其 feed 的呈現(xiàn)方式發(fā)布者與發(fā)布內容不做明顯的設計排布區(qū)分。以卡片間隔的形式在 feed 與 feed 之間做區(qū)隔。評論頁面在下一層級。
微信是作為一個社交工具，社交關系質量較強，多為雙向關系，注重的是私人內容的交流和互動，信息的傳播速度不快，但受眾信息消化率很高。所以將發(fā)布者頭像與發(fā)布內容做出較明顯區(qū)分，feed 與 feed 之間因為已經(jīng)有了頭像元素這一明顯區(qū)別要素，僅用分割線做區(qū)隔。且注重評論區(qū)域的互動與展示。
無論怎樣的設計布局方式，遵循的核心思想始終是根據(jù)場景需求、業(yè)務目標去發(fā)展深化設計方案。每一個設計點都要有足夠的支撐，多問問自己為什么這么設計，解決了用戶什么樣的問題？還有沒有更好的替代方案？而不是這樣設計是不是新穎，出奇制勝。
文章來源：優(yōu)設 作者：Nicole