Talking about: Pagination

Source: Internet
Author: User
Tags prev

Action: Jumps to the previous page or next page.

Elements: The basic elements of pagination are: Top + page + next page (such as callout 1), total page number (such as callout 2), jump page (such as callout 3), confirm button (such as callout 4);

Scenario: Depending on these basic elements, there will be different combinations in different scenarios.

(Scene 1) 19 Floor Forum:

The number of forum pages will reach thousands of pages, the content of the page is most of the top or the original update posts, so the general users will see the original page, and then selectively check the message page. The chance to flip all of them manually is almost 0; so the forum page will have the following characteristics:

1. Most users will read the original post directly after the page or choose to return to the list of posts, in addition to the bottom of the top Add page and set the "return list" shortcut operation

2. So the first "1" page is the role of home, always have the first "1" page, the middle with "..." to indicate the number of the page not displayed;

3. Only provide "first 1+5 consecutive page number + last page" page number; developers should consider a maximum of 5 pages of content that are viewed by the average user. Or just skip to the last page to view so display the last page page number and the shortcut button that jumps to the last page directly;

(Scene 2) Micro blog:

The information that the user browses is the information of the attention, will read the page as the newspaper reads down, therefore, the "previous" "Next" is the most frequently used, followed by the jump page, in order to reflect the concept of lightweight micro-blog, the traditional page of the middle page section simplified into a drop-down menu, not only to identify the current position of the pages can be paging switch jump;

Sina Weibo: one page 45 meager, more then page, Prev, Next and several pages, the default push 10 pages

(Scene 3) Baidu search page:

1. The search results provide only 10 page numbers for the first time, and the average user cannot find what they want in these 10 pages. The search content should be replaced. Footprint graphics and the following page numbers can be clicked to page, adding fun pages

2. Because the search page users generally will not return to the first page so the page only prev and the next page of the shortcut button

3. Click on any page to continue to browse, found that the following page number is: The current page +9, easy to enlarge the user search scope.

4. Provide up to 20 page numbers, more suitable for page width

(Scene 4) Information scrolling page:

1. Tencent Weibo: A page 45 meager, more default display more buttons, click below and show more than 45, and so on; at the same time, Tencent also launched page numbering mode for users to choose

More humane.

2. Petals "Unlimited scrolling page", when the user browse to the bottom of the pages, automatically refresh the page to display new information, after a lot of pages, when no content can be displayed, automatically appear the associated information button "See more Information", Guide users to browse other relevant information; The page is too long to provide "back to the top" button;

Expansion: The following are different forms of paging

The above is a small sharing of paging between the interactive team.

Article Source: Liang Infinite-ued

Related Article

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

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: and provide relevant evidence. A staff member will contact you within 5 working days.