Interactive User experience: Product pagination design for e-commerce websites

Source: Internet
Author: User

Article Description: about the site paging that thing.

This article describes the pagination refers to E-commerce site products paging, if you want to directly understand the essence of this article, please refer directly to the following drawings, self-evident.

E-Commerce website product page design is very small pieces of design, the vast majority of the site will not spend what energy, but, if you can do more intimate in detail, the user's purchase experience has been improved, after all, users each purchase will be used many times the function module.

The first thing to say is that pagination is the user generally accepted product page browsing, design is similar, the user's learning cost is zero.

Now the Electronic Business website usually chooses to place the page in the top and bottom part of the product page, the following is the complete paging function, above is the simplification function. The product page needs the full paging function well understood, because the user is browsing the page after the product and then paging, so the full function at the bottom. When does the user need to use paging on the product page? That is when the user does not want to look at the product page content on the pages, is when users want to know their location, in addition, because the product page of the upper paging module and product screening criteria module is placed in one place, so the function here to simplify, save space, good design can refer to the following picture of the Lok Tao, If the user experience to do a little better, here can be added to the product page the first page of the link, after all, the user to return the first page demand is hard demand.

For the pagination design of the lower part of the product page, the biggest difference between the Web sites is whether to place a custom selection page design. Users look at the habit of the page is divided into two, one is in order to look back, the other is to pick the page to see. Because of the current Electronic business site product screening conditions are relatively rich, users rarely from the back of the product page to the front of the product page to browse or directly to the middle of the product page, if the site does not want to enhance the following product exposure requirements, you can take off the custom page module (note: Taobao should still need this module).

In the case of more product pages, the question of how the user browses to the middle page can be paged out. The solution is divided into two types, one is to place five pages in the middle, on both sides is the start page and the last page, the middle ellipsis, such practices can be referenced in the following image of the Lok Tao pagination design, so that a practice is similar to Taobao, when the design, because there are custom page design, can simplify the front page number, Omit an ellipsis and the page number of the first page. The combination of the two can be seen in the figure of the 1th shop and the van, looks like the elements a bit redundant.

In addition, from the point of view of user-friendly, pagination page number Click area should be larger, anti-example please refer to the following figure of every guest, in every guest you must move the mouse to the number of numbers above can click, tragedy.

Product pagination can be said that the content is not too much, for the time being, first of all, about the electrical business site design articles will be released, welcome attention:

 

Common e-Commerce website product page Description Chart







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.