瀑布流之一时长短
瀑布流之一时长短
一、特点
琐碎化信息
内容垂直排布
多列浮动
无限滚动／加载
二、元素
1、版块布局：大量琐碎化信息分块化布局
＊等宽不等高
＊等高不等宽
＊等宽等高
等宽不等高 等高不等宽 等宽等高
2、翻页
上/下一页
定向跳转（点击页码定向跳页 / 输入页面定向跳页（input page go））
站酷 - zcool
uehtml
awwwards
normal)
3、用户操作
＊下滑 加载
＊点击 翻页
＊输入 定向跳转
三、优缺
优点：
＊简化翻页控件，更多信息呈现的功能 ——简而不减
＊用户下滑翻页到页面底部之际，自动加载代用户操作展示更多内容，降低翻页成本 ——“智能”加载
＊原多页面信息呈现于同一页面，直观了然，已阅信息回查更便捷 ——直观明了
＊只在用户需要查看更多信息之时，加载更多信息，提升体验流畅度与网站加载速度 ——负荷优化
缺点：
＊定向跳转功能缺失，用户快速跳页、定向跳转功能缺失 ——功能缺失，用户掌控力沦丧
＊无限滚动/加载，无止境尽头，用户心觉不知还有多少信息、无可掌控，由此不确定、恐慌心理漫延 ——未知带来的不安、不确定情绪漫延
四、用户体验
情境1:用户下滑至页面底部之际，“智能加载”，降低翻页成本，用户无需点击、跳转即可看到自己所期待的更多内容
情境2:用户看到N页，回过头找之前看到的某个信息，直观明了的同页面呈现，用户无需点击、跳转即可快速定位浏览过的信息
情境3:页面重新被加载之际，用户无法快速定位位于“第N页”的信息，只得一步步下滑一步步往下加载
情境4:无止境的加载燃起用户好奇心理，欲以一窥页面之最后又会有什么信息（虽说信息或为类似，无有不同），而无止境的加载...用户或为之迷失，不确定心理漫延
五、得于斯者毁于斯
瀑布流智能加载在用户需要之际，愉悦体验、便捷交互 而当用户有别的诉求（跳转、定位等）之际，瀑布流固有的模式反是无法满足用户心理诉求、为用户体验造成负面因素
六、案例
1、等宽不等高
鼻祖：pinterest 花瓣 美丽说
蘑菇街 360图片美女秀场 uesoso
2、等高不等宽
百度图片搜索
3、等宽等高
awwwards zcool
uehtml iconfans
