不同特征的產(chǎn)品所用的信息流形式都是不一樣的，有用圖片流的、也有用列表流的、也有用Feed流，更有根據(jù)場景組合使用的。文中，筆者就介紹了他們的特征以及如何使用。

幾乎所有APP都是信息流的設(shè)計(jì)形式，通過信息流內(nèi)容屬性的不一樣，可以分為三種流：圖片流、列表流、Feed流。

之前看到過卡片流，其實(shí)卡片流只是一種設(shè)計(jì)形式，我們今天探討的是根據(jù)內(nèi)容屬性分出來的三種流，所以文章會(huì)些許深入。下面我們就開始探討三種信息流的奧秘。

下圖是典型的三種信息流的產(chǎn)品：花瓣（圖片流）、餓了么（列表流）、今日頭條（feed流）。

正式分享前再強(qiáng)調(diào)一下本文章的核心觀念！重復(fù)三遍～

產(chǎn)品定位影響內(nèi)容屬性，內(nèi)容屬性主導(dǎo)設(shè)計(jì)形式！

產(chǎn)品定位影響內(nèi)容屬性，內(nèi)容屬性主導(dǎo)設(shè)計(jì)形式！

產(chǎn)品定位影響內(nèi)容屬性，內(nèi)容屬性主導(dǎo)設(shè)計(jì)形式！

沒理解沒關(guān)系，帶著這句話，let’s go。

案例解析如下：

一、圖片流

顧名思義圖片流更側(cè)重圖片的展示，典型案例有花瓣APP：自適應(yīng)圖片的高度，強(qiáng)調(diào)圖片的表現(xiàn)性。

花瓣APP為什么是圖片流，我們先從產(chǎn)品定位分析：

• 產(chǎn)品定位：幫助用戶快速發(fā)現(xiàn)和找到喜歡的事物，側(cè)重高質(zhì)量圖片。
• 目標(biāo)用戶：喜歡收集感興趣的圖片，找素材、找參考提高審美能力的用戶。

產(chǎn)品定位和目標(biāo)用戶側(cè)重點(diǎn)都是圖片，所以強(qiáng)調(diào)圖片的表現(xiàn)性是產(chǎn)品的重要屬性。

目標(biāo)用戶的行為是收集圖片、找素材、找參考，用戶都是基于有目的找的一種狀態(tài)，所以設(shè)計(jì)形式上重點(diǎn)強(qiáng)調(diào)圖片，弱化輔助元素。

• A：弱化輔助性的標(biāo)題文字（字號較小）
• B：沒有“轉(zhuǎn)采”“喜歡”數(shù)據(jù)，直接去掉
• C：可以沒有板塊標(biāo)題

以上等等都是為了弱化輔助元素，減少用戶瀏覽圖片的干擾。

圖片流的設(shè)計(jì)要點(diǎn)是基于用戶有目的找的狀態(tài)，展示更多圖片并且要強(qiáng)調(diào)圖片的表現(xiàn)性，弱化干擾元素。

因?yàn)榛ò陚?cè)重UGC模式（用戶產(chǎn)生內(nèi)容），所以板塊中的用戶頭像可以點(diǎn)擊，引導(dǎo)關(guān)注，提高用戶忠實(shí)度，這也是很多產(chǎn)品都有社交屬性的重要原因。

分析了圖片流的內(nèi)容屬性和設(shè)計(jì)要點(diǎn)，那么下圖500px首頁是圖片流嗎？

根據(jù)500px產(chǎn)品內(nèi)容屬性分析，上圖設(shè)計(jì)其實(shí)并不是圖片流，而是feed流，先不解釋，帶著這個(gè)疑問繼續(xù)往下看。

二、列表流

列表流對比圖片流，列表流中的圖片不會(huì)重點(diǎn)強(qiáng)調(diào)，或直接就沒有圖片、列表流用戶的使用狀態(tài)帶有明確目的，也是一種找的狀態(tài)。

1. 支付寶列表流

開篇我們講到了，卡片流這種物種是不存在，卡片只是一種設(shè)計(jì)形式，不能以卡片定義一種信息流。

支付寶“服務(wù)提醒”板塊目的為用戶快速找到用戶需要的功能入口，設(shè)計(jì)中強(qiáng)調(diào)識別功能的圖標(biāo)，能夠幫助用戶快速找到功能入口，符合內(nèi)容屬性的功能需求。

用戶使用中也是一種有明確目的找的狀態(tài)，所以根據(jù)功能屬性和設(shè)計(jì)形式，支付寶的“服務(wù)提醒”板塊屬于列表流。

