談網站使用者體驗 — Feed視圖將如何演繹

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

在當前這個互聯網內容充裕的web2.0時代，文字已經不僅僅只是我們上網流覽的主要內容，更多的是強大的網路頻寬帶給我們精彩的圖片、視頻、音樂等等以及富媒體資訊。

傳統社區培養了我們這代人的網路流覽習慣，縱向流覽的線性資訊流很好的演繹了時間維度的動態資訊，在固定寬度的頁面區域內完成符合視距的閱讀體驗，更容易聚焦到feed中的每一條內容上。 能夠讓使用者聚焦資訊，增強互動。 如google plus的資訊流頁面：

隨著feed承載內容的不斷豐富，尤其是圖片、視頻等資訊逐漸變為現代社區主要的社交內容，縱向流覽的線性feed視圖似乎已經不能滿足我們的流覽需求。 從大洋彼岸的美國襲來的一股瀑布流，引發國內一系列瀑布流熱潮，這個現象值得讓我們去深思。

在這個互聯網的讀圖時代，瀑布流給予我們一種新的視覺體驗，自我調整的網頁佈局，呈現以海量的圖片為主的feed瀏覽模式。 打破了傳統的縱向線性流覽，挑戰著我們的視覺流覽習慣，讓我們的流覽不再受限於固定寬度的版式裡。 如pinterest：

這種瀑布流視圖的優勢：

平鋪內容，讓展示更充分，適合快速流覽與篩選有用資訊;

使用者不需要手動翻頁，頁面隨滾動自動載入，簡化了使用者操作;

錯落隨意的排序更適合無目的的流覽發現與隨便逛逛;

增大螢幕的有效閱讀空間;

更適合特定內容的展示(如圖片、視頻)。

有優勢自然也會暴露出潛在的劣勢：

滿屏的內容，視覺上很難聚焦，每一條feed視覺上的相互影響較大;

豐富的內容呈現形式，決定了它不適合強互動體驗，更多的行為是看看而已;

缺乏秩序感，不便於目的性篩選;

在縱向流覽的同時需要兼顧橫向內容，背離使用者習慣;

過多的資訊平鋪出來，容易使使用者產生疲憊感。

瀑布流的優勢很大，但劣勢也尤為明顯，如何去權衡到底是以什麼視圖去表現feed，還是需要我們在做設計的時候仔細分析產品的定位和內容屬性。

總之，傳統feed視圖與瀑布流視圖模式，在使用者體驗上似乎有著一種天然的互補，各自都有不可替代的優勢(傳統feed更適合流覽，瀑布流feed更適合發現。 )。 如果能深度整合這些優勢是否可以讓使用者體驗變的更好，而不是盲目的「用瀑布流吧!」

視覺上的呈現形式需要我們去更多的探索，不但要酷更要易用、可用，合理的視圖模式運用是做好設計的前提。 不去盲目的追隨潮流現象，我們才有機會走在潮流的前面。 尤其是當瀑布流用濫了的今天，我們更應該去探索一些新的視圖形式。