Feed這個概念,最早出現在網頁時代,它是指“RSS中用來接收信息來源更新的接口”,最早應用在RSS閱讀器中。
什么是RSS閱讀器?
這種工具太久遠了,我在網上查了一下,簡單來說,就是一個可以收集你關心的網站更新內容的一個應用。比如說:你很關心韓寒的博客,也很喜歡某科技網站的新聞。你就可以在RSS閱讀器中,加入這兩個網站的網址;當它們有更新的時候,你就可以在RSS閱讀器中集中看到這兩個網站的更新內容,而不用分別打開兩個網頁了。
在這一階段,feed是以類似郵件那樣的列表進行呈現,還沒有完全流動起來。
真正讓Feed流動起來的,是Facebook:它提供了一種新的思路,將好友或者關注的對象作為信息源,此時的feed即是好友的動態,如好友發布的內容以及他們在Facebook上的社交行為。用戶只需輕松地上下滑動,就可將好友發生的事情一覽無余,很多人對此無法自拔。
這一階段的feed流,用戶必須先關注好友,然后才能看到他們發布的內容和社交行為。后來,隨著feed流這種形式逐漸普及和創新,feed流中的內容已經不局限在用戶必須先關注才能看到,而是變成“持續更新并呈現給用戶的內容都叫做feed流”,最典型的例子比如今日頭條,它會根據用戶的興趣不斷推送各種新聞。
Feed流這種類型的產品有個顯著特點:內容是從上到下依次排列的,隨著屏幕小得多的手機的普及,一個問題凸顯出來:動態(feed)太多,但屏幕大小有限,該怎么有效展現這些動態?
為了解答這個問題,feed流產品的設計產生了兩個核心問題:
關于第一點,產品展現的內容主要由產品的定位決定。
關于第二點,主要有三種內容排序的方法:
下面依次介紹。
這種排序法最簡單粗暴,就是按照內容發布的時間先后進行排序,最典型的案例就是微信朋友圈。
對于朋友圈來說,feed流的兩個核心問題如下:
時間排序有一個致命的缺點:內容呈現效率最低。運用這種排序,需要內容的提供方非常克制,同時也需要用戶對這些內容足夠關注。
朋友圈剛好滿足這兩點:
什么是重力排序法?
它是由重力和拉力,共同決定feed流中內容的排序。所謂的“重力”,是持續讓內容在feed流往下掉的力,即時間;而拉力,即讓內容排序往前的力。這個拉力,由應用根據自己關注的參數來決定,比如豆瓣小組的回應、貼吧的回復。
也就是說,在知乎上被贊得多的帖子,或者貼吧里得到更多回復的帖子會更靠前。可以看出,重力排序法其實是在時間排序法上增加了拉力這個因素。
對于feed流產品的兩個核心問題,使用重力排序法的產品,是以下規則:
一個典型的運用重力排序的例子,是豆瓣中“我的小組”里小組的排序:這里的拉力,是帖子的回復。有最新回復的小組,會被放在feed流的頂端展示。
值得注意的是,在重力排序法中,由于知乎的贊、帖子的回復,都是別的用戶的行為,所以用戶本人看到的feed流,實際上會受到大家的影響,其中包含許多熱度較高的內容。
相信大家對這種排序法不陌生,現在各大應用都在競相使用,比如今日頭條、知乎、微博,當然,也有我們愛奇藝; Facebook是最早開始使用這種算法,而且使用后據稱效果拔群,于是越來越多的社交網絡放棄使用時間排序法,轉而投入智能推薦排序的懷抱。
以Facebook早期的EdgeRank算法為例,影響feed流排序,主要有三個因素:
這三種因素通過一個公式,計算出每一條feed對用戶的價值分數,然后排序后呈現在用戶面前。后續Facebook又引入機器學習,通過圖像識別、語義分析等去預估新鮮事的質量,同時引入更多判斷維度,例如:閱讀時長、視頻內容、用戶反饋等,去綜合判斷一條消息的價值分數,使得算法更加聰明,更懂用戶。
可以看出,智能推薦排序法,將用戶關心的內容進行了更加細化的測量,從而將用戶本人更感興趣的內容推送出來,而不是重力排序法中,那些熱門的內容。
然而,智能推薦也并不是十全十美。這種排序法,對算法的質量要求較高。如果一些技術比較差的公司,冒然使用智能排序法,反倒會起到反作用。另一方面,由于智能排序的不透明性和擴展性,過度的商業化容易成為用戶體驗的頭號兇手。
總結一下,對于以上3種排序法,使用時需要注意以下的問題:
以上介紹了feed流這種產品的特點,下面介紹在為這種產品做設計時的一些心得。
首先說一個簡單粗暴的事實:減小卡片高度能立竿見影得提高feed流數據!
上面也介紹過,對于feed流類的產品,屏幕有限,內容又很多,因此效率就變得尤為重要。上面介紹的3種排序法,也是在解決內容展示的效率問題。
而對于feed流這種產品中,每個feed的卡片高度,就決定了一屏中能展示幾個feed內容。下面展示的是通過精簡內容、改變排版等方法,將卡片高度縮小了30%后得到的新方案:
該方案上線后,各項關鍵指標均有明顯上漲,其中播放次數和播放時長均上漲20%以上。
卡片優化了之后,很開心得把推薦和關注兩個tab都變成了新的卡片,但是很快,關注tab出現一個問題:由于這個tab里都是用戶關注的愛奇藝號發出的內容,因此會出現所有卡片都有個“已關注”按鈕,用戶點擊這個按鈕,就會取消關注。但是,我們并不想用戶這么輕易的取關啊。
怎么辦?再改。
考慮到關注tab是用戶主動關注的愛奇藝號發布的內容,對用戶吸引力更大,因此希望用戶能在這個tab里有更多的互動(點贊、評論、分享)。同時,為了突出愛奇藝號作者的信息,將之放在頂部,于是得到下面的優化方案。可以看到這個卡片跟最之前的卡片很相似,但這個卡片的確更適合關注tab,而不適合推薦tab。所以,要針對不同產品的特點來設計適合的卡片。
做一款產品,要盡可能多地使用自己的產品,這樣才有可能更理解產品,同時也能發現一些優化點。例如:以下是在一次使用全屏模式觀看短視頻時,發現視頻結束后會自動回到feed流。由于使用全屏模式后,手機橫置,而回到feed流模式,需要把手機豎過來,體驗上比較打斷,因此跟產品提出優化,在全屏模式中加入選集功能,方便用戶在手機橫置時可以使用橫屏一直觀看視頻。
另一個例子,是在做視頻播放頁時,與產品討論播放頁中評論和視頻列表到底應該采取何種樣式進行設計。筆者在研究了競品,分析了兩種頁面形式之后,發現這兩種頁面,有著不同的產品目標。
在騰訊視頻的第二個底部標簽“熱點”中,用戶點擊某個視頻卡片中交互欄的空白處,則會從右向左出現一個新頁面,即播放頁。
在該播放頁中,點擊標題下方的評論按鈕,會從下向上出現一個浮層,其中展示“全部熱評”;浮層的頂部有評論的輸入框,點擊可以輸入評論;“為你推薦”部分展示的是一張張寬度和屏幕相同的、與熱點標簽feed流中完全一樣的視頻卡片。點擊某個視頻,則視頻在當前位置直接播放。
在西瓜視頻的“首頁”標簽中,同樣點擊某個視頻卡片中交互欄的空白處,則視頻封面移動到頁面頂部,同時從上向下展開播放頁的其它內容。在這個頁面中,標題下方那些推薦的視頻,以列表的形式展現,點擊某個視頻,則頂部的播放器開始播放新視頻的內容,同時頁面其它信息也更新為新視頻內容。
而評論部分,是接在推薦的視頻的下方:即用戶不斷向上滑動,就可以看到。在頁面底部,有常駐的評論輸入框,點擊后即可輸入評論。
從上圖可以看出,騰訊視頻在播放頁強調的是推薦的視頻內容,推測其產品目標是提升視頻播放量;西瓜視頻在播放頁強調的是評論互動,推測其產品目標是提升播薦率、評論率等互動指標。
從上面的分析對比中可以看出,不同的方案,會將產品引向不同的數據結果。有了這樣的對比,和產品討論方案也變得有理有據了許多。
以上跟大家分享了自己在支持短視頻類產品的一些心得,總結一下有以下幾點:
發表評論 取消回復