Pagination Guidelines

Use pagination to help users navigate through large amount of items broken down into pages.

Structure

1. Previous page
2. Page numbers
3. Current page
4. Collapsed pages
5. Next page

Best practices

Pagination should:

• Be always displayed even if with the current number of items does not make it necessary. This shows the users that the number of items is not fixed or limited.
• Keep filter, search and sorting when changing pages.
• Keep items on the same page across sessions if no new items were added, so users can find the same item on the same page.
• Be placed below overview tables.
• Be used only once per page.

Try to avoid:

• Using the collapsed page indicator with only one page collapsed.
• Using the pagination as a navigation for functions. Group them and use verticalnav, tabs or accordion instead.

Notes:

• Pagination should show all pages without truncation if number of pages is equal or below 7.