設(shè)計(jì)體驗(yàn) - Feed瀑布流視圖將如何演繹

當(dāng)前這個(gè)互聯(lián)網(wǎng)內(nèi)容充裕的web2.0時(shí)代，文字已經(jīng)不僅僅只是我們上網(wǎng)瀏覽的主要內(nèi)容，更多的是強(qiáng)大的網(wǎng)絡(luò)帶寬帶給我們精彩的圖片、視頻、音樂(lè)等等以及富媒體信息。

傳統(tǒng)社區(qū)培養(yǎng)了我們這代人的網(wǎng)絡(luò)瀏覽習(xí)慣，縱向?yàn)g覽的線性信息流很好的演繹了時(shí)間維度的動(dòng)態(tài)信息，在固定寬度的頁(yè)面區(qū)域內(nèi)完成符合視距的閱讀體驗(yàn)，更容易聚焦到feed中的每一條內(nèi)容上。能夠讓用戶聚焦信息，增強(qiáng)互動(dòng)。如google plus的信息流頁(yè)面：

隨著feed承載內(nèi)容的不斷豐富，尤其是圖片、視頻等信息逐漸變?yōu)楝F(xiàn)代社區(qū)主要的社交內(nèi)容，縱向?yàn)g覽的線性feed視圖似乎已經(jīng)不能滿足我們的瀏覽需求。從大洋彼岸的美國(guó)襲來(lái)的一股瀑布流，引發(fā)國(guó)內(nèi)一系列瀑布流熱潮，這個(gè)現(xiàn)象值得讓我們?nèi)ド钏肌?/p>

在這個(gè)互聯(lián)網(wǎng)的讀圖時(shí)代，瀑布流給予我們一種新的視覺體驗(yàn)，自適應(yīng)的網(wǎng)頁(yè)布局，呈現(xiàn)以海量的圖片為主的feed瀏覽模式。打破了傳統(tǒng)的縱向線性瀏覽，挑戰(zhàn)著我們的視覺瀏覽習(xí)慣，讓我們的瀏覽不再受限于固定寬度的版式里。如pinterest：

這種瀑布流視圖的優(yōu)勢(shì)：

平鋪內(nèi)容，讓展示更充分，適合快速瀏覽與篩選有用信息；
用戶不需要手動(dòng)翻頁(yè)，頁(yè)面隨滾動(dòng)自動(dòng)載入，簡(jiǎn)化了用戶操作；
錯(cuò)落隨意的排序更適合無(wú)目的的瀏覽發(fā)現(xiàn)與隨便逛逛；
增大屏幕的有效閱讀空間；
更適合特定內(nèi)容的展示（如圖片、視頻）。

有優(yōu)勢(shì)自然也會(huì)暴露出潛在的劣勢(shì)：

滿屏的內(nèi)容，視覺上很難聚焦，每一條feed視覺上的相互影響較大；
豐富的內(nèi)容呈現(xiàn)形式，決定了它不適合強(qiáng)互動(dòng)體驗(yàn)，更多的行為是看看而已；
缺乏秩序感，不便于目的性篩選；
在縱向?yàn)g覽的同時(shí)需要兼顧橫向內(nèi)容，背離用戶習(xí)慣；
過(guò)多的信息平鋪出來(lái)，容易使用戶產(chǎn)生疲憊感。

瀑布流的優(yōu)勢(shì)很大，但劣勢(shì)也尤為明顯，如何去權(quán)衡到底是以什么視圖去表現(xiàn)feed，還是需要我們?cè)谧鲈O(shè)計(jì)的時(shí)候仔細(xì)分析產(chǎn)品的定位和內(nèi)容屬性。

總之，傳統(tǒng)feed視圖與瀑布流視圖模式，在用戶體驗(yàn)上似乎有著一種天然的互補(bǔ)，各自都有不可替代的優(yōu)勢(shì)（傳統(tǒng)feed更適合瀏覽，瀑布流feed更適合發(fā)現(xiàn)。）。如果能深度整合這些優(yōu)勢(shì)是否可以讓用戶體驗(yàn)變的更好，而不是盲目的“用瀑布流吧！”

視覺上的呈現(xiàn)形式需要我們?nèi)ジ嗟奶剿?，不但要酷更要易用、可用，合理的視圖模式運(yùn)用是做好設(shè)計(jì)的前提。不去盲目的追隨潮流現(xiàn)象，我們才有機(jī)會(huì)走在潮流的前面。尤其是當(dāng)瀑布流用濫了的今天，我們更應(yīng)該去探索一些新的視圖形式。