Feed 的內(nèi)容展示方式討論

0 評(píng)論 12905 瀏覽 7 收藏 7 分鐘

[核心提示]?信息流除了時(shí)間線外還能有什么樣的展示方式?

知乎上一位設(shè)計(jì)師?vitor?提出?Feed 除了 timeline 形式,還有沒(méi)有更好的內(nèi)容展示方式??這一問(wèn)題。雖然提問(wèn)者是希望能有一個(gè)不同與常見(jiàn)的時(shí)間線成列信息流的方式,而問(wèn)答者也沒(méi)能提出集體的思路,但其中也不乏具有啟發(fā)意義的觀點(diǎn)。所以我們對(duì)這些回答進(jìn)行了整理,也希望有更多的創(chuàng)意被激發(fā)。

Feed 的元信息

三井櫻木的回答:

先說(shuō)說(shuō) Feed 的元信息吧。Feed 的核心是內(nèi)容,其次會(huì)有可能有:

  • 內(nèi)容產(chǎn)生的時(shí)間
  • 內(nèi)容產(chǎn)生的地點(diǎn)
  • 內(nèi)容的發(fā)布者
  • 分類(tag)

其中內(nèi)容是核心,依附于內(nèi)容的還有更小的元信息。例如互聯(lián)網(wǎng)上常見(jiàn)的設(shè)計(jì),被頂?shù)拇螖?shù)、被轉(zhuǎn)發(fā)的次數(shù)、被評(píng)論的次數(shù)等都是內(nèi)容下的更小的元信息
討論 Feed 的形式其實(shí)就是討論內(nèi)容和所有的元信息組合組合之后的如何組織并展示。

請(qǐng)?jiān)试S我這么定義(實(shí)在找不到更準(zhǔn)確的表達(dá)方式了):

Feed 就是在若干條件限制下的內(nèi)容展示

  • 百度搜索結(jié)果就是一種 feed,條件是關(guān)鍵詞以及后臺(tái)算法(網(wǎng)易花田把征友搜索條件做成了 feed)。
  • 人人網(wǎng)上的好友的新鮮事兒就是一種feed,條件是你好友動(dòng)態(tài)的時(shí)間排序。
  • Google Reader?中的內(nèi)容流就是一種 Feed,條件是訂閱的文章的時(shí)間排序。

以上的 Feed 是一維的。

打開(kāi)你的團(tuán)購(gòu)客戶端,搜索附近的團(tuán)購(gòu),你會(huì)看到兩種展示,一種是按照距離排序的一維的列表;一種就是在地圖上顯示的團(tuán)購(gòu)信息,可以生動(dòng)的看到內(nèi)容所在的位置。

這種地圖上顯示的 Feed 就是二維的。

當(dāng)你跳出虛擬地圖,站到了真正的土地上,看到了活生生的世界,你眼前的 Feed 是立體的(比三維更多),有地理信息,有商家店面信息,有顧客人流信息,有停車位信息,等等,有數(shù)不盡的元信息(這些都是限制條件)。

回到上面的問(wèn)題,除了 Timeline 有沒(méi)有更好的內(nèi)容展示形式,取決與用戶如何快速準(zhǔn)確得到想要的信息。

搜索如果是時(shí)間排序,微博如果是按照轉(zhuǎn)發(fā)數(shù)量排序,會(huì)發(fā)生什么情況呢?很顯然用戶就無(wú)法得到自己想要的信息,如果是一維的排序,要不是依據(jù)一個(gè)元信息進(jìn)行排序,例如時(shí)間、距離、價(jià)格,要不就是兩種以上的元信息進(jìn)行排序(無(wú)限種組合,所謂的智能排序),用戶對(duì)一維的排序是有個(gè)心里預(yù)期的,當(dāng)你打破這種預(yù)期,就會(huì)對(duì)用戶造成困擾,比較惡心的例子如:

  • 搜索的結(jié)果排序(在結(jié)果前把廣告植入進(jìn)去)
  • 新浪微博的智能排序(打亂時(shí)間,用戶的心理預(yù)期收到干擾)
  • 淘寶商品價(jià)格排序(很多淘寶店主都定一個(gè)很低價(jià)格,比如某某數(shù)碼相機(jī)799,但進(jìn)去后發(fā)現(xiàn)799的沒(méi)貨,其實(shí)是999)

類似的商業(yè)手段屢試不爽。

Feed 的排序方式

狼大人的回答:

排序的關(guān)鍵:”Primary Key”。

