Jxnblk Writing

An Update on the Hamburger Menu

Saturday, April 12, 2014

About a year ago, I wrote Hamburgers & Basements: Why Not to Use Left Nav Flyouts.

Since then, a few things have happened.

  1. Facebook has discontinued using the hamburger menu in their iOS app.
  2. A few desktop websites have replaced their persistent navigation with the hamburger menu – who knows if they're actually testing it or how they're interpreting the results.
  3. Time Magazine decided to use it:

"No one understands the icon, let's add the word menu. The word is too small, let's add a pop-up calling it out." pic.twitter.com/Jargi7gavX

— Luke Wroblewski (@lukew) March 11, 2014

  1. Personally, I think user testing the hamburger menu is good enough, but these guys A/B tested it: UX designers: Side drawer navigation could be costing you half your user engagement
  2. This guy tested it twice: Mobile Menu AB Tested: Hamburger Not the Best Choice? and Hamburger vs Menu: The Final AB Test
  3. This guy also wrote about it: The Hamburger is Bad for You

Despite all of this, I still haven't seen any evidence suggesting that the hamburger menu is an improvement.

Patterns

Basically it comes down to interface design patterns. Patterns rely on familiarity and emerge slowly over time. Most of the ones we use on the web today have been around for many years.

Users have plenty of new things to learn without adding contrived navigation patterns into the mix. Let's stop trying to innovate device-specific interactions and leave it to the device manufacturers.

Let's focus on the real problems

Product design requires solving many more difficult problems. For example:

Personally, I'd much rather be designing and testing solutions for problems like these.

Cross posted at

Questions, Comments, Suggestions? Open an Issue