feed流設(shè)計:那些謀殺你時間APP

17 評論 128260 瀏覽 389 收藏 22 分鐘

微博、微博、知乎、今日頭條,為什么我們媒體在這些APP上花費(fèi)的時間總是很多?到底是什么樣的魔力所致?通過文章來一窺究竟吧。

拿起你的手機(jī),看看微博、知乎 、今日頭條?、微信朋友圈……. 謀殺我們多少時間?它們?yōu)槭裁从羞@樣的魔力?讓我們來一探究竟吧。

從結(jié)構(gòu)來看,這些社交和資訊類app中,都使用了feed流。feed流是一個信息出口,想要與他人或資訊建立連接,只需要刷新這一個動作,即可獲得大量所需,并且不斷在更新,可謂殺時間好手,令人沉溺。想要設(shè)計好feed流頁面,對feed流的概念,模式進(jìn)行了解是十分必要的。

什么是feed流呢?

Feed,源自早期的RSS。

是一種呈現(xiàn)內(nèi)容給用戶并持續(xù)更新的方式,用戶可以選擇訂閱多個資源,網(wǎng)站提供feed 網(wǎng)址 ,用戶將feed網(wǎng)址登記到閱讀器里,在閱讀器里形成的聚合頁就是feed流。

2006年 Facebook重新定義了feed,叫News Feed,我們?nèi)缃駨V泛使用的模式和這個類似。它有幾個特點(diǎn):

訂閱源不再是某個內(nèi)容,而是生產(chǎn)內(nèi)容的人/團(tuán)體。訂閱中通常夾雜非訂閱內(nèi)容,比如熱門推薦,廣告。

內(nèi)容也不再嚴(yán)格按照timeline,廣泛使用智能feed排序。新的feed流刻意不再需要主動搜索,而是主動呈現(xiàn)琳瑯滿目的內(nèi)容。它對我們了如指掌,給我們想了解的,讓我們不停的刷新沉溺于此。

對于用戶來說這樣一個超簡單高效的了解內(nèi)容方式,對于設(shè)計者來說,卻是絞盡腦汁。

Feed流的主要模式

  • 推(Push)
  • 拉(Pull)
  • 推拉結(jié)合(Hybrid)

以微博來舉例:

1. 推模式:

當(dāng)一個用戶觸發(fā)行為(比如發(fā)微博),自身行為記錄到行為表中,同時也對應(yīng)到這個用戶的粉絲表,為每個粉絲插入一條feed。但是對于粉絲過萬的大V,為每個粉絲插入一條feed對存儲數(shù)據(jù)成本很大。

2. 拉模式:

當(dāng)一個用戶(特別是關(guān)注了很多人的)觸發(fā)行為的時,拉取自己動態(tài),檢索用戶的關(guān)注表,然后根據(jù)關(guān)注表檢索新發(fā)的feed。如果一個用戶關(guān)注過多的時候,查詢該用戶的關(guān)注列表也是有很大數(shù)據(jù)成本。

3. 推拉結(jié)合模式(結(jié)合方式多種,舉兩個列子)

在線推,離線拉:

大V發(fā)動態(tài),只同步發(fā)布動態(tài)給同時在線的粉絲,離線的粉絲上線后,再去拉取動態(tài)。來完成推與拉。

定時推,離線拉:

大V發(fā)動態(tài)之后,以常駐進(jìn)程的方式定時推送到粉絲動態(tài)表。

feed流智能排序

智能排序基于趨勢trending、熱門hot、用戶生產(chǎn)UGC 、編輯推薦PGC、相似Similarity等等因素綜合考慮,隨著技術(shù)的進(jìn)步智能算法將會更加懂得用戶的喜好。

就像現(xiàn)在的Feed流廣告,軟到已經(jīng)不難么討厭甚至有些安利你愿意吃下,就像原生內(nèi)容。能夠很好的減少用戶的信息過載問題。比如新浪微博。

本文不做技術(shù)性的展開。主要討論設(shè)計方面,下面根據(jù)這些應(yīng)用的feed流界面設(shè)計來探討下用戶在什么情況的訴求是什么,設(shè)計者想要推行什么。

