Web2.0 e-commerce website user Experience Design

Source: Internet
Author: User

[copyright notice]: Copyright belongs to author Alite all, reprint article please indicate author and article Origin: http://alite.aliued.cn

muttering:

Every time writing an article is often the most difficult to start, always want to give ued readers different sense. Just as we design products always want to cater to our users, and finally feel like a fool running after the user. We hope that by educating our users to try some fresh play should, it is hard to say whether the user will pay. Moving from one extreme to the other is obviously unscientific. Users must listen to the needs, but to have the identification of listening. A good design user is always willing to pay for it, poor design users will let us pay for him.

Category selection:

Here I first from the E-commerce site of the more important categories of choice to talk about, what kind of design users will be willing to take out the wallet to pay the design bill?

ebay.com

ebay's List search results page category selection as shown in the figure.

From the design of ebay's style look, foreign users prefer to put the category to the left-most position, and in the list page category selection or can be folded. According to the latest Yahoo report: Users may click on the left side less than the above, but they feel that this prompted more clicks on results and pages, and did not affect the ads. Nor does it require the user to scroll before looking at the results ...
In view of the above characteristics I designed the search results after the list page of a hidden advertising way, in providing navigation for users at the same time, but also targeted to provide users with a number of recommended hot merchandise information. As shown in the figure.

When users enter MP3 in the Home search box, click the Search button to enter the list search results page, will see the left side for the MP3 related categories of choice, the right for the search offer results page.
The above figure gives several kinds of state of class purpose (the mouse passes, the mouse moves away, after the mouse clicks), lets the user easily choose oneself needs product class target. At the same time, to provide users with a high degree of implicit information products, users can improve the use of class purpose viscosity. When customers choose to buy items in supermarkets, they will be based on the location of the store to find the products they need. So the simpler it is to suggest that the choice of the category will be more convenient for the user to find the product. Therefore, a set of rules for the selection of the class of the scheme:

    1. The white box represents the category of the item not selected;
    2. The blue box represents the selected category;
    3. White box contains a check on behalf of the mouse is not necessarily selected category, the mouse click will become blue box selected state, other if the selected state will be canceled;
    4. The blue box contains a fork to the mouse after the selected category, the mouse click will become white box discard the state, the page refresh restored to the original state was not selected.



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.