Pagination 分页
可以先理解为:把长列表拆成可浏览页
分页像一本书的页码。它不会一次把所有内容倒给你,而是让你按页前进、后退或跳到某一段。用户因此能感到列表有边界,也能更容易回到刚才的位置。
关键结构图
一条长结果带被切成多个页块,当前页高亮,左右箭头连接上一页和下一页。
What
Pagination 是把长列表拆成一页一页浏览的方法,让用户知道自己正在结果集的哪一段。
Pagination 分页是一种将大量列表、搜索结果或表格数据拆分成多个页面展示的导航模式。它需要告诉用户当前页、可前往的页、前后移动方式以及结果范围。它的边界是处理有限但较长的结果集;如果内容需要不断探索,无限滚动可能更合适。
StructurePagination = 总结果 + 当前页 + 前后移动 + 稳定位置感
When
当列表太长、加载一次成本高、用户需要比较多个结果页,或需要把某个结果位置分享给别人时,分页比单纯滚动更清楚。
How
先定义每页显示多少项和排序规则,再给出当前页、上一页、下一页和可跳转页码。分页状态要和 URL 或筛选条件保持一致,避免用户返回后丢失位置。
Examples
搜索结果有 260 条,每页显示 20 条。分页让用户知道自己正在第 3 页,也能跳到最后几页检查较低相关度结果。
后台订单表需要用户逐页核对。分页比无限滚动更适合,因为用户可能要回到第 7 页的某条记录。
来源
类型:设计系统实践 / 信息架构
事实线:分页是数据表、搜索结果、列表页常见导航模式,多个设计系统都把它作为帮助用户浏览大量结果的组件。
依据:USWDS Pagination guidance、Material Design navigation patterns、常见搜索和数据表体验实践。
边界:适合用户需要定位、回看或跳页的列表;不适合把短列表强行拆开增加点击成本。
常见误读:不要把分页只当成性能优化。分页首先是用户对结果集位置和范围的理解工具。