下面用四款應(yīng)用來分析看看他們?nèi)绾芜\(yùn)用feed流頁面的:

1. 微信朋友圈

Timeline,是Feed流設(shè)計中最基礎(chǔ)的一種的形式呈現(xiàn)。

根據(jù)去年官方數(shù)據(jù),朋友圈基本還是已展示個人情況為主,65%的朋友圈為原創(chuàng),而瀏覽朋友圈也不是強(qiáng)目的性的。

微信朋友圈有私密性,不會像微博或者新聞一樣follow特別多的人。用戶更關(guān)注的人而不是內(nèi)容,內(nèi)容是好友的,優(yōu)先級按時間,也就是純Timeline形式。

對于微信的廣告,因為其龐大的基數(shù)而得天獨(dú)厚,但是用戶接能明顯感覺到是廣告,比較生硬。

對于公眾號的生產(chǎn)者而言,像微信這樣的熟人社交平臺,用戶訪問往往只局限在熱門的10%左右的內(nèi)容,只有那些最熱門的,得到了很高轉(zhuǎn)發(fā)的內(nèi)容,才能得到更多的曝光。一些冷門的內(nèi)容可能會永遠(yuǎn)沉在數(shù)據(jù)庫中,沒有被人發(fā)現(xiàn)。

2. 新浪微博

產(chǎn)品定位

Slogan:隨時隨地發(fā)現(xiàn)新鮮事。

新浪微博一個基于興趣的社交媒體平臺。作為中國的頭號微博,擁有其他同類產(chǎn)品望塵莫及的大V資源:包括明星,行業(yè)大佬,社會和草根名人等等。它的用戶基數(shù)和實效性,也是很多事件的第一傳博途徑。

用戶需求

微博用戶可以用大V,小V,普通用戶來簡單分層,每層的需求有所不同,對于大小V來說營銷的需求更高,例如廣告,增加影響力等,普通用戶則是娛樂社交需求更高,例如追星,交友等。

首頁設(shè)計

熱門板塊和關(guān)注并列,從原來的“發(fā)現(xiàn)”板塊下挪到了“首頁”的“關(guān)注”旁邊,入口更淺了。因為熱門是用戶除了關(guān)注最多使用的板塊。

左邊的相機(jī)icon是發(fā)圖博和視頻,這個位置很難單手操作,在底部導(dǎo)航欄中間有功能更全面的發(fā)微博等操作功能。我覺得是因為發(fā)圖博的入口越淺越容易抓住瞬間世界,因此左右大拇指點(diǎn)擊,右手拍照,也算比較快的。

右側(cè)掃一掃不多說,下面的打車功能曾經(jīng)讓我不太理解,莫非是典型用戶喜歡邊走邊刷微博,然后打車也不想中斷?后來我發(fā)現(xiàn)QQ,微博,微信,支付寶,58同城,360……各種主流應(yīng)用都有打車功能,原來是去年滴滴與400多家APP合作開通打車功能。這個應(yīng)該是主要因素,不中斷用戶使用這點(diǎn)也有考量吧,結(jié)合發(fā)現(xiàn)中的同城,房產(chǎn),美食等生活化分類,明白了微博對于隨時隨地的解釋,生活的方方面面。

在刷新時有未讀提示,一次刷新推15-30條內(nèi)容,符合一次瀏覽的統(tǒng)計中位數(shù),不會看沒耐心看完,也不至于很無聊。但是未讀池的實效是3天,所以Timeline更亂。還記得自己莫名其妙被關(guān)注別人了嗎?出了運(yùn)營目的,也是為了防止刷新半天出來兩條消息的這樣的尷尬。這一點(diǎn)應(yīng)該是微博最大噴點(diǎn)之一了。

首頁第一列是直播。一列頭像+名字,可能是某微博的頭像和名稱都變動性高,這里可以適當(dāng)介紹一下在直播的是什么領(lǐng)域的人,或者基于什么推薦原因推薦的。隨意點(diǎn)進(jìn)去發(fā)現(xiàn)是在直播吃火鍋,饑腸轆轆的我秒退了。

