Search Pagination

Problem

The user needs to view a set of search results ranked by relevance that is too large to easily display within a single page.

Display the navigation controls as a row of links.
Present links in the following order: 'Prev', page links, 'Next'.
Display a left arrow after the label 'Prev'.
Display a right arrow before the label 'Next'.
Make the arrow(s) clickable.
The page links should contain a maximum set of 10 page links. If fewer pages of results exist, only show page links for the available pages.
When on pages 1-6, the page links should always start at '1'.
When on any page after 6 (7 and onward), the page links should start at the current page minus 5. For example, when on page 7, the first page will be 2 (7 - 5 = 2) and the last page will be 11 (still shows 10 pages.)

Displaying arrow graphics helps differentiate the links and provides larger click targets.
Disabled controls add little value in this context since
- These links often appear blow the fold.
- The first page of results makes up the vast majority of pageviews. Displaying a disabled "previous" control on all of these is of little added value.
Although a "First" link has value, it competes with the functionality presented in the random-access links.
The "Last" link is of little value as the results are sorted by relevance. This is is also problematic since the total number of results (and therefore, the last result) may not be known.

Allow each link to be navigated to with the Tab key.
When an individual link has keyboard focus, the Enter key will navigate to the linked page.

Yahoo! Pattern Library