Design Sharing Summary: How to make pagination more friendly

Source: Internet
Author: User

Article Description: catalogue footprint, gradually shallow into deep

Today, Koike presents a discussion on how to make pagination more user-friendly. Do some research and thinking, do some summary.

Paging in the Electronic Business site Level 3 pages, search results page, such as large information page is very important. We have to consider at design time:

    • Length of paging
    • The necessity of the first last page existence
    • The need to customize the page



Set up a scenario to verify availability.

1 user fuzzy search for a keyword, often there will be a lot of related results. Users will page through the pages to find, at this time users will use the "previous page, next page" or near the number for page by line search.
According to the mental model, maintain the consistency of user clicks. The "previous page, next page" distance is relatively fixed, to allow users to use the next page of continuous switching is very convenient; the length of the page should not be too long, too long will lead to the user's line of sight, it should not be too short, too short will lead to too little page number, giving users the illusion of less information on the site.
Jing Dong This point usability is good, "previous page, next page" distance relatively fixed. The number of page numbers appears moderate. New eggs, Taobao distance and long distance, easy to enable users to achieve free, poor usability.


2 of users tend to choose the price from low to high ranking or sales from high to low as their purchase reference. Users page to the back 20 pages to find that sales are getting worse and more expensive, and he will want to go back to the first page to see. This scenario shows that there is a need for the home page
Jing Dong, suning did not give a quick way back to the first page
In the example above, there are 2 quick ways:
A/The first page is always displayed
b/To give the User a custom page number, the user input page number direct.


3 The actual situation shows that on this large amount of information on the page, users often do not know the specific page number on the specific content, not to customize a page to view, will be page or interval of two or three pages to view, to the number of pages when users find that the results are increasingly deviating from their original intention, so will return to the first page or retrieve. At the same time to display the last page, the system needs to calculate all the pages, in a lot of goods, will result in lower page performance.


At design time, we should note:

    • Less is more, streamlining. Avoid fancy
    • To facilitate the user to use the first. Avoid interacting for interaction



Advantages, in line with the user in the fuzzy result is the scene of the page, the visual focus is gathered together, always show the first page, give users a quick way back; Use an ellipsis to indicate that there are no displayed pages, to guide users to see, interactive way is good, streamlined, no additional fancy interaction.

According to the above reasons, as well as Suning VI color, to give suning easy to purchase the optimization of the plan, a good point. PK, ask for the tuning ...


Google image retrieval from the weakening page, so that users follow the screen has been uninterrupted browsing down to the light blog dot network with the user's slide automatically loaded more content, these subtle interactions can make our experience more enjoyable


It also makes me believe that interactive designers can do more for users and are valuable.







Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.