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