面對信息量大的網(wǎng)站,我們一般看見的分頁模式主要是頁碼和瀑布流無限滾動,今天云尚網(wǎng)絡(luò)列舉了各大信息流網(wǎng)站的做法,看看那一種更適合我們。
首頁我們看google的設(shè)計,搜索引擎網(wǎng)頁搜索時采頁碼方式,而在圖片搜索時卻以無限滾動,瀑布流,為什么兩者會有如此差異?
我們來分析下瀑布流(Infinite scroll)的優(yōu)缺點(diǎn):
Infinite Scroll 優(yōu)點(diǎn):
1.流暢的體驗(yàn),可以持續(xù)瀏覽內(nèi)容:
在滾動瀏覽的同時,后臺已經(jīng)開始預(yù)載窗口下方的內(nèi)容,這樣可以讓用戶無縫閱覽,不像以前頁碼這樣需要點(diǎn)擊下一頁。
2.操作簡易快速:
不需要過多點(diǎn)擊操作,只只需滾動,就能有新的內(nèi)容,操作效率較佳。而且在手機(jī)上,scroll瀏覽也比點(diǎn)擊來得方便。
Infinite Scroll 缺點(diǎn):
1.難以回溯、確認(rèn)數(shù)據(jù)位置:
在一個超長的頁面中,如果要再往回找自己之前看過的東西,會很難尋找,不知道它的位置,不像pagination,可以記得內(nèi)容是在第幾頁。
2. 找尋想要的特定信息時,較無效率:
無法略過不必要的內(nèi)容,直接跳頁看。
3. 占用瀏覽器過多的資源:
單一個頁面中,不停加載新的內(nèi)容,容易導(dǎo)致瀏覽器負(fù)荷過高,網(wǎng)頁效能降低。
4. Scroll bar的長短及位置,無法正確表達(dá)內(nèi)容長短:
過去還沒有infinite scroll時,無論是網(wǎng)頁,或是desktop software,Scroll bar長度具有暗示數(shù)據(jù)內(nèi)容多寡的效用,我們也會看scroll bar的位置,去了解還剩下多少數(shù)據(jù)在下方未讀。但I(xiàn)nfinite scroll因?yàn)轫撁骈L度會隨著scroll行為不停增長,scroll bar長度和位置會不停變化,失去提示作用。