Example of the 'Pagination' pattern

The user needs to view a subset of sorted data that is not easily displayed on one page.

The Pagination at flickr has large clickable areas, the current page is easily identified, and previous and next links are detached. Note that while on the first page, the 'previous' link is grayed out and without a surroun

The Pagination at flickr has large clickable areas, the current page is easily identified, and previous and next links are detached. Note that while on the first page, the 'previous' link is grayed out and without a surroun

Other example images for the 'Pagination' pattern

Pagination at a standard wordpress blog. Pagination at a Yahoo! 360 blog. Pagination at a Blogger blog. Pagination at a Digg.com.
Pagination at a standard wordpress blog. Pagination at a Yahoo! 360 blog. Pagination at a Blogger blog. Pagination at a Digg.com.
Pagination in Google Analytics The Pagination at flickr has large clickable areas, the current page is easily identified, and previous and next links are detached. Note that while on the first page, the 'previous' link is grayed out and without a surroun Pagination at OK-cancel - easily identifiable first, previous, next, and last links with large clickable areas with disabled links where appropriate. The Pagination at Vimeo has large clickable areas for each page, the current page clearly stands out from the links, and the previous and next buttons are nicely detached from the rest of the pagination through their shape and color.
Pagination in Google Analytics The Pagination at flickr has large clickable areas, the current page is easily identified, and previous and next links are detached. Note that while on the first page, the 'previous' link is grayed out and without a surroun Pagination at OK-cancel - easily identifiable first, previous, next, and last links with large clickable areas with disabled links where appropriate. The Pagination at Vimeo has large clickable areas for each page, the current page clearly stands out from the links, and the previous and next buttons are nicely detached from the rest of the pagination through their shape and color.
Pagination of comments at the Microsoft MIX '08 conference page. Pagination used on the Bravenet guestbooks Pagination at the fashion website Yoox.com. The upper part of the example image represents the top of the page and the lower the bottom of the page. In between is the paginated items.
Pagination of comments at the Microsoft MIX '08 conference page. Pagination used on the Bravenet guestbooks Pagination at the fashion website Yoox.com. The upper part of the example image represents the top of the page and the lower the bottom of the page. In between is the paginated items.