Main types of website menu + examples

[subornaakter20]

Horizontal

The most common option, and there are good reasons for that. A horizontal menu for a website is the easiest way to inform the user about the content of the resource pages.

Main types of website menu + examples

Source: shutterstock.com

This is the most common arrangement of art director email list navigation elements. It does not cause problems when finding the desired section and demonstrates the webmaster's care for visitors.

For sites with an expanded structure, horizontal placement is considered the best solution.

Vertical

An alternative to the most common option is a vertical menu for the site, which is placed along the left edge of the screen.

The arrangement of the resource section titles from top to bottom is no less convenient, especially for blogs, where the main part of the page is occupied by photos and text.

The vertical or side menu for a website is demanding in terms of the length of the elements included in it: preference should be given to short names so that the list does not look too wide.

Fixed Header

A site menu header that appears unchanged on any page is an optimal choice for long-scrolling resources containing lengthy articles.

This list of items is available to the user at all times, in each section viewed.

Adding contact information and a logo to the fixed header will make navigation even more convenient for visitors.

"Floating"

The “floating” menu, which users encounter more and more often, has similar properties.

The convenience of access to resource pages from any place on the site has already been appreciated by users of sites with this type of menu. The names of sections do not move when scrolling and always remain before your eyes.

Icons

Icons, instead of words or in combination with them, are a good way to convey information to website visitors.

Main types of website menu + examples

Source: shutterstock.com

By using graphic symbols that are understandable to everyone, the creators achieve the effect of novelty and unusualness, take an unconventional approach to design and simplify interaction with visitors to the resource.

Of course, there is a risk that not everyone will be able to correctly decipher the meaning of the icons, so this method is best used on thematic sites for advanced Internet users.

Bottom menu of the site

For those who are not afraid of experiments and are ready to take bold steps to attract attention to their project, there is an unexpected solution - to place a list of items at the bottom.

For sites where the main page is designed with a background photo, this is the best option, since it does not interfere with the perception of the image.

To ensure that visitors do not have difficulty finding section titles, it is necessary to think about the visual highlighting of this block.