當網(wǎng)頁信息特別多時,該采用分頁式設計還是瀑布流滾動設計?

2016-11-05    分類: 網(wǎng)站建設

當頁面內(nèi)容信息很多時,設計上應該使用分頁,還是瀑布流無限滾動的方式呢?今天這篇好文詳細分析了大信息流網(wǎng)站谷歌。無論是電子商務網(wǎng)站、搜尋結(jié)果、圖片瀏覽、歷史紀錄等等,只要是內(nèi)容信息量大時,設計師總是會面對到同樣的問題。

來看看Google的設計,它在一般搜尋時,采用Pagination(頁碼)的方式,可是在圖片搜尋時,卻使用Infinite scroll(無限滾動,瀑布流)。為什么會有如此的差異呢?

△ Google image search

其實pagination和Infinite scroll有各自的特性,適合在不同的情境。Pagination把數(shù)據(jù)分成一頁一頁,下方有頁數(shù)或是指示可以點擊換頁,讓人有停頓的時間。而Infinite scroll則是將內(nèi)容都放在同一頁,當滾輪滾到頁面下方時,會自動加載新的內(nèi)容,無需點擊換頁。

簡單分析一下Infinite scroll的優(yōu)點

Infinite Scroll 優(yōu)點

1. 流暢的體驗,可以持續(xù)瀏覽內(nèi)容:

在滾輪滾動的同時,背后也悄悄開始預載窗口下方的內(nèi)容,用戶可以無縫閱覽,比較容易沉浸其中,不像pagination,點擊完下一頁之后,需等待頁面載入。 它其實適合運用在沒有特定目的的活動上,無聊的時候,可以打發(fā)時間的隨意瀏覽,例如Facebook News Feed。

Infinite Scroll架構(gòu)也相對扁平,適合展示相同階層架構(gòu)的東西,而圖片就是最好的內(nèi)容物,因為視覺的信息比較文字更快被人所接收,我們總是能很掃射完圖片,Pinterest就是利用Infinite Scroll的特點,不停給予各式圖片,供設計師快速找尋靈感、給予源源不絕的刺激。

2. 操作簡易快速:

不用過多瞄準點擊的操作,只需滾動,就能有新的內(nèi)容,操作效率較佳。而且在手機上,scroll瀏覽也比點擊來得方便。

新聞名稱:當網(wǎng)頁信息特別多時,該采用分頁式設計還是瀑布流滾動設計?
瀏覽路徑:http://www.muchs.cn/news/59789.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供Google、網(wǎng)站制作網(wǎng)站內(nèi)鏈、用戶體驗云服務器、響應式網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設計公司