列表流的設(shè)計(jì)形式一般不希望用戶一直往上滑頁面，因?yàn)橛脩舨荒芸焖僮R別找到需要的板塊，就直接影響用戶體驗(yàn)。

2. 京東手機(jī)商品列表流

京東手機(jī)商品的列表流，產(chǎn)品圖片沒有著重強(qiáng)調(diào)，而是側(cè)重強(qiáng)調(diào)了手機(jī)價(jià)格、品牌、型號、屏幕、內(nèi)存、評價(jià)數(shù)量等等，其實(shí)這些信息才是用戶產(chǎn)生購買的重要元素。

不同的商品用戶關(guān)注的點(diǎn)不一樣，有些商品可能更適合圖片流。

例如購買衣服用戶會(huì)更關(guān)注衣服的款式和細(xì)節(jié)，所以要符合用戶的關(guān)注點(diǎn)需要強(qiáng)調(diào)圖片展示。

京東APP聰明地做到了搜索不同的產(chǎn)品自動(dòng)使用不同的信息流，搜索衣服京東會(huì)自動(dòng)使用圖片流，注重圖片并縮減標(biāo)題為一行展示，輔助信息空間占比縮小，搜索手機(jī)就會(huì)用列表流展示用戶會(huì)重點(diǎn)關(guān)注的配置元素。

京東APP為了能夠使產(chǎn)品靈活展示，頁面的右上角有列表流和圖片流切換按鈕，其實(shí)產(chǎn)品已經(jīng)為用戶做了最舒適的體驗(yàn)方式，所以這個(gè)按鈕是個(gè)不常使用按鈕。

3. 攜程酒店列表流

同樣地，通過對用戶的研究分析，搜索酒店的用戶更看重性價(jià)比、位置、價(jià)格、品牌，選擇民宿的用戶，關(guān)注點(diǎn)一般就不一樣了，所以設(shè)計(jì)形式也就有差異。

為什么會(huì)有這樣的一個(gè)結(jié)果導(dǎo)向？首先分析一下選擇酒店的用戶和選擇民宿用的心理需求：

（1）酒店用戶關(guān)鍵詞：性價(jià)比、效率、便捷

選擇酒店人群一般是追求效率和便捷的商旅用戶，他們很大程度上關(guān)注性價(jià)比，地理位置以及價(jià)格。

（2）民宿用戶關(guān)鍵詞：體驗(yàn)、追究個(gè)性

選擇民宿用戶多是旅游和年輕追求個(gè)性文化的年輕群體，所以更看重居住體驗(yàn)。

多數(shù)人對酒店有清晰的概念，酒店圖片用戶一般不會(huì)著重關(guān)注，用戶會(huì)根據(jù)地理位置、性價(jià)比而買單，所以酒店選擇適列表流設(shè)計(jì)形式。

選擇民宿人會(huì)更關(guān)注房屋的圖片，滿足他的個(gè)性需求體驗(yàn)，一張精美的房屋圖片會(huì)大大增加民宿的轉(zhuǎn)化力，所以民宿適合圖片流設(shè)計(jì)形式。

細(xì)心你的可能看到了上圖酒店里也有民宿，原因是為了推廣民宿，因?yàn)閿y程的DNA決定了想住民宿的用戶一般不會(huì)想到攜程，所以要引流推廣。

三、Feed流

feed流產(chǎn)品現(xiàn)如今大行其道，我們首先來定義下feed流：一般來講，持續(xù)更新并呈現(xiàn)內(nèi)容的信息流，并且用戶操作狀態(tài)是沒有明確目的的瀏覽狀態(tài)。

feed流內(nèi)容排列方式，主流的形式分為兩種：一種是時(shí)間軸排列，例如微信朋友圈；另外一種是通過智能算法排列，例如今日頭條、抖音產(chǎn)品。

從設(shè)計(jì)的角度去看智能算法feed流

智能算法feed流一般是一種千人千面形式，通過內(nèi)容屬性分析大概分為三種：文字feed流、圖片feed流、視頻feed流，其中三者存在相輔相成形式。

例如今日頭條重點(diǎn)要強(qiáng)調(diào)標(biāo)題文字，所以是文字feed流；但是會(huì)在重點(diǎn)強(qiáng)調(diào)文字的基礎(chǔ)上，增加圖片或視頻輔助元素，圖片feed流和視頻feed流當(dāng)然也會(huì)有文字輔助元素。

feed流設(shè)計(jì)首先要分析產(chǎn)品強(qiáng)調(diào)的是什么、用戶關(guān)注點(diǎn)是什么，切不可喧賓奪主，基于用戶沒有目的的瀏覽狀態(tài)，交互上要體現(xiàn)更直接快捷的交互方式。

