产品与服务 资讯 关于我们 联系我们
面对信息内容大的网站,我们一般看见的分页模式主要是页码和瀑布流无限滚动,今天网站设计罗列了各大信息流网站的做法,看看那一种更适用我们。
 
首页我们来看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长度和位置会不停变化,失去提示特性。
 

相关推荐: 从用户角度考虑手机网站建设细节设计

1、网站页面应当简洁而夺目     现在的移动互联网的速度变得越来越快,不过因为手机浏览器的特点,用户浏览网页起来并不像电脑浏览器那样可以同时的加载多个网站页面,而且用户还要看信息接电话 发微博聊QQ等等,要做别的事情。我们的设计应该简洁而夺目,在宝贵的用户浏…