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

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

△ Google image search

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

簡(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)容，用戶可以無(wú)縫閱覽，比較容易沉浸其中，不像pagination，點(diǎn)擊完下一頁(yè)之后，需等待頁(yè)面載入。 它其實(shí)適合運(yùn)用在沒(méi)有特定目的的活動(dòng)上，無(wú)聊的時(shí)候，可以打發(fā)時(shí)間的隨意瀏覽，例如Facebook News Feed。

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

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

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

新聞名稱：當(dāng)網(wǎng)頁(yè)信息特別多時(shí)，該采用分頁(yè)式設(shè)計(jì)還是瀑布流滾動(dòng)設(shè)計(jì)？
瀏覽路徑：http://aaarwkj.com/news/59789.html

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

廣告

聲明：本網(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)