Supporting Mobile Navigation in Spite of a Hamburger Menu
"Supporting Mobile Navigation in Spite of a Hamburger Menu"
Nielsen Norman Group, August 16, 2015
Mobile & Tablet, Navigation
By Amy Schade
In mobile designs the hamburger menu or three-line icon is a popular tool to address the concern that on a small screen, space for navigation is limited. Placing the navigation behind a menu is a way to keep it available, but out of the way, giving users access to navigation when they need it.
However, the reason the hamburger menu is useful is also the reason it can be harmful to a website’s business goals. When navigation is visible on a page, it is consistently available, giving users not only quick access to the navigation, but also a way to get an at-a-glance overview of what the site has to offer. When that same navigation is hidden behind a hamburger menu or even a Menu label in a mobile design, there is a higher interaction cost to get the same information – the user has to think about navigation, then locate and expose it in order to view it. If a user cannot or does not locate or expose the navigation, interaction on the site becomes limited. The use of a hamburger menu can reduce the likelihood of users moving around the site.
Not every site is able to limit navigational categories to a number that is easily displayed in a visible navigation bar on a mobile device. This means many designs are drawn to using the hamburger menu, despite its potential drawbacks. So what can a site do to help alleviate the potentially negative effect of using a hamburger menu?
One way to minimize the impact of hidden navigation is to make key user tasks easy to do in the absence of navigation. Imagine a user comes to your site and never finds or uses the primary navigation. How many of your site’s key tasks could still be accomplished?
Want the latest in your Inbox from the Nielsen Norman Group? Sign up for their weekly newsletter. Always short insightful and useful. (No they didn’t pay me to say that nor include this link. It’s simply that I find it very useful and informative and want to share it at-large.)
Alertbox E-Mail Newsletter – "The latest articles about interface usability, website design, and UX research from the Nielsen Norman Group. You will receive one brief email every week containing summaries of our latest articles and information about upcoming events and research."