想設(shè)計(jì)Feed 流產(chǎn)品?先來(lái)收下這份基礎(chǔ)知識(shí)科普

2020-4-21    資深UI設(shè)計(jì)者

什么是「Feed」

feed 單詞釋義:v. 喂養(yǎng);進(jìn)食;為……提供充足的食物;施肥;為(某人)提供(信息、主意等);

n. 飼料;飼養(yǎng);(尤指給動(dòng)物或嬰兒)喂食;進(jìn)食;(計(jì)算機(jī)的)訂閱源

形象來(lái)講,如今新浪微博、微信朋友圈、抖音、今日頭條、小紅書(shū)、Facebook、QQ 空間等等內(nèi)容平臺(tái)每時(shí)每刻都在不斷投喂給我們賴以維系健康生活(廢柴生活)的精神食糧——信息內(nèi)容。而這些信息組合起來(lái)的格式便是 feed。

1. Feed

feed 是一種信息格式,平臺(tái)通過(guò)它將資訊傳遞給用戶。feed 是信息聚合的最小單元,每一條狀態(tài)或者消息都是 Feed,比如朋友圈中的一個(gè)動(dòng)態(tài)就是一個(gè)Feed,微博中的一條微博就是一個(gè) Feed。

2. Feed流

feed 流即持續(xù)更新并呈現(xiàn)給用戶內(nèi)容的信息流。每個(gè)人的朋友圈,微博關(guān)注頁(yè),頭條新聞等等都是一個(gè) Feed 流。

Feed的前世今生

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

RSS(簡(jiǎn)易信息聚合):將用戶主動(dòng)訂閱的若干消息源組合在一起形成內(nèi)容(aggregator),幫助用戶持續(xù)地獲取的訂閱源內(nèi)容。對(duì)用戶而言,聚合器是專門用來(lái)訂閱網(wǎng)站的軟件,一般亦稱為 RSS 閱讀器、feed 閱讀器、新聞閱讀器等。用戶選擇訂閱多個(gè)訂閱源,網(wǎng)站提供 feed 網(wǎng)址 ,用戶將 feed 網(wǎng)址登記到聚合器里,在聚合器里形成聚合頁(yè),用戶便能持續(xù)地獲取的訂閱源內(nèi)容。

在早期的 Web 時(shí)代,訂閱源一般是新聞網(wǎng)站以及博客。用戶主動(dòng)訂閱感興趣的多個(gè)訂閱源,訂閱器幫用戶及時(shí)更新訂閱源信息,然后按照 timeline 時(shí)間順序展示出來(lái)。這樣,用戶可以通過(guò)訂閱器獲取即時(shí)信息,而不用每天都檢查各個(gè)訂閱源是否有更新。

轉(zhuǎn)折出現(xiàn)在 2006 年,F(xiàn)acebook 宣布了一項(xiàng)新的首頁(yè)形式「News Feed」,這一形式打破了傳統(tǒng) RSS 的訂閱方式。News Feed 可以看做一個(gè)新型聚合器,訂閱源不僅僅是某個(gè)網(wǎng)址、某個(gè)新聞網(wǎng)站或者某個(gè)內(nèi)容,而是生產(chǎn)內(nèi)容的人或者團(tuán)體,而內(nèi)容即是好友或關(guān)注對(duì)象的動(dòng)態(tài)(發(fā)布的內(nèi)容以及其他的社交行為)。News Feed 的出現(xiàn)使得 RSS 被迫淡出歷史舞臺(tái)。News Feed 發(fā)展至今已經(jīng)拓展出多種多樣的模式和呈現(xiàn)方式。

Feed流的主要模式:

推模式:每當(dāng)用戶發(fā)帖,對(duì)所有粉絲推送一條該用戶的動(dòng)態(tài)消息記錄。需要考慮的是如果一個(gè)粉絲量級(jí)非常大的用戶(大 V),發(fā)布一條動(dòng)態(tài)那么需要在每個(gè)粉絲頁(yè)推送一條動(dòng)態(tài),多個(gè)大 V 級(jí)別用戶同時(shí)發(fā)帖對(duì)數(shù)據(jù)的存儲(chǔ)負(fù)荷是非常大的。

拉模式:每當(dāng)請(qǐng)求好友動(dòng)態(tài),拉取用戶所有關(guān)注者的最近動(dòng)態(tài),然后匯總排序。如果用戶同時(shí)關(guān)注非常多的用戶,那么查詢這類型的用戶的關(guān)注列表也是很大的數(shù)據(jù)成本。

推拉模式:在線推,離線拉;定時(shí)推,離線拉。

Feed流的排序方式:

除了關(guān)注 feed 流的主要模式之外,feed 流的排序方式也值得一提:

Timeline:按發(fā)布的時(shí)間順序排序,先發(fā)布的先看到,后發(fā)布的排列在最頂端,類似于微信朋友圈等。這也是一種最常見(jiàn)的形式。產(chǎn)品如果選擇 Timeline 類型,那么就是認(rèn)為 feed 流中的 feed 不多,但是每個(gè) feed 都很重要,都需要用戶看到。

Rank:按某個(gè)非時(shí)間的因子排序,一般是按照用戶的喜好度排序,用戶最喜歡的排在最前面,次喜歡的排在后面。這種一般假定用戶可能看到的 Feed 非常多,而用戶花費(fèi)在這里的時(shí)間有限,那么就為用戶選擇出用戶最想看的 Top N 結(jié)果,場(chǎng)景的應(yīng)用場(chǎng)景有微博、頭條新聞推薦類、商品、視頻推薦等。

