分页式设计还是瀑布流滚动设计

发布时间：2023-03-23 12:55:37 所属栏目：经验来源：

导读：如果你的网站信息量巨大，你会选择分页式设计还是瀑布流滚动设计？下面就这两种设计方式的优缺点比较，给大家分析一下到底哪种适合你的网站。

前阵子工作中，刚好有做到Log历史纪录的设计，窗体应该要采用哪种设计

如果你的网站信息量巨大，你会选择分页式设计还是瀑布流滚动设计？下面就这两种设计方式的优缺点比较，给大家分析一下到底哪种适合你的网站。

前阵子工作中，刚好有做到Log历史纪录的设计，窗体应该要采用哪种设计策略，也引起一阵讨论。无论是电子商务网站、搜寻结果、图片浏览、历史纪录等等，只要是内容信息量大时，设计师总是会面对同样的问题。

其实pagination和Infinite scroll有各自的特性，适合不同的情境。Pagination把数据分成一页一页，下方有页数或是指示可以点击换页，让人有停顿的时间。而Infinite scroll则是将内容都放在同一页，当滚轮滚到页面下方时，会自动加载新的内容，无需点击换页。

在滚轮滚动的同时，背后也悄悄开始预载窗口下方的内容，用户可以无缝阅览，比较容易沉浸其中，不像pagination，点击完下一页之后，需要等待页面载入。它其实是适合应用在没有什么特定目的的活动上,无聊的时候随意浏览浏览就可以打发时间,比如脸书新闻Feed。

不用过多瞄准点击的操作，只需滚动，就能有新的内容，操作效率较佳。而且在手机上，scroll浏览也比点击来得方便。

在一个超长的页面中，如果要再往回找自己之前看过的东西，会很难寻找，不知道它的位置，不像pagination，可以记得内容是在第几页。

无法略过不必要的内容，直接跳页看。自己在拍卖网站购买物品的经验是，下完关键词，选择价格排序后，往往最前面几笔和最后面几笔的数据，数据基本上都是和自己想买的对象不相关，所以这时候可以跳页就可以变得不太重要，当然有时候多下一些过滤，也可以帮助我们找到数据。

在一个页面中，不停加载新的内容，容易导致浏览器负荷过高，网页效能降低。

过去还没有infinite scroll时，无论是网页，或是desktop software，Scroll bar长度具有暗示数据内容多寡的效用，我们也会看scroll bar的位置，去了解还剩下多少数据在下方未读。但Infinite scroll因为页面长度会随着scroll行为不停增长，scroll bar长度和位置会不停变化，失去提示作用。

当滚轮滚动时，页面会自动加载更多内容，把Footer再往下推，消失于窗口中。常常有这样的经验，原本想要阅读Footer的信息，结果看到一半，就被加载的信息推走，我又往下scroll，然后又再度被推走，整个无法控制。有兴趣的朋友，可以试着和Dribbble Designers页面，与Footer玩追逐战。

不过其实为了解决上述问题，Load more按钮会是一个解法。当Scroll到底，网页加载一定数量的东西后，便不再自动加载，必须按Load more，才会有再一轮的载入。这可以解决无法在一定数量内来回观看、占用过多浏览器资源、Footer无法使用等问题。

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!