Search Pagination. Numbering pages of search results

The second translation of the Design Pattern Library from Yahoo! dedicated to usability numbering search results.

Problem

The user needs to see the sequence of the page links of the search results, in case the number of results does not fit on one page. Search results are sorted by relevance.


')

When to use

• When displaying search results.
• If the results of the issue do not fit on one screen so that the user is comfortable with them to work.

Solutions

• Break the information into a sequence of pages by relevance.
• Provide page numbering to access their content.

Numbering control

• Display the numbering as a horizontal row of links.
• Links should be displayed as follows: “Back”, page links, “Forward”.
• Display the left arrow after the “Prev” label.
• Display the right arrow in front of the “Next” label.
• Make these arrows clickable.
• The number of page links should be no more than 10. If there are less than ten links, output all that is.
• If the user is on pages 1 to 6, then the list of links should always begin with the first one.
• If the user is on any page starting from the 7th, the list of page links should begin with the current page number minus 5. For example, if the user is on page 7, then the first in the list will be a link to the 2nd page (7 - 5 = 2 ). And the last in the list will be a link to the 11th page (since we display 10 links).
  
• If the user is on page 1, then the label “Back” and the arrow “left” should not be output.
• Accordingly, we do not display the label “Forward” and the arrow “to the right” for the last page.
• The current page number in the list of links should not be a hyperlink.
• Label the pagination list as a Pages label, for example.

Logics

• The use of arrows makes the links more obvious and increases clickability by increasing the link area.
• The absence is not too critical, because:
  
  • These links are located at the bottom of the page.
  • The largest number of views falls on the first page of the search results.
• It makes sense to place the “First” link, while the “Last” link is ineffective due to the relevance of the search results.

Using

• Navigate through the links with the Tab key.
• In the case of navigation through the list of links using the keyboard, the link should be followed by the Enter key.

Again, I apologize for the possible clumsiness of the translation. The task is to convey the key thoughts of the topics.

The first translation is Breadcrumbs. Site path