Classic: 50 Page Paging effect

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Good pagination in a Web page must have the following characteristics:

1, provide a large area of clickable area

2, do not use the underline

3. Mark the current page

4. Separate Web Links

5, provide the previous page and the next page link

6, use the home page and the last link (where applicable)

7, put the home page and the last page on the outside

Error 1: Paging option not visible

Because the main purpose of paging is to act as an improved navigation, it must let visitors know where they are, where they have gone and where they can go next. The three facts give the user a complete understanding of how the system works and how this navigation should be used.

But most importantly, the navigation options should be visible. This guideline is not followed in the figure below. The link color and white background contrast are very low. No mouse hover effect provided.

　　

Error 2: Pagination not intuitive

If you have to choose between a fairly complex (but beautiful) navigation and a simple navigation that includes the necessary functionality, it always tends to be easy. If users do not understand the mechanism behind pagination, they will not be able to use it, so they will not use your site. The following illustration is a good example of this error. Take a look at the screenshot below: What do these arrows represent? On behalf of the page you visited or on behalf of the page you are visiting? Why does this link to the second page have a white background? Why do arrows have different colors? This is not intuitive.

　　

The lack of intuitive design stems from structural, hierarchical and thoughtful design decisions. Blank navigation is as intuitive as an overcrowded scheme.

　　

No interval of web links difficult to scan and browse. Make-believe.org is an example of a design that is not intuitive.

For example: www.508z.com

　　

Creative solutions may be user-friendly

For designers, the more frequently an element is used, the more difficult it is to introduce innovative methods without making the design less intuitive. As a result, pagination design has a variety of different patterns, but the use of revolutionary methods is rare. Then, the creative method can be that the user has good. For example, using a slider paging menu, the user can drag the slider to get more available options, meaning it links to older pages of this site.

　　

The official Firefox extension site, once the user clicks on the "..." button to provide more navigation options.

　　

Although the "standard" pagination--the blue numbers linked to each other--is very common for most web interfaces, the design tends to experiment with color, form, background, and shape.

Pagination looks good. The goal is to confuse the user's attention, as part of site navigation, it provides users with an important function, and therefore need effective use. Still, visual cues are helpful. In most designs, the colors traditionally used are dominated by blue and grey. Simply Enumerate

　　

　　

　　

　　

　　

　　

　　

　　

Using color and shape designers usually highlight the current page with a color to distinguish it from other pages. Page numbers are also given to shapes: rectangles, circles, or buttons. The current page is usually not linked.

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

Pagination with manual page number input box in some cases, users can manually provide the page number they want to browse through the input box. This is common for a limited number of pages, such as in these designs where you can't jump to the previous page you want to go.

　　

　　

　　

A different kind of plan

　　

From: http://bbs.508z.com/wzjs/thread-160-1-1.html