設(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ò)帶寬帶給我們精彩的圖片、視頻、音樂等等以及富媒體信息。

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

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

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

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

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

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

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

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

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

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