Pagination

Rules of Thumb #

  • Do not use underlined text except for in hovered elements.
  • Use Pagination only when necessary. Instead, think about editing the content to fit onto one page.
  • Make each page a similar length.
  • If there is only one page, no Pagination is needed.
  • Be sure the current page is easily distinguishable from other pages referenced by the Pagination

Appearance and Behavior #

Examples #

Offer a “Prev” and “Next” link where useful.
Offer a “Prev” and “Next” link where useful.
Disable the “Prev” link when there are no more pages before the first numeral displayed.
Disable the “Prev” link when there are no more pages before the first numeral displayed.
Disable the “Next” link when there are no more pages after the last numeral displayed.
Disable the “Next” link when there are no more pages after the last numeral displayed.

Pagination of Search Results #

Optionally, links for “Show all” and “Number of results” may be displayed below page numbers. Links are centered below the Pagination on the same baseline.
Optionally, links for “Show all” and “Number of results” may be displayed below page numbers. Links are centered below the Pagination on the same baseline.
When there are no Search results, suggest that the user amend the Search.
When there are no Search results, suggest that the user amend the Search.