Skip to main content Skip to navigation
Web Communication Navigation

The foundations of clear navigation

An emerging design trend hides a website’s navigation when viewing the desktop version. The menu is activated by clicking on an icon which design insiders call the “hamburger”.

Hamburger menu icon

The hamburger is useful for mobile sites where the screen real estate is small since it hides the navigation until the visitor taps it. However, using it on desktop versions presents usability challenges. This is an example of “just because you can, doesn’t mean you should”.

 

Time magazine home page
Time magazine’s desktop version of the home page. All major sections of the site are hidden behind the hamburger.

 

Time home page with menu
Clicking on the icon causes the navigation to slide out. Once a link is selected, the menu slides back and the main navigation sections are hidden from view once again.

» More …