header_v1.7.40

瀑布流之一时长短

4年前发布

原创文章 / 网页 / 教程
秦鹏Levy 原创,如需商业用途或转载请与秦鹏Levy联系,谢谢配合。

瀑布流之一时长短

一、特点

       琐碎化信息

       内容垂直排布

       多列浮动

       无限滚动/加载


二、元素

       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

17

    文章信息

    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功