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