Website Design User experience: Website search box Design

Source: Internet
Author: User

1, the meaning of the search box
Users are always not the same as you think, users often do not follow the guidance you set to go, they are more often come up on the direct input keyword search. For shoppers, if you know exactly what you want, they will use the search box explicitly, in which case the shopper shows a clear intent to purchase, so the search box can turn that intention into a real buying behavior. Data from Fast search shows that 30% of shoppers use the search box immediately after they enter an E-commerce site, and more than 30% use the search box to navigate without finding the items they need.
If a website does not have a reasonable information architecture, then search engine is not only helpful, but even essential design function. It may be more helpful to the user than the navigation of the site. In fact, search is the most direct and effective way for users to understand content in some comprehensive web site. The best search design is to provide users with a simple search box in a prominent fixed position on the page, but there is a strong ability to search and a wide range of functions.
So, if your site does not have a clear enough information architecture system, then please return your search box to search, do not try to kidnap your search box!

2, the Kidnapped search box


Undeniably, the right side of the background is very beautiful, but I came to search is not to enjoy the pictures, this background I do not know this search and the above channel switch is not clickable (I tried to click on the new version of the line, not fruit). This design has a poor user experience.

What does the search have to do with the message board? What's the logic of putting a button on a message board with the search? It makes me feel bad when I think about the search.

3, the search box back to the search
Give the search box back to the search! Search is search, do not give too much on the back of the search. A search channel, a search input box, a search button This is enough, a little more search box will be unbearable! Of course, you can also make your search box leaner and leaner to just one search box.
Call the search! The location of the search is obvious to the user at the first sight and can be found at any time; the input box should let the user feel it can be entered; The search button should look more like a button; don't put anything irrelevant on the edge of the search button, it should be alone!


This very let me have no language, after the search button to make up a button on it, incredibly also a search button is twice times larger than the button ...


This is probably the most silent search box I've ever seen. I do not know why there are designers will "set the home Page", "collection of this page," such as the function of the pendulum, and is placed on the search box


For this, first vision is completely placed in the 2 "new", "hot" went up, did not think of the point in front of things, do not know why to put these 2 things in the back of the search button, and so long search box is to tell me that your site is difficult to find, need a long keyword?

Now a lot of websites are inclined to make a flash GIF image to highlight certain content, I used to call these things small ants. Some websites make a lot of exaggeration, this small ant long fat is surprisingly, the user's attraction completely put on that fat ant, there is no thought of the fat ants in front of the things, and some sites feel that each column needs to be highlighted so each column has a "new", "Hot", the final result is the entire site looks like an ant nest. Personally feel that to use this gadget to win a good user experience, at least to ensure that 3 points: small, simple, less. Small, do not make me feel abrupt, Jane, can express the meaning of it; I don't know where I want to go.



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.