Focus on user experience: E-commerce website Empty search design

A kid's shoe in the afternoon. A list of the results of the processing of an e-commerce Web site for empty searches then raises a discussion about empty search processing. Here, empty search refers to: Do not enter any content in the search box, click the Search button directly.

To be sure, the proportion of users who create an empty search should be small, mostly by mistake, and certainly not excluding the seeker to me. But as part of the E-commerce site user experience, this place has to be taken into account.

Let's take a look at the results of the mainstream E-commerce site (there is no need to discuss the return results of the search engine, because it is doing the search, there is no need to push what other content):

Alibaba China Station; pop-up prompt box "Please enter product name", click OK after no response

The pop-up prompt box "Please enter the inquiry content", click OK after the cursor falls in the input box "Enter the content that you are interested in" behind

Youa jump to view all categories page

Taobao jump to view all categories page

A pat; Jump to view all category pages

Excellent; Jump to search results page, tip find 0 search results

Amazon; Refresh page Once

From the results, mainly divided into 4 categories: Pop-up window prompts, jump to the list page, display 0 search results, refresh the page. So, which website design user experience is the most cool?

A few days ago I happened to the site search part of the revision, take the Optimized window form: Pop-up prompts to enter the keyword, the window automatically closed in 3 seconds, after the cursor is moved to the search input box, and the original message in the box is cleared away, the position of the window to control the location of the search box is very close to the position, The goal is not to cause a wide-screen user's long distance mouse raid.

So I began with the tendency to return with this result. The starting point is to give well-meaning reminders of the user's misuse and, at the same time, to make the most possible without burdening the user with an extra burden.

In the shower suddenly feel that this approach is a little inconsistent with the boss often taught me the "product to and operation linked" principle. Should do their best to show the content of the site to my users, while trying to guide them to click to use, then, from this point of view, Taobao, Pat the practice should be reasonable.

Dry body smoked a cigarette, feel that this does not seem to be very well, so find wkcow for a moment, be point awake, in fact, the best user experience design should be Amazon.

First of all, empty search, since it is the user's misoperation will need to give users some reminders, so there is no response to the design is necessarily wrong, because the user saw no move, may think that the site is a problem, this design is the most stupid; second, for pop-up window design users are unwilling to wait for that 3 seconds, Then you have to make sure that you have one. This is more than one interaction, or to increase the burden on users, and in the design to consider the location of pop-up windows, the position of the cursor, the design is in fact very tired and silly; third, the Return list page is designed to push some other content to the user, But in fact the user will not ignore this content, and this result changed the user's original intention, changed the simplest process.

Amazon's design is exactly the most normal process, do not need to interact, do not need to explain, is a simple refresh has told the user a lot of information: Click the Search button, the URL executed the operation, but you entered the blank, I will give you a blank result (here, excellent jump to the search results page, And the tip of the search results for 0 is a very impersonal mechanical implementation of the user operation of the silly design.

The discussion summed up into a sentence to encourage: pay attention to the user experience, you need to reduce the interaction as much as possible, do not add unnecessary burden to users!

Update: After the release of 5G, Old white and white Raven gave 2 more optimized methods;

One: Why do you want to refresh the page? This is not still let a person and machine interaction once, in case of page big this refresh cost how many? Just let him click the input box to make a simple reminder (such as the input box cursor appears, or the color of the input box flashing so small to have so little reaction can), no?

Second: No empty search, the search bar default hot word, the cursor in the past immediately empty, waiting for user input at the same time provide drop-down options.

Who else has a better way? Welcome to explore.