當(dāng)然技術(shù)上的智能算法是非常重要的，之前當(dāng)朋友用我手機(jī)刷抖音時(shí)，一會(huì)就沒興趣了，原因是還沒有給他的心理模型建立好推薦機(jī)制，從而推薦了一些他不感興趣的內(nèi)容。

結(jié)合上文，因?yàn)?00px首頁設(shè)計(jì)形式有feed屬性，例如點(diǎn)贊、轉(zhuǎn)發(fā)、評論、分享、引導(dǎo)關(guān)注，用戶使用過程是瀏覽狀態(tài)，所以他是feed流設(shè)計(jì)形式產(chǎn)品。

從設(shè)計(jì)的角度去看時(shí)間軸feed流

內(nèi)容屬性分為兩種：一種具有社交性，一種為實(shí)效性。

微信朋友圈具有重社交屬性，用戶刷朋友圈心理上其實(shí)會(huì)通過發(fā)動(dòng)態(tài)的人，來判定是否會(huì)著重關(guān)注他發(fā)的內(nèi)容。

雖然用戶刷的是內(nèi)容，但是重社交屬性內(nèi)容建立在熟人身上。比如一個(gè)陌生人發(fā)的官宣，你不會(huì)刻意關(guān)注；如果是你好朋友，你可能會(huì)有些許激動(dòng)，從而點(diǎn)贊評論互動(dòng)。

所以重社交的產(chǎn)品feed流設(shè)計(jì)要體現(xiàn)人的重要性。

輕社交產(chǎn)品有微博、西瓜視頻等等，有社交屬性但是設(shè)計(jì)形式都是輕社交形式，這是跟產(chǎn)品定位有關(guān)。輕社交人當(dāng)然也很重要，但產(chǎn)品的核心是要產(chǎn)生更多好的內(nèi)容，所以設(shè)計(jì)中要側(cè)重內(nèi)容的表現(xiàn)。

feed流廣告設(shè)計(jì)

feed流用戶更多的是瀏覽狀態(tài)，平臺是希望用戶能長時(shí)間停留在產(chǎn)品上，滿足feed流里面的廣告變現(xiàn)，實(shí)現(xiàn)商業(yè)目的。

從設(shè)計(jì)角度將廣告內(nèi)容加入到feed信息流當(dāng)中展現(xiàn)給用戶，廣告的展現(xiàn)形式與feed信息流保持了相同的設(shè)計(jì)格式，較為合理。

這樣feed流廣告能夠提高用戶接受度，提高產(chǎn)品的使用體驗(yàn)，并且可以讓用戶對廣告感知低的情況下，篩選出能夠商業(yè)轉(zhuǎn)化用戶。

同樣的微信朋友圈一早一晚的廣告形式，與內(nèi)容保持了相同的設(shè)計(jì)格式。

四、總結(jié)

圖片流：強(qiáng)調(diào)圖片的表現(xiàn)性，基于用戶有目的找的一種狀態(tài)去設(shè)計(jì)，設(shè)計(jì)形式上重點(diǎn)強(qiáng)調(diào)圖片，弱化輔助元素。

列表流：強(qiáng)調(diào)用戶關(guān)注的元素，用戶操作產(chǎn)品中有清晰的目的且找的一種心理狀態(tài)，所以設(shè)計(jì)中要幫助用戶快速完成目的。

feed流：文字、圖片、視頻feed流，需明確用戶的關(guān)注點(diǎn)再去設(shè)計(jì)，用戶操作時(shí)是一種沒有明確目的的瀏覽狀態(tài)，要體現(xiàn)更直接快捷的交互方式，能夠持續(xù)保持更新產(chǎn)出內(nèi)容。

最后：

三種信息流都是基于產(chǎn)品的定位和滿足用戶需求的不同，而產(chǎn)生的設(shè)計(jì)形式。

產(chǎn)品定位和用戶需求，需要找到平衡點(diǎn)，例如與內(nèi)容形式一樣的廣告，這就是平衡點(diǎn)；充分了解產(chǎn)品的用戶就可以找到合適的設(shè)計(jì)形式。

例如酒店和民宿用戶的心理需求的不一樣，設(shè)計(jì)形式也隨之改變。

UI設(shè)計(jì)從來都是從產(chǎn)品出發(fā)，助力產(chǎn)品，我認(rèn)為這是一種更高級的UI設(shè)計(jì)意識。

最后還是重復(fù)本篇文章的核心觀念：產(chǎn)品定位影響內(nèi)容屬性，內(nèi)容屬性主導(dǎo)設(shè)計(jì)形式！

作者：吳星辰，微信公眾號：互聯(lián)網(wǎng)設(shè)計(jì)幫

本文由 @吳星辰 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議