Take a look at this example of a drop-down menu used in the online store of men's cosmetics we developed:
Everything is structured and convenient. By clicking, for example, on hair lotions, the consumer finds himself on a page with products from this group. Thus, the path from the main page to a specific lotion will take only 3 clicks.
7. Dedicated "neighborhood" search box
Search allows you to better navigate the site's content. The best place for it is next to the menu. If the user has not found the information he is interested in in the general menu items, you should be given whatsapp japan number the opportunity to conduct a more detailed search.
This is what we did when creating a website for the Labomet company:
8. Logically justified order of elements
There are some psychological features of information perception. We are most receptive to what is at the beginning and at the end of the information series. Therefore, you should think about the logic of a particular sequence of menu items, especially if there are many of them. It should also be noted here: you can come to the final, most justified version after testing. For example, when redesigning the website of one medical company, we made changes to the menu and removed the search, which no one used. It is important to understand that the menu and search take up such an "expensive" place on the site that you need to treat them like gold.
In some more sophisticated cases, it is even acceptable to place special icons next to certain menu items. For example, on the website of a Russian manufacturer of industrial computers that we developed , it is important for us to draw attention to the catalog and configurator. Accordingly, they are not only placed first in the menu, but also provided with special icons:
That is, when creating a menu for a website, we do not simply title the sections of the site, giving it structure. First of all, we manage the user's attention.
9. Pay close attention to menu design
The site can use both horizontal and vertical menus. The choice depends on the individual situation. In the vast majority of cases, we use the horizontal menu, since it is more familiar to everyone.
When designing a menu, various effects can be used, such as:
slanted menu;
slide effect;
CSS effects on scroll, hover, etc.
However, designer delights should not become an end in themselves. After all, the task of a commercial site is not to arouse admiration with beautiful transitions, but to convey commercial information and motivation for target actions in the most effective way.
In terms of perception, the color scheme of the menu plays a significant role. Our designers always strive to achieve harmony between the beauty and simplicity of the menu. The patterns identified in research on what background the text is better perceived are taken into account. Below we provide the corresponding table:
1. color scheme of the website menu, developed by us for a computer manufacturer ;
2. color scheme of the menu of the web resource created by Marketing UP, an online store of men's cosmetics.
In both cases, colours were used deliberately to ensure maximum ease of perception.
The menu is the beginning of the interaction chain