Web Interaction Design: Dropdown box and search input box two or three things

Source: Internet
Author: User
Keywords Three things Box group

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

The Drop-down box and search input box combination is one of the standard pages commonly used, is a string of independent pages of a link. The combination of dropdown box and search input box more appear in the industry more strong web site or a variety of back-office systems, and will be in the important position of its page display, so that users can easily find the entrance to find products. Regardless of its industry content, the combo order of the Drop-down box and search input box and the internal order of each of its separate Drop-down boxes are crucial for quickly and accurately locating what the user wants to find, while also manipulating the user's number of operations and thinking times.

In the case of a simple stand-alone Drop-down box, the options are different, and the user's eye movements and mouse movements and clicks will also have a greater impact. Let's take a look at diagram A-a simple example:

  

Figure A

This is a partial form of advertising in the background of the company's advertising. Department "'s Choice has" research center, Home Improvement Channel, advertisement Center "and so on 14 options, when the designer chooses, if chooses" the advertisement Center ", then wants to click the Drop-down box, then browses to the 9th click the choice.

But through the statistics, more than 80% of the work list is issued by the advertising center, if we set the "Ad center" as the default, and the rest of the content in the same order, then in this dropdown box, the designer will reduce the operation of 80%, but also reduce the number of operating errors (too many Drop-down options, high error rate).

The user experience optimization for a single Drop-down box is relatively simple, and the combination of multiple Drop-down boxes and search input boxes significantly increases the complexity of the optimization. If multiple Drop-down boxes have different order of options before and after, it may cause users to drop down clicks and think times differently. Also, the location of the search input box and Drop-down box varies depending on the situation. Let's take a look at Figure B, some of the main portals to search for new houses:

  

Figure B

The contents of each Drop-down box are mainly "area + property type + Average price". The order of the three is basically determined by the user's search mentality of the new house and some logical relationships within it.

Three portal sites will be "the genus" in the first, which is in line with the user search for new house psychology, buy new house is the first condition is a lot, at the same time the location determines the average price of the approximate interval. Two portal sites will "property type" in the second, "property type" The term is more around, in fact, residential office shops and other classifications. Finally, the "price" has been determined by the district of its approximate range, the individual thought put in the end is reasonable. The individual has a question: Can the "property type" and "district genus" be replaced? Please give professional advice ~

At the same time, there are two ways to order three portal Drop-down boxes and search input boxes, one to put the search input box after the Drop-down box, and the other to search the input box before the Drop-down box. Dropdown box is generally a site planning to locate a variety of areas to guide users to search for products, and search input box is to allow users to enter the Product keyword input search. Is it first to let the user take the initiative or to guide the user first? This is the site planning must consider the problem, this is to be based on the user's familiarity with the product and its own demand for products decided.

Therefore, in the planning of the dropdown box and search input box combination module, for the user's investigation is essential, in order to master the needs of users, users need to screen, analysis, summary, the best mode to combine the Drop-down box and search the input box module.

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.