E-commerce Web site Common pattern case: pagination Design

Source: Internet
Author: User

Pattern Library

In the Schema Library, I'll list the patterns that all ecommerce sites need. Here's a list of classic patterns, and I'm trying to make these patterns look more interesting and practical. (The Yahoo mode library pair also has a definition of pattern.) )

Pattern Attribution Category

In order to facilitate the invocation and maintenance of various patterns in the pattern library, the patterns in the pattern library are first divided into three categories: User requirements, application requirements, and context design. In the user requirements category, there is a type called basic interaction. Here I will explain the pattern one by one involved in the basic interaction from this latitude.

Summary of pagination (pagination, tagged pages)

The user needs to look at a subset of the data and find that all the data is displayed on one page, and it becomes very difficult to view.

instance

When to use

    • When a screen cannot host more data.
    • Items of interest can usually be found on the first few pages.
    • You need to delve into the data items rather than the content displayed in a scrolling area. Solutions

Summary: break complete data into smaller items, sequentially displaying these data and individual sequence pages. Provides page-by-page control. Provides links for users to browse the pages of the previous page and the next page of this action. In addition, provide links to the start and end of the data group (first and last). If the dataset is a predictable number, the last page of a link is displayed. If the dataset is unpredictable or appears to be of a different size (for example, results from a search engine), do not worry about displaying the last page linked to.

Project Paging

    • The split item list becomes a sequence of pages.
    • Provides links to information on previous and next page pages.
    • Provides links to browse the first and last pages.
    • Provides information about what type of object the user is browsing.

    • Provides information about what a user is browsing a set of objects. Use form: "[$ObjectName]s [Displayeditemrange] of [TotalItems]"
    • The order of this link is as follows: first page, previous page, next page, last.
    • Use the graphical arrows to increase the target size of the link.
    • Displays the status of paging in an administrative display that is not available.

Search for pagination

    • Converts the information into a series of pages sorted by relevance.
    • Provides paging control to provide access to paging content.



Related Article

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.