B2C website user experience detail design reference

Recently, when using Apple.com/Ebay.com/Amazon.com/shopping.yahoo.com, I found some minor problems with user details. To solve these problems, 123WORDPRESS.COM tried the processing methods of the above four websites and felt that there were still things that could be learned.

Emotional design details for suggestion:

EBAY.COM

When a user does not want to use a suggestion, or thinks that a suggestion will interfere with him, he can choose to turn off the suggestion. (Suggestions may sometimes cut off the user's flow and affect the user's mental model)

When the user wants to use suggestion again, he can still restore suggestion function by clicking the button on the right side of the search box. At this time, when the mouse moves over the restore button, a TIP will be displayed to show the function of the button to prevent the user from not understanding the meaning of the button.

YAHOO SHOPPING

In the orange box of YAHOO SHOPPING, I also found the suggestion function which can be turned off freely.

Summary: On the surface, these features seem to be icing on the cake, but from the perspective of user emotional design, these features can also build more confidence for users to boldly try and frequently use new search features.

One-click clearing of search box content details:

APPLE.COM

Apple is indeed a company that pays great attention to user experience design, which can be seen in the details of the search function on their official website!

When the user enters keywords in the search box, product category suggestions will appear below the search box, and a button to clear the search keywords will appear on the right side of the search box (in the orange box in the picture).
When users make mistakes when entering keywords or delete the keywords they have entered, they have to use the backspace key when searching again. But if the "one-click clear" function is added, the tedious operation of repeatedly using the keyboard backspace key can be solved with just a click of the mouse. This small detail design brings great convenience to users.

The design in the green box in the picture is very clever, fully reflecting the characteristics of Apple designers. Users will find that there is no confirmation button near the search box (for visual beauty and balance), but users can use the Enter key or click the text link in the green box to achieve the function of the search button. This design not only satisfies the visual balance, but also meets the functional needs. It's perfect!