导航搜索结果：分页、无限滚动和加载更多
了解导航搜索结果的不同方式以及哪种方式可能适合您。
Meilisearch v0.30 已发布，并带来了创建编号页面选择器的功能。您可以在我们的发布博文中了解有关 v0.30 中新功能和更新的更多信息。本文将介绍导航搜索结果的不同方式以及每种方法的优缺点。
什么是分页，以及有哪些常见的替代方案？
假设您去一个电子商务网站购买一双新鞋。如果页面加载后立即出现 700 双鞋供您选择，那将是非常令人不知所措的——更不用说获取每双鞋肯定会减慢网站的速度。
为了避免这种情况，大多数网站会将搜索结果分解成块，例如页面，并根据用户的输入一次加载一定数量的结果。
显示大型数据集主要有三种方式：分页、无限滚动和加载更多。每种方法都有其优点和缺点，使其适合特定的用例和内容类型。例如，谷歌使用编号分页使再次查找特定结果更容易，而 Twitter、Facebook 和 Instagram 使用无限滚动来让用户粘在屏幕上。谷歌在移动设备上使用加载更多来显示搜索结果。
从一种分页类型更改为另一种分页类型可能会完全改变用户体验。想象一下，醒来后发现 Twitter 是分页版本的，您必须不断点击“下一页”按钮才能查看动态中的更多帖子（谢谢，埃隆）。这将完全改变您与网站交互的方式！
在选择如何显示搜索结果时，您可以决定一次向用户显示多少内容、他们必须采取什么操作才能查看更多内容，以及再次查找特定结果的方便程度。
分页
分页的工作原理是将搜索结果分解成单独的页面。分页界面主要有两种类型：编号分页，您在每个页面的底部找到一个编号页面的列表；以及未编号分页，您使用“上一页”和“下一页”按钮从一个页面导航到另一个页面。
分页是显示搜索结果最流行的方式之一，在电子商务网站上尤其常见。分页会分解内容，使其更易于处理。由于每个页面都是不同的，用户可以轻松返回他们喜欢的项目或与他人分享。这有助于用户搜索特定内容，而不是浏览永无止境的项目列表。
分页最大的缺点是大多数用户不会查看前几页，因此永远看不到更多结果。您上次查看 Google 搜索结果的第二页是什么时候？
由于每次新页面都会替换结果，用户需要在页面之间切换以比较结果。此外，分页对移动设备不太友好。移动用户更喜欢加载更多或无限滚动，因为它更直观。它还需要用户执行其他操作：点击“下一页”按钮并等待页面加载。这也可能给人留下分页很慢的印象。
编号页面选择
页码增加了搜索过程的清晰度，并引导用户找到他们正在搜索的内容。编号页面选择提供了许多优点，例如
- 可以向用户显示结果的总页数，让他们可以估计找到特定项目需要多长时间。（“我有 25 页的鞋子要筛选！”）
- 使用编号页面，很明显某些页面比其他页面更相关。（“我在前五页没有找到那些鞋子，所以这个网站可能不卖它们。”）
- 用户可以记住项目的位置，编号页面允许他们更快地返回到该项目。（“我喜欢第 3 页上的粉红色鞋子。”）
- 用户通常可以在会话中途停止并从上次中断的地方继续。（“我昨天停在了第 5 页。”）
“上一页”和“下一页”按钮
在无编号分页中，用户通过“下一页”和“上一页”按钮而不是编号页面的列表进行导航。这种编号分页的替代方案通常用于移动显示，因为没有足够的空间来显示页码。由于只有两个按钮，因此它提供的精度较低，因为用户无法跳转到特定页面。但是，它提供了更好的性能，因为它不需要计算搜索结果的总数。
无限滚动
由于智能手机的兴起，无限滚动在过去十年中越来越受欢迎。它在用户滚动时无缝加载更多内容，从而减少了摩擦。它也比分页更直观；您只需不断滚动即可查看更多内容！此外，由于所有内容都加载到单个页面，因此它可能看起来比传统分页更快。
那么，我应该使用什么？
简短的答案是：这取决于您想要什么样的产品体验。
分页
- 您的用户正在寻找高度特定的结果
- SEO 对您非常重要
无限滚动
- 您正在构建一个社交媒体网站
- 您的用户想要浏览大量内容
加载更多
- 您想将您的内容隐藏在付费墙后面
- 您想构建一个符合道德的移动体验
- 您想获得分页和无限滚动的一些优点
或者您可以选择混合方式！考虑一下宜家：他们使用“加载更多”按钮，但也显示搜索结果的总数和一个进度条，使用户能够查看他们目前查看了多少结果。
虽然我们今天已经介绍了三种主要的搜索结果显示方式，但它们远非一成不变。最终，您的目标是帮助用户找到他们需要的内容。如果您了解您希望通过搜索导航界面实现的关键目标以及想要避免的陷阱，您或许可以设计出比以前更好的东西。祝您好运，并让我们知道您使用 Meilisearch 创建了什么！
