Navigation Menus: Trends and Examples

Navigation is the most significant element in web design. Since web-layouts don’t have any physical representation a user can stick to, consistent navigation menu is one of the few design elements which provide users with some sense of orientation and guide them through the site. Users should be able to rely on it which is why designers shouldn’t mess around with it.

1. Trend toward “speaking” block navigation

The most significant task a navigation menu has to fulfill is to unambiguously guide the visitors through the different sections of the site. However, often it’s quite hard to communicate the content of a site section within one or two single keywords, particularly if horizontal navigation is in use. That’s why often navigation options aren’t simply listed one after each other using some appropriate keyword (”silent” navigation); instead, designers attempt to concretely explain which options are available and what the visitor should expect from site sections once clicking on corresponding links.

design,ideas,menus,navigation,Design Showcase

design,ideas,menus,navigation,Design Showcase

design,ideas,menus,navigation,Design Showcase

design,ideas,menus,navigation,Design Showcase

To make the perception of information easier, the navigation is often structured by using blocks of the same height and width; large icons are used quite often, but in most cases the decision whether they are appropriate or not depends on the content of the site and the overall layout. “Soft” hover-effects often support the navigation design by making the browsing more pleasant.

design,ideas,menus,navigation,Design Showcase

design,ideas,menus,navigation,Design Showcase

design,ideas,menus,navigation,Design Showcase

design,ideas,menus,navigation,Design Showcase

 

 

design,ideas,menus,navigation,Design Showcase

This navigation scheme can be used not only for the horizontal navigation; it can can be applied to vertical navigation as well.

design,ideas,menus,navigation,Design Showcase

design,ideas,menus,navigation,Design Showcase