一般情況下一個(gè)網(wǎng)頁(yè),或者一組信息,通常是以一個(gè)線性表的形式呈現(xiàn)的。那么這個(gè)線性表中的元素必須有一個(gè)明確唯一有序的索引方法。時(shí)間戳實(shí)際上是最顯而易見(jiàn)的解決方法(對(duì)于?Facebook?/?Twitter?這種“一次寫(xiě)入”的信息,時(shí)間也是最合理的),但其它的解法不是沒(méi)有:

  • 按照問(wèn)題提出 / 最后更新時(shí)間排序(自然)
  • 按照得票數(shù) / 回復(fù)數(shù) 排序(協(xié)同)
  • 按照話題排序(內(nèi)部再按照每?jī)?nèi)容時(shí)間排序)(自然 / 手工混合)
  • 手工排序(由管理員 / 用戶手工拖拽)(手工)

前兩個(gè)是經(jīng)典論壇常見(jiàn)的,第三個(gè)基本是知乎話題頁(yè),第四個(gè)一般不適用于有大量動(dòng)態(tài)生成內(nèi)容的環(huán)境。還有一些混合了不同維度排序的方法,如?Hacker News。

Feed 內(nèi)容展示的思路

Ellen Zheng 的回答:

我覺(jué)得首先不應(yīng)該為了追求樣式上的創(chuàng)新而創(chuàng)造新樣式。如果題主能把項(xiàng)目的更多方面納入考慮,一定能想出更適合該項(xiàng)目而且有所創(chuàng)新的樣式。

比如使用場(chǎng)景(電腦還是手機(jī)?),內(nèi)容形式(文字還是圖片甚至一組圖片?或者圖文混排?哪個(gè)更重要?),平臺(tái)屬性(新聞式還是社交式,或說(shuō)發(fā)布人跟消息本身哪個(gè)更重要?),你希望訪客第一眼看到的是什么(一兩則重點(diǎn)內(nèi)容?還是許多或所有內(nèi)容?),你希望讓訪客做什么(參與熱烈的討論?隨手翻翻?馬克收藏?),等等等等。

按照這個(gè)思路去想,就能明白?@Lunula 回答的三種流行樣式里,為什么微博是微博的樣子,Pinterest?是 Pinterest 的樣子,F(xiàn)lipboard?是 Flipboard 的樣子。

總之要?jiǎng)?chuàng)新不是從 UI 開(kāi)始,而是從 IA、到 UX、最后才 UI,水到渠成~

順便我覺(jué)得前面的大多數(shù)答案,雖然沒(méi)有按照題主期望的給出樣式創(chuàng)新的建議,但是提供了很好的思路引導(dǎo)樣式設(shè)計(jì)。

原文地址:http://www.geekpark.net/read/view/174095
更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
"="" class="meta">09-213949 瀏覽
"="" class="meta">
"="" class="meta"> "="" src="https://image.woshipm.com/2023/04/17/55b77c78-dcf5-11ed-a8f2-00163e0b5ff3.png!/both/120x80" alt="了解用戶需求:超全面產(chǎn)品經(jīng)理的用戶研究技巧?。ㄉ希?>
="">
"="" src="https://image.woshipm.com/2023/04/17/55b77c78-dcf5-11ed-a8f2-00163e0b5ff3.png!/both/120x80" alt="了解用戶需求:超全面產(chǎn)品經(jīng)理的用戶研究技巧?。ㄉ希?>
="">
"="" src="https://image.woshipm.com/2023/04/17/55b77c78-dcf5-11ed-a8f2-00163e0b5ff3.png!/both/120x80" alt="了解用戶需求:超全面產(chǎn)品經(jīng)理的用戶研究技巧?。ㄉ希?>
="">探索AIGC發(fā)展與方向:互聯(lián)網(wǎng)產(chǎn)品經(jīng)理的一次重大機(jī)遇與挑戰(zhàn)
07-213524 瀏覽
探索AIGC發(fā)展與方向:互聯(lián)網(wǎng)產(chǎn)品經(jīng)理的一次重大機(jī)遇與挑戰(zhàn)
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!
专题
14879人已学习12篇文章
本专题的文章分享了SaaS平台产品架构设计。
专题
11674人已学习12篇文章
2023年双十一逐渐临近,各个电商平台也摩拳擦掌开始准备。本专题的文章分享了双十一营销玩法。
专题
12954人已学习11篇文章
在工作中我们会跟客户/boss/用户等人对接需求,并把需求交付给设计师/开发等人,那么应该怎么做呢,本专题的文章分享了如何对接和交付需求。
专题
16789人已学习13篇文章
本专题的文章分享了如何做产品运营。
专题
13943人已学习13篇文章
产品体验报告,是体验者在深入了解某个产品的商业模式、使用场景、产品功能等方面后,所作出的先有深度再到广度的图文分析报告。本专题的文章分享了不同产品的体验报告。