當(dāng)網(wǎng)頁信息特別多時(shí)，該采用分頁式設(shè)計(jì)還是瀑布流滾動(dòng)設(shè)計(jì)？

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

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

△ Google image search

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

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

Infinite Scroll 優(yōu)點(diǎn)

1. 流暢的體驗(yàn)，可以持續(xù)瀏覽內(nèi)容：

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

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

2. 操作簡(jiǎn)易快速：

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

本文標(biāo)題：當(dāng)網(wǎng)頁信息特別多時(shí)，該采用分頁式設(shè)計(jì)還是瀑布流滾動(dòng)設(shè)計(jì)？
鏈接URL：http://www.muchs.cn/news39/59789.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、Google、用戶體驗(yàn)、網(wǎng)站排名、搜索引擎優(yōu)化、手機(jī)網(wǎng)站建設(shè)

廣告

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