Back to Blog

Good Practices Of Pagination Design

Break the complete dataset of items into smaller sequential parts and show these on separate sequential pages. Provide pagination control to browse from page to page. Let the user browse to the previous and next pages by providing links to such actions. Also, provide links to the absolute start and end of the dataset (first and last).

If the dataset is of defined quantity, also show a link to the last page. If the dataset to show possibly is of varying size (for instance as a result from a search), do not bother to show a link to the last page.

Solution

First and foremost, pagination parts large datasets into smaller bits that are manageable for the user to read and cope with. Secondly, pagination controls conveys information to the user about, how big the dataset is, and how much is left to read or check out and how much have they already checked out.

Rationale

Pagination provides the user with a natural break from reading or scanning the contents of the dataset, and allows them to reevaluate whether they wish to continue looking through more data, or navigate away from the page. This is also why pagination controls are most often placed below the list: to provide the user with an option to continue reading through the larger dataset.

Web page pagination is used to control the amount of content on a gallery page and enable users to navigate back and forth through large numbers of web pages, such as search results pages, ecommerce category pages or blog archives. Pagination is a relatively simple (although often overlooked) UI element to design — the key is to make the pagination links large enough to click easily, space them out so that they cannot be clicked by mistake, and clearly indicate the page the user is currently viewing. Previous and Next links also make it easy for the user to click to the next page of resul.