網(wǎng)站信息量大該采用分頁式設(shè)計還是瀑布流滾動設(shè)計?

2022-11-28    分類: 網(wǎng)站建設(shè)

網(wǎng)站建設(shè)- 建站教程 - 網(wǎng)頁設(shè)計- 網(wǎng)站信息量大 該采用分頁式設(shè)計還是瀑布流滾動設(shè)計?

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

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

成都網(wǎng)站建設(shè)


△ Google image search



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

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


Infinite Scroll 優(yōu)點
1. 流暢的體驗,可以持續(xù)瀏覽內(nèi)容:

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


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

2. 操作簡易快速:

成都網(wǎng)站建設(shè)

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

網(wǎng)站欄目:網(wǎng)站信息量大該采用分頁式設(shè)計還是瀑布流滾動設(shè)計?
URL地址:http://muchs.cn/news/217429.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁設(shè)計公司、商城網(wǎng)站、App設(shè)計定制網(wǎng)站、企業(yè)網(wǎng)站制作服務(wù)器托管

廣告

聲明:本網(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)站建設(shè)