搜索结果导航：分页、无限滚动和加载更多

Meilisearch v0.30 现已发布，并带来了创建编号页面选择器功能。您可以在我们的发布博客文章中详细了解 v0.30 的新功能和更新。

本文将介绍不同的搜索结果导航方式，以及每种方法的优缺点。

什么是分页，常见的替代方案有哪些？

假设您访问一个电子商务网站购买一双新鞋。如果页面加载后立即出现 700 双鞋供您选择，您可能会感到不知所措——更不用说获取所有鞋子的信息肯定会减慢网站速度。

为了避免这种情况，大多数网站会将搜索结果分成块，例如页面，并根据用户的输入一次加载一定数量的结果。

主要有三种方式来显示大型数据集：分页、无限滚动和加载更多。每种方法都有其优势和劣势，使其适合特定的使用场景和内容类型。例如，Google 使用编号分页可以更轻松地再次找到特定结果，而 Twitter、Facebook 和 Instagram 使用无限滚动来吸引用户持续浏览。Google 在移动设备上使用加载更多来显示搜索结果。

从一种分页类型切换到另一种分页类型会彻底改变用户体验。想象一下，您醒来后发现 Twitter 变成分页版，您必须不断点击“下一页”按钮才能查看更多推文（感谢，埃隆）。这将完全改变您与该网站的交互方式！

在选择如何显示搜索结果时，您需要决定一次向用户展示多少内容，用户需要采取什么操作才能查看更多内容，以及再次找到特定结果是否方便。

分页

分页通过将搜索结果分成独立的页面来工作。分页界面主要有两种类型：编号分页，在每个页面的底部显示编号页面的列表；无编号分页，使用“上一页”和“下一页”按钮在页面之间导航。

分页是最流行的搜索结果显示方式之一，在电子商务网站上尤其常见。分页会将内容分解，使其更容易处理。由于每个页面都是独立的，用户可以轻松返回他们喜欢的项目或与他人分享。这有助于用户搜索特定内容，而不是浏览无休止的项目列表。

分页最大的缺点是大多数用户不会浏览前几页以外的内容，因此永远不会看到更多结果。您上次浏览 Google 搜索结果的第二页是什么时候？

由于每个新页面都会替换结果，因此用户需要在页面之间切换才能比较结果。此外，分页对移动设备不太友好。移动用户更喜欢加载更多或无限滚动，因为它们更直观。它还需要用户进行额外的操作：点击“下一页”按钮并等待页面加载。这可能会让人感觉分页速度很慢。

编号页面选择

页码可以为搜索过程增加清晰度，并引导用户找到他们想要搜索的内容。编号页面选择提供了许多优势，例如：

用户可以查看结果页面的总数，从而估算他们需要多长时间才能找到特定项目。（“我需要筛选 25 页的鞋子！”）
使用编号页面，可以清楚地看到某些页面比其他页面更相关。（“我在前五页上没有找到那些鞋子，所以这个网站可能不卖那些鞋子。”）
用户可以记住项目的定位，编号页面可以让他们更快地返回到该项目。（“我喜欢第三页上的粉色鞋子。”）
用户通常可以在会话中途停止，并从他们停止的地方继续。（“我昨天在第五页上停止了。”）

在无编号分页中，用户通过“下一页”和“上一页”按钮而不是编号页面的列表进行导航。这种无编号分页的替代方法通常用于没有足够空间显示页码的移动设备显示屏。由于只有两个按钮，因此精确度较低，因为用户无法跳到特定页面。但是，由于不需要计算搜索结果的总数，因此性能更好。

无限滚动

在过去十年中，由于智能手机的普及，无限滚动变得越来越流行。当用户滚动时，它会无缝加载更多内容，从而减少摩擦。它也比分页更直观；您只需不断滚动即可查看更多内容！此外，由于所有内容都加载到一个页面，因此可能看起来比传统的分页更快。

无限滚动最大的缺点是可用性差。页面长度会无限增长，这使得很难再次找到以前查看过的结果，用户也无法将特定项目列表添加书签或与他人分享。随着更多内容的加载，页面性能会下降，导致页面“更重”。同时，站点页脚可能无法访问，因为随着更多内容的加载，无限滚动会不断向下推页脚。由于 Googlebot 无法模拟滚动，因此无限滚动也会对 SEO 产生负面影响。

然而，迄今为止对用户行为的影响最大。在某些时候，无限滚动的用户会停止关注单个结果，而更多地关注滚动，从而导致参与度下降。您可以在 Baymard Institute 关于在台式机和移动设备上加载产品的

根据以上情况，无限滚动可能不是电子商务网站的最佳解决方案。您如何找到您在 15 次滚动之前喜欢的粉色鞋子？

有一个用例，无限滚动无与伦比。对于娱乐网站，其主要目的是让用户在页面上停留尽可能长的时间，无限滚动几乎可以保证更长的页面停留时间。这就是为什么无限滚动与社交媒体和其他依赖于广告或数据收集的商业模式密切相关。