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