网站信息量大，该采用分页式设计还是瀑布流滚动设计？

当页面内容信息较多时，应使用分页设计，还是瀑布流无限滚动？今天的好文章详细分析了主要的信息流网站（谷歌，Pinterest、淘宝)的做法列出了这两种方法的优缺点和适用场景。一篇简洁简洁的干货文章，收藏！

当页面内容信息较多时，应使用分页设计，还是瀑布流无限滚动？今天的好文章详细分析了主要的信息流网站（谷歌，Pinterest、淘宝)的做法，列举了这两种方法的优缺点和适用场景。一篇简洁简洁的干货文章，来收藏吧！

不久前，在我的工作中，我碰巧有一个设计来实现标志的历史记录。窗口应该采用什么样的设计策略也引起了一场讨论。无论是电子商务网站、搜索结果、图片浏览、历史记录等，只要内容信息量大，设计师总会面临同样的问题。

让我们来看看谷歌的设计。一般搜索时使用Pagination(页码)，但搜索图片时使用Infinite scroll(无限滚动，瀑布流)。为什么会有这样的区别？

△ Google Search

△ Google image search

事实上，pagination和Infiniteninten Scroll有自己的特点，适合不同的情况。Pagination将数据分成一页一页，下面有页数或指示，可以点击更改页面，让人有时间停顿。而Infinite scroll将所有内容放在同一页，当滚轮滚到页面下方时，不需要点击更改页面就会自动加载新内容。

简单分析Infinitete scroll的优缺点

Infinite Scroll 优点

1. 流畅的体验可以继续浏览内容:

在滚轮滚动的同时，窗口下方的内容也悄然预载在后面。用户可以无缝阅读，更容易沉浸其中。与pagination不同，点击下一页后，需要等待页面输入。 事实上，它适用于没有特定目的的活动。无聊的时候可以随意浏览，比如Facebook。 News Feed。

Infinite Scroll结构也比较平坦，适合展示同阶层结构的东西，图片是最好的内容，因为视觉信息比文字更快被接收，我们总能扫描图片。Pinterest是使用Infinite。 Scroll的特点，不断给设计师各种图片，快速寻找灵感，给予源源不断的刺激。

2. 操作简单快捷：

不需要太多针对点击的操作，只需滚动，就可以有新的内容，操作效率更好。而且在手机上，scroll浏览比点击更方便。

△ Pinterest

Infinite Scroll 缺点

1. 数据位置难以追溯和确认：

3. 快速搜索过去的信息：

我相信每个人都有寻找一些历史新闻的经验。如果我们可能找到几页数据，我们可能会跳到10页和10页。我们可能会捕捉到10页可能是几天的信息，我们可能会使用页数，我们可能会捕捉到数据将在第一页的哪个位置。但是infinite scroll不能做到这一点。如果你想找到一个遥远的数据，你必须等待scroll加载，中间加载了很多我们不需要的信息，只是为了看到更长的数据，迫使我们经历这个过程。

此外，有时当我们找到一些数据，需要跳回去看时，我们可能会隐约记得我们以前看到的数据，可能是在第几页，除了帮助记忆，我们可以更快地跳到我们想要的内容。Infinite 由于scrollllsscroll bar长度和位置的不断变化不能像pagniation那样容易定位。

结论

Pagination和Infinite Scroll有自己的优缺点。当应用于适当的情况时，它可以最大化优势，甚至将缺点转化为优势。Pagination是一种常见的设计，因为它需要点击才能有下一页的内容，这给了人们停顿的时间。它适用于目标导向、一些需要思考和决策的有目的的活动，如搜索商品或数据。

而Infinite scroll适用于快速随意浏览的情况，也适用于放同性质的内容，因为结构相对平坦。用户生成的内容(例如:Facebook、Twitter）以及图片内容(如:Pinterest、Dribbble）都很适合Infinitet scroll，面对控制感差、浏览器负载高的缺点，Load可以使用 作为折衷的方式，more按钮。

回顾最初的问题，历史记录应该是pagination还是infiniteteeninination scroll？ 也许一开始数据量不大的时候，infinite scrolll很容易使用，但是当数据量慢慢积累，需要几页的内容时，pagination将是寻找特定目标的更好选择。

电子商务是否更适合Pagination或Infiniteteteen？ Scroll呢？

在我看来，这取决于情况。如果今天的购物网站更像是让人们快速找到所需的物品，用户知道他们想买什么，购买，功能取向，使用聚会更合适。但如果今天的购物网站想要创造一种购物的氛围，让用户可以随意看到，激发购物的欲望，那么也许互联网 scroll也可以考虑，但最好在每个产品的标题上都有我最喜欢的功能。点击爱情后，可以收藏，避免最终找不到自己的产品。

事实上，一些研究指出，pagination会减慢浏览速度，让用户懒得点击查看其他页面的产品，降低产品曝光率。但另一方面，使用pagination会让用户在第一页花更多的时间。当我们知道这些现象时，我们实际上可以使用一些策略来将看似的缺点变成优势。例如，大多数人在第一页停止使用pagination。此时，主要产品可以放在第一页。

△ Fancy：购物网站无限滚动模式

One More Thing：单页内容数量

此外，无论是Pagination还是Infinite， Scroll with Load More buttton将面临一个问题，即Pagination的一页或Infiniteee是否存在 scroll 按钮应该长多长，应该放多少东西？这也是一个值得讨论的话题。

有文章指出，Infinitete是在电子商务的情况下使用的 scroll，从产品类别点进去看商品，可以列出50-100个产品，然后出现Load more按钮，但如果是搜索结果，建议25–在手机上，由于屏幕的限制，建议使用75项–30件商品就可以了。

也是电子商务，简单看看市场上的网购平台，使用Pagination平台，一页也是50–100个物件间。

△ Taobao：每页有85种商品

eBay：默认情况下，用户可以自由选择显示50种商品的数量。

如果今天的情况转变为非电子商务平台，会发生什么？我们也可以做更多的探索和研究。