首页我们来看google的设计(图内左为网页搜索,右为图片搜索),搜索引擎网页搜索时采页码方式,而在图片搜索时却以无限滚动,瀑布流,为什么两者会有如此差异?
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长度和位置会不停变化,失去提示作用。