瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面
滚动条向下滚动,这种布局还会不断加载
数据块并附加至当前尾部。最早采用此布局的网站是
Pinterest,逐渐在国内流行开来。国内大多数清新站基本为这类风格。
瀑布流对于图片的展现,是高效而具有吸引力的,用户一眼扫过的快速
阅读模式可以在短时间内获得更多的
信息量,而瀑布流里
懒加载模式又避免了用户鼠标点击的翻页操作,瀑布流的主要特性便是错落有致,定宽而不定高的设计让页面区别于传统的矩阵式图片布局模式,巧妙的利用视觉层级,视线的任意流动又缓解了
视觉疲劳,同时给人以不拘一格的感觉,切中年轻一族的个性化心理。国内类Pinterest网站也如雨后春笋般出现,已知网站超40家,类Pinterest网站有四种,一是电商导购,如想去网、
蘑菇街和
美丽说、
好享说、依托于
淘宝平台;二是
兴趣图谱分享,如知美、花瓣等;三是在细分垂直领域,如针对吃货的
零食控、针对
家居行业的他部落等。四是
服装款式设计资讯平台如
看潮网等等。
1. 有限的用例:
例如,在
电商网站当中,用户时常需要在商品列表与详情页面之间切换,这种情况下,传统的、带有页码导航的方式可以帮助用户更稳妥和准确的回到某个特定的列表页面当中。
2. 额外的复杂度:
那些用来打造无限滚动的
JS库虽然都自称很容易使用,但你总会需要在自己的产品中进行不同程度的定制化处理,以满足你们自己的需求;另外这些JS库在浏览器和设备
兼容性等方面的表现也参差不齐,你必须做好充分的测试与调整工作。
最好考虑一下页脚对于
你的网站,特别是用户的重要性;如果其中确实有比较重要的内容或链接,那么最好换一种更传统和稳妥的方式。
千万不要耍弄你的用户,当他们一次次的浏览到页面底部,看到页脚,却因为
自动加载的内容突然出现而无论如何都无法点击页脚中的链接时,他们会变的越发愤怒。
4. SEO:
集中在一页当中
动态加载数据,与一页一页的输出相比,究竟那种方式更利于SEO,这是你必须考虑的问题。对于某些以类型网站来说,在这方面进行冒险是很不划算的。
5. 关于页面数量的印象:
其实站在用户的角度来看,这一点并非负面;不过,如果对于你的网站来说,通过更多的内容页面展示更多的相关信息(包括广告)是很重要的策略,那么
单页无限滚动的方式对你并不适用。