在2013年,微博開始采用智能而不是按純Timeline。用戶會發(fā)現(xiàn)有時第一條消息是3個小時前的,第五條消息一分鐘前的,如果剛好是在說一場球賽,那更讓人錯亂了。

為什么要這樣呢?

去年官方數(shù)據(jù)顯示,微博62%的用戶基本不貢獻(xiàn)原創(chuàng)內(nèi)容,專注于互動和轉(zhuǎn)發(fā)。意味著許多微博用戶更加樂于傳播內(nèi)容,不能帶來很高質(zhì)量的UGC。此外,微博發(fā)現(xiàn)用戶錯過的消息中,對用戶價值極高的很少,所以決定將質(zhì)量高的消息提升,質(zhì)量低的消息下沉甚至不展示,這樣來提高整體內(nèi)容質(zhì)量,而且還可以保持一定的可運(yùn)營性和可拓展性,讓廣告更容易插入。(用戶對廣告中插播的微博,表示情緒穩(wěn)定….哈哈)這一結(jié)構(gòu)Facebook也類似。

打開個人主頁出現(xiàn)的是這個人的熱門內(nèi)容。而不是最新。必須切換微博標(biāo)簽,這個頁面提供可以篩選原創(chuàng)的功能,這也是因為原創(chuàng)量遠(yuǎn)低于轉(zhuǎn)發(fā)量。第一條微博下面會推薦可能感興趣的人,這個功能對于新用戶或者對某一塊領(lǐng)域很感興趣的用戶很對口味。但是也會有用戶覺得反感。

3. 知乎

產(chǎn)品定位

Slogan:與世界分享你的知識、經(jīng)驗和見解。

知乎是一個社會化問答社區(qū),和知識付費(fèi)電商。

