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