您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 設計理論 >> 瀏覽設計教程

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

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

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

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

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

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

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

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

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

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

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

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

[教程作者:admin]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.pkvc.cn/tutorial/di1403.html
Design.Open.Raina—活動頁設計心得二三
[圖趣]如何決策設計一個網站
圖趣網微信
建議反饋
×