User Experience Design Example: Web search Design

Source: Internet
Author: User

Article Description: Interactive Design Details--search.

A word of recommendation

Questions about where to put the recommended keywords:

Recommended words in the box: It is generally believed that the following better, from the layout of aesthetic considerations, from the impact of the user and the degree of interference to consider;

The recommendation word is on the box: Sometimes the search box will put categories and so on tab, recommended keywords easy to be considered for classification, but specifically put on the above to the user to bring the degree of interference, will make a lot of users are very annoying, I think to search the user generally more purposeful, will subconsciously automatically filter out their unwanted content, At this point the user is very difficult to be disturbed, can rest assured on the search box above, but may like refreshing some or a neat and tidy users prefer not to put anything.

(Figure for Thunder to see official website, http://www.xunlei.com/)

(Map for Taobao home Search, http://www.taobao.com/)

(Pictured is Gome Online mall, http://www.gome.com.cn/)

The recommended words are placed after the search box: The interference is minimal, and the lateral spatial extensibility is poor;

(pictured Zhongguancun, http://www.zol.com.cn/)

About the number of keywords: it is generally believed that not too long, preferably not longer than the length of the input box, the number of 5--9 between.

Two text inside the box

Suggest putting some meaningful text,

Hint text: For example, directly tell the user what can be entered to boot, the tone is friendly, the text is short and clear; otherwise the user will think that your search box can search things, but the actual input of some content is not found results, and then users will be very annoyed, feel that your search do not do;

(Picture for beautiful say home, http://www.meilishuo.com/)

Recommend content, retain browsing users;

(Figure for Thunder see Movie Channel, http://movie.xunlei.com/)

Just put some polite remarks like ' What do you need to find? ' Can add a bit of website kind, see more of feel ' hypocritical '.

(Picture is Taobao Shop Street, http://jie.taobao.com/)

[1] [2] [3] Next page



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.