Website interaction design: two or three things in the drop-down box and search input box

 

 

The combination of drop-down boxes and search input boxes is one of the common standard pages, and is a link for connecting independent pages. The combination of the drop-down box and search input box is mostly for websites with strong industry or various background systems, and will be displayed in important locations on their pages, so that users can easily find the product portal. Regardless of the industry content, the combination sequence of the drop-down box and the search input box and the internal sequence of each independent drop-down box play a vital role in quickly and accurately locating the content the user wants to search, at the same time, it also determines the user's operation count and the number of thoughts.

In a simple independent drop-down box, the option sequence is different, which also has a great impact on the user's eye movement, mouse movement, and the number of clicks. Let's take A look at figure A-A simple example:

　　

Figure

This is a part of the form about advertising in the company's advertising background. The "department" has 14 options, including "Research Center, home decoration channel, and advertisement center, to select the "advertising center", click the drop-down box, browse to 9th, and then click Select.

However, according to statistics, more than 80% of work orders are issued by the Advertising center. If we set the "advertising Center" as the default option and the order of other content remains unchanged, in this drop-down box operation, designers will reduce the operation volume by 80%, and reduce more operation errors (too many drop-down options and high loss rate ).

The user experience Optimization for a single drop-down box is relatively simple. The combination of multiple drop-down boxes and search input boxes significantly increases the complexity of the optimization. If the order of the options before and after multiple drop-down boxes is different, the number of user drop-down operations and the number of thoughts may be different. In addition, the locations of the search input box and drop-down box vary according to various situations. Let's take a look at Figure B. Examples of searching for new houses through several portals:

　　

Figure B

The content of each drop-down box mainly includes "area ownership + property type + average price ". The order of the three is basically determined by the user's search psychology for the new house and some of its internal logical relationships.

All the three portal websites put the "area owner" in the first place. This is in line with the user's Psychology of searching for a new house. The primary condition for purchasing a new house is the location, and the location determines the approximate range of the average price. The two portal websites put "property type" in the second place. The term "property type" is actually classified as residential office buildings and shops. Finally, the "price" is determined by the region owner. I personally think it is reasonable to put it at the end. I have a question: Can I change the location of the "property type" and "region? Please give us your professional advice ~

In addition, there are two types of portals: drop-down boxes and search input boxes. One is to put the search input box after the drop-down box, and the other is to put the search input box before the drop-down box. The drop-down box is generally used for Website planning and positioning to guide users to search for products. The search input box allows users to enter product keywords for search. Is it true to allow the user to take the initiative or guide the user first? This is a question that must be considered in Website planning. It depends on the user's familiarity with the product and their own requirements for the product.

Therefore, when planning the drop-down box and search input box combination modules, user surveys are essential. In this way, you can master user requirements and filter, analyze, and summarize user requirements, combine the drop-down box and search input box modules in the best mode.