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

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

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

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

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

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

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

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

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

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

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

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