知乎就像在各種場合傾聽別人的談話:

  • 湊近自己感興趣的話題(關(guān)注問題
  • 對于自己不明白的問題,征詢過來的人建議(提問
  • 表達(dá)自己的認(rèn)同反對(贊同
  • 發(fā)表自己的感想(評論
  • 對特別有益的表示(感謝
  • 答案記在心中(收藏
  • 傳播自己的想法(分享
  • 解答自己的問題(回答

這樣一個很流暢自然的過程。括號里就是知乎頁面里的大部分功能,也能一一對應(yīng)。

用戶需求

知乎的典型用戶在25-35歲,是各行各業(yè)的從業(yè)人員??梢园凑諆?nèi)容生產(chǎn)和消費(fèi)關(guān)系來分成三類:專業(yè)的生產(chǎn)者,普通生產(chǎn)者+消費(fèi)者,普通消費(fèi)者。

對于專業(yè)生產(chǎn)者而言,需求主要是擴(kuò)大影響力和知識變現(xiàn)或者獲得滿足感。

對于普通生產(chǎn)者和消費(fèi)而言,除了學(xué)習(xí)知識,結(jié)交朋友,更能接觸專業(yè)生產(chǎn)者。

首頁設(shè)計

頂部操作欄整體作為與內(nèi)容產(chǎn)生交互的入口,中間是內(nèi)容,底部導(dǎo)航欄為發(fā)現(xiàn)內(nèi)容和內(nèi)容消費(fèi)的入口,結(jié)構(gòu)非常清晰。

搜索欄置頂,作為問答社區(qū),搜索問題頻率最高,搜索無果可以提問。

搜索欄右側(cè)是私信,以前這里是知乎live,后來應(yīng)該是由于付費(fèi)產(chǎn)品豐富起來,整體收納在商店里。私信放在這里的用意,莫非其實知乎社交主要靠私下勾搭?和豆瓣的豆郵一樣?看著空空的信箱我陷入沉思……我在看了看知乎的定位,原來這個功能主要是為內(nèi)容生產(chǎn)者和高頻使用者。優(yōu)秀的內(nèi)容生產(chǎn)者和高頻使用者很多人想認(rèn)識,想請教,有很高的私信收發(fā)頻率。

第一個標(biāo)簽是提問,提問過后可以邀請回答,邀請有兩個問題:1.推薦回答的用戶可能與此話題無關(guān) ?2.用戶不知道該邀請誰。只有簡單的頭像名字和簽名。建議加上擅長領(lǐng)域的標(biāo)簽。

第二個標(biāo)簽是回答,作為專業(yè)生產(chǎn)者的話,搜索完畢可以回答,回答分為推薦,最新,熱門,邀請四個類別,其中推薦和最新需要綁定擅長標(biāo)簽。熱門問題包羅萬象,而個人領(lǐng)域是有限的,可能翻了很長都找不到能回答的問題。從頂部搜索的問題如果要回答需要搜索,進(jìn)入話題,點(diǎn)擊問題標(biāo)題,添加回答四個步驟,層級較深。建議搜索欄分為搜問題和搜回答。選擇搜回答的問題,在搜索列表展示回答標(biāo)簽。

第三個標(biāo)簽是分享。這里的分享是分享經(jīng)驗的意思,圖標(biāo)是筆和紙,但是圖標(biāo)和標(biāo)簽都和分享到其他社交軟件容易混淆。以前這里叫寫文章,可能處于對于語意和排版上改掉了,建議再優(yōu)化這個地方,用一支筆做圖標(biāo),或者分享改為寫作。

來自關(guān)注的話題,熱門話題,關(guān)注的人的動態(tài),自家產(chǎn)品推廣,原生廣告。在廣告方面,知乎給人的感覺比微博要更自然。

存在多次刷新熱門問題依然置頂?shù)那闆r,對于沒有關(guān)注并且沒有興趣的話題反復(fù)出現(xiàn),用戶是反感的,還好可以屏蔽,并且可以屏蔽同一規(guī)則內(nèi)容。對于手滑黨容錯性佳,可以撤銷。

在內(nèi)容里有“上次看到這里,點(diǎn)擊更新”的功能,但是這個功能并不是真正定位到上次看的地方,而是停留在刷新后的第十條。大多用戶以碎片時間來看或者用戶中途流失率高,適合這樣做一個標(biāo)記。網(wǎng)易新聞等資訊類都有這個設(shè)置。

不過我對這個功能保懷疑態(tài)度,在智能feed通常會推熱門和廣告,熱門通常范圍各不相同,在這十條之中有多少是看一眼忙別的了,然后繼續(xù)看覺得很重要的?如果很重要,是不是記得關(guān)鍵詞?

這個標(biāo)簽還有促使用戶刷新的含義,刷新之后,之前的看的內(nèi)容就不斷下沉,這才是真正的難以尋找了。

4. 今日頭條

產(chǎn)品定位

Slogan:你關(guān)心的,才是頭條 。

今日頭條是一個通過使用人工智能分析根據(jù)用戶需求而推薦信息的新聞APP。對于消費(fèi)者而言,大眾都有利用碎片時間快速獲得個性化信息的需求,新聞的來源和報道內(nèi)容同質(zhì)化,用戶并不是很關(guān)注在什么平臺獲取,而是是否是自己感興趣的。今日頭條通過智能算法生成用戶感興趣的信息。

用戶需求

依然可以按照生產(chǎn)者和消費(fèi)者兩類劃分。

今日頭條的男性用戶幾乎是女性的一倍,主要為30-35這個年齡段。使用2000元內(nèi)手機(jī)用戶最多,男性最關(guān)注社會,娛樂,本地資訊,女性最關(guān)注娛樂,社會,時尚資訊。

對于生產(chǎn)者而言,特別是非大V級別的生產(chǎn)者,沒有粉絲基礎(chǔ)流量是很難獲取的,新人出非有過硬的實力和運(yùn)氣,或者蹭熱點(diǎn)搏出位等,才有可能快速獲得人氣。造成大V越來越大,新人總是小透明的情況。今天頭條會把新人文章推在首頁,如果閱讀數(shù)據(jù)好,逐級擴(kuò)大推薦范圍,并不區(qū)分是否大V,這樣等于大家在同一起跑線上。

當(dāng)然也有投機(jī)者用擦邊球博取閱讀量,一定程度造成整體內(nèi)容質(zhì)量下降。而且用戶可能心里對內(nèi)容,對平臺都評價低。

首頁設(shè)計

頂部是個人資料,搜索欄,搜索欄和大部分資訊類一樣,有最新熱點(diǎn)詞匯,歷史搜索等。

搜索欄下面是頻道標(biāo)簽,橫向滑動,幾乎是不限制的,最多可以增加30個左右標(biāo)簽,標(biāo)簽右邊是頻道篩選,歸類十分全面。

首頁每次更新15條以內(nèi)。內(nèi)容有圖片,視頻,文字。來源有專業(yè)媒體和作者和廣告。由于首頁欄目眾多,除了熱點(diǎn)新聞以外文章時效性不是很強(qiáng),內(nèi)容也五花八門,特別適合廣告插入。

當(dāng)然,廣告和新聞一樣都可以用“不感興趣”來屏蔽?!安桓信d趣”,能讓算法篩選到用戶感興趣的東西,而且在用戶感興趣的主題里,篩選過多相似信息的問題。

過去是用戶主動獲取新聞,看事實,看娛樂,看體育,現(xiàn)在feed流新聞根據(jù)用戶喜好主動呈現(xiàn)。在首頁的推薦內(nèi)容里是根據(jù)用戶推薦排列的,會出現(xiàn)一些不一樣領(lǐng)域的內(nèi)容,可以激發(fā)用戶一些不是很“剛需”的需求。

之前說在推送上大V和新人平等,但是大V的文張有點(diǎn)贊,評論,轉(zhuǎn)發(fā)的快速入口。其他文章需要在詳情頁操作。

在看了幾家feed流案例之后,你對feed流設(shè)計有哪些想法呢?

總的來說,對于用戶體驗而言,有兩個關(guān)鍵點(diǎn)永遠(yuǎn)是優(yōu)化方向:

  • 給用戶展示什么內(nèi)容
  • 如何排列內(nèi)容優(yōu)先級

 

作者:Uki加菲喵

來源:http://www.jianshu.com/p/ea0259d109f9

本文由 @Uki加菲喵 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自PEXELS,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 雖然有一些些錯別字,但并不影響內(nèi)容,寫的非常好,受教了,繼續(xù)加油!

    來自北京 回復(fù)
  2. 想問個問題,像新聞的圖文排版,為啥大部分都是文字在左,圖片在右?

    來自北京 回復(fù)
    1. 其一“”新聞的目標(biāo)用戶的主訴求是來看新聞的(文字),而不是看圖片。
      其二,新聞的配圖,真正達(dá)意的很少,配圖而以,當(dāng)然是放在次要位置。

      來自北京 回復(fù)
    2. 因為文比圖重要,那樣的話右手滑動的手勢會蓋到文字

      來自江蘇 回復(fù)
    3. 有理

      來自北京 回復(fù)
  3. mark,空了學(xué)習(xí)

    來自北京 回復(fù)
  4. 下一篇分析學(xué)下feed流算法優(yōu)化唄

    來自上海 回復(fù)
  5. 感謝作者分享,一部分講了feed流,二部分對四個產(chǎn)品的feed流簡單分析,整體來說挺好的,美中不足二部分可以邏輯再清晰點(diǎn)。

    來自廣東 回復(fù)
  6. 感謝七月,學(xué)習(xí)了

    來自北京 回復(fù)
  7. 一般

    來自北京 回復(fù)
  8. 內(nèi)容不錯 可以好好把語言組織一下么 不要出現(xiàn)那么多語句不通的地方和錯別字。。

    來自北京 回復(fù)
  9. ?? 這標(biāo)題..這內(nèi)容…被騙了的感覺

    來自上海 回復(fù)
    1. 同意~感覺是競品分析。。。

      來自江蘇 回復(fù)
  10. 修正:微博上面頭像點(diǎn)進(jìn)去的視頻不是直播,是微博故事,24小時時效的短視頻,過期即焚,也是學(xué)ins的功能。

    來自四川 回復(fù)
  11. 頂一個

    來自重慶 回復(fù)
  12. 文章不是文張

    回復(fù)
  13. 微博、微博、知乎、今日頭條,應(yīng)該是微信、微博、知乎、今日頭條 真受不了錯別字

    來自廣東 回復(fù)