在當(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í)代，瀑布流給予我們一種新的視覺(jué)體驗(yàn)，自適應(yīng)的網(wǎng)頁(yè)布局，呈現(xiàn)以海量的圖片為主的feed瀏覽模式。打破了傳統(tǒng)的縱向線性瀏覽，挑戰(zhàn)著我們的視覺(jué)瀏覽習(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)容，視覺(jué)上很難聚焦，每一條feed視覺(jué)上的相互影響較大;

      豐富的內(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)變的更好，而不是盲目的“用瀑布流吧!”

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

來(lái)源:360uxc

• 

  廣告合作

• 

  QQ群號(hào)：4114653