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