Pagination (UI)

Splitting a long list across pages with controls to move between them — the alternative to infinite scroll and load-more.

UI Components

Pagination gives people three things the alternatives cannot: a sense of how much exists, a way to return to a specific position, and a reachable footer. For work — records, orders, tickets, search results — those matter more than the smoothness of an endless feed. Infinite scroll suits browsing where no individual item needs to be found again; load-more sits between the two and keeps the footer reachable.

The page number belongs in the URL, alongside sort and filter state, so a link goes where the sender is looking. Page size should be adjustable and remembered, because someone scanning a hundred rows and someone reading ten want different things. And when a list is short enough to fit on one page, the pagination bar should not render at all.

In practice

An ecommerce catalogue moved from pagination to infinite scroll. Product views per session rose 12%, and conversions fell 6%. Users could not return to an item they had scrolled past, and the footer holding delivery and returns information became unreachable. Reverting to load-more kept most of the browsing gain without the losses.

Where teams get it wrong

  • Page number missing from the URL, so a shared link opens page one.
  • Infinite scroll on a list people need to come back to a specific item in.
  • Infinite scroll that makes the footer unreachable.
  • No total count, so nobody knows whether this is 3 pages or 300.
  • Page size that resets on every navigation.

( Learn more )

Related terms

All terms

Defined by Mara Bureau LLP. Last reviewed . Corrections: hello@mara.ink.

( You may ask )

Questions about Pagination (UI)

Didn’t find your answer?

Ask us directly — a designer replies within one business day.

Contact us
  • Pagination for anything task-based, where people need a sense of scale and a way back to a specific record. Infinite scroll for open-ended browsing. Load-more is a reasonable middle that keeps the footer reachable.

  • Content loaded only on scroll may not be crawled, and without distinct paginated URLs there is nothing for a crawler to follow. If the listing matters for search, give every page a real URL.

( Contact )

What problems are we solving?

At our core, we believe in delivering high-quality designs in days, not weeks.

What do you need?

( Contact )

What problems are we solving?

At our core, we believe in delivering high-quality designs in days, not weeks.

What do you need?