User Experience Detail design reference for the consumer website

Source: Internet
Author: User
Tags empty reference

Recently, when using apple.com/ebay.com/amazon.com/shopping.yahoo.com, I found some small problems with the details of the user. In response to these problems, the web-teaching network experienced the previous four Web site processing methods, Think there is something that can be used for reference.

To deal with the emotional design details of suggestion:

ebay.com

Users can choose to turn off suggestion when they feel they do not want to use suggestion, or that suggestion will cause interference. (suggestion may sometimes sever the user's mind stream and affect the user's mental model)

When the user wants to reuse the suggestion, it is still possible to restore the suggestion function through the button on the right side of the search box. At this point, when the mouse moves over the Restore button, to avoid the user does not understand the meaning of the button will have a tip to show the role of the button.

YAHOO SHOPPING

In the Yahoo shopping orange box, I also found the suggestion can be free to turn off the function.

Summary: on the surface, seemingly these functions are icing on the cake, but from the user's emotional design considerations, these features can also create more confidence for users to boldly try and frequently use the new search features.

The search box contents of one key empty detail processing:

Apple.com

Apple is worthy of a very concerned about the user experience design company, in their website search function details processing, it is evident!

When the user enters the keyword in the search box, the suggestion of the product category appears below the search box, and the button to empty the search keyword appears on the right side of the search box (in the Orange Box).
When the user input keyword error or the original already entered the keyword to delete, search again, all need to use (backspace key). But if you add a "one-key empty" function. Just a little bit with the mouse. It solves the cumbersome operation of repeatedly using the keyboard backspace key. For the user this small detail design, to the user brought great convenience.

The design in the green box in the figure is very ingenious, fully embodies the characteristics of Apple designers. Users will find that there is no fixed button near the search box (for visual beauty and balance), but users can use the ENTER key, or click the green box text chain to achieve the function of the search button, this design satisfies the visual balance , but also meet the needs of the function. It's perfect!.



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.