目前 feed 流的主流排序方式不再嚴(yán)格按照 timeline,而是廣泛使用智能 feed 排序。

智能排序基于趨勢(shì) trending、熱門 hot、用戶生產(chǎn) UGC 、編輯推薦 PGC、相似 Similarity 等等因素綜合考慮,隨著技術(shù)的進(jìn)步,智能算法將會(huì)更加懂得用戶的喜好。新的 feed 流不再需要用戶主動(dòng)訂閱或者搜索,只要監(jiān)測(cè)我們的瀏覽時(shí)長(zhǎng)、點(diǎn)贊分享等動(dòng)作,或者建立用戶畫(huà)像類別,就可以主動(dòng)推薦我們感興趣的內(nèi)容。它對(duì)我們了如指掌,給我們想了解的,讓我們不停刷新沉溺于其中。就現(xiàn)在 feed 流中的廣告,女性用戶對(duì)化妝品的喜好,男性用戶對(duì)車的偏愛(ài),臨時(shí)借錢的窘迫,這些暖廣告已經(jīng)不再像牛皮癬一樣惹人討厭,甚至變成了一顆我們?cè)敢獬韵碌陌怖?

Feed流的應(yīng)用

可以有以下大致分類:

  • 社交互動(dòng)類:微信、微博、Instagram、Facebook
  • 新聞資訊類:今日頭條、騰訊新聞
  • 視頻直播類:抖音、快手

feed 作為信息聚合的最小單元,每一個(gè) feed 都會(huì)具備相應(yīng)的內(nèi)容。其中包括發(fā)布的時(shí)間、發(fā)布者、文字內(nèi)容、圖片內(nèi)容,還包含點(diǎn)贊、轉(zhuǎn)發(fā)、評(píng)論、關(guān)注等操作、根據(jù)應(yīng)用場(chǎng)景、業(yè)務(wù)目標(biāo)不同,其表現(xiàn)方式也大有不同,任何表現(xiàn)形式都應(yīng)該是為了更好地呈現(xiàn)功能及內(nèi)容。

新聞資訊類產(chǎn)品和社交互動(dòng)類產(chǎn)品 feed 元素大體相同,區(qū)別在于新聞資訊類產(chǎn)品通常著重展現(xiàn)新聞內(nèi)容,標(biāo)題,簡(jiǎn)介,匹配的圖片等,而發(fā)布時(shí)間和發(fā)布作者等會(huì)在單個(gè) feed 的底部出現(xiàn)。在圖文兼?zhèn)涞呐虐娌季种?,左文右圖適合文字內(nèi)容類比如文章或者知乎、豆瓣等長(zhǎng)答案評(píng)論等,圖片是輔助信息支撐文字內(nèi)容。左圖右文圖片更加吸引人的注意通常出現(xiàn)在商品信息比如什么值得買。

社交互動(dòng)類產(chǎn)品,其最終目的是發(fā)現(xiàn)和拓展社交關(guān)系,融入相應(yīng)的社交圈。而這時(shí)候社交拓展的基本單位人或者團(tuán)體發(fā)揮著至關(guān)重要的作用。所以我們可以發(fā)現(xiàn),通常的社交互動(dòng)軟件都會(huì)將發(fā)布者頭像放在上部展示的位置,也會(huì)在底部突出點(diǎn)贊,評(píng)論,分享等互動(dòng)操作。

視頻直播類產(chǎn)品與前兩者相異,頁(yè)面的大部分空間留給視頻內(nèi)容的展示,一般一屏只承載一個(gè) feed 信息單元,內(nèi)容等提示元素在左側(cè)呈現(xiàn),除回復(fù)評(píng)論等操作元素列在右側(cè)。

feed 中各元素的位置關(guān)系、所占比例與產(chǎn)品自身定位密切相關(guān)。如微博作為泛社交應(yīng)用產(chǎn)品,社交關(guān)系主要建立在內(nèi)容上,社交關(guān)系質(zhì)量較弱,多為單向傳播,注重的是傳播的速度和內(nèi)容公開(kāi)。所以其 feed 的呈現(xiàn)方式發(fā)布者與發(fā)布內(nèi)容不做明顯的設(shè)計(jì)排布區(qū)分。以卡片間隔的形式在 feed 與 feed 之間做區(qū)隔。評(píng)論頁(yè)面在下一層級(jí)。

微信是作為一個(gè)社交工具,社交關(guān)系質(zhì)量較強(qiáng),多為雙向關(guān)系,注重的是私人內(nèi)容的交流和互動(dòng),信息的傳播速度不快,但受眾信息消化率很高。所以將發(fā)布者頭像與發(fā)布內(nèi)容做出較明顯區(qū)分,feed 與 feed 之間因?yàn)橐呀?jīng)有了頭像元素這一明顯區(qū)別要素,僅用分割線做區(qū)隔。且注重評(píng)論區(qū)域的互動(dòng)與展示。

無(wú)論怎樣的設(shè)計(jì)布局方式,遵循的核心思想始終是根據(jù)場(chǎng)景需求、業(yè)務(wù)目標(biāo)去發(fā)展深化設(shè)計(jì)方案。每一個(gè)設(shè)計(jì)點(diǎn)都要有足夠的支撐,多問(wèn)問(wèn)自己為什么這么設(shè)計(jì),解決了用戶什么樣的問(wèn)題?還有沒(méi)有更好的替代方案?而不是這樣設(shè)計(jì)是不是新穎,出奇制勝。

文章來(lái)源:優(yōu)設(shè)    作者:Nicole

日歷

鏈接

個(gè)人資料

存檔