To hamburger menu or not? Web publishers’ new addiction to hiding navigation
The world of modern publishing means making critical decisions on things like hamburgers. At a time when publishers have gotten design religion, the so-called “hamburger menu,” which appears as three parallel lines and hides section navigation, has emerged as a divisive tactic. It is heralded by some as modern, mobile and minimalist. Others deride it is as the latest flavor of the month, thoughtlessly deployed by copycat publishers desperate for a whiff of digital cred.
Slate, Quartz, Upworthy, Time and NBCNews all use some variation of the hamburger, where scrolling over it reveals supplementary pop-down links and site maps to more content. The menu’s popularity has risen in lockstep with mobile adoption, which has forced publishers to design sites that scale for a wide variety of screen sizes while taking up a minimum of real estate. It also serves to de-clutter the tops of Web pages, which have often been a riot of section links and various other digital doodads.
“We knew that people are coming into the site through desktop at one point and mobile at another,” said Dan Check, vp of tech at Slate, which added the hamburger menu with its redesign in September. “We wanted to make sure that there was some sort of consistent navigation experience between the two.”
But it comes with a tradeoff. Many user experience experts are not fans of the hamburger. To many, it smacks of design by committee, reminiscent of the content carousels that force readers to chase after content. “It makes absolutely no sense to me from a UI or UX perspective, if your menu really needs to be so insanely large that you can’t display it nicely without hiding it behind a click of a fairly nondescript icon, you should probably be having a closer look at your content strategy,” designer Ben Garratt wrote a year ago.
Users are often baffled by it. James Foster, a software designer at Exis Web, tested the hamburger menu and found that it was clicked 20 percent less than a simple “Menu” button. His findings support those of user experience research firm NNGroup, which found that users are still unfamiliar with the new icon.
Publishers tend to be aware of the problem. NBCNews.com adds a “menu” underneath to its hamburger icon. Time, which added the menu alongside its redesign in March, also presents new readers with a message (dubbed “hamburger helper”) that explains what the menu icon means. Sites like Upworthy, Slate, and Quartz, in contrast, don’t add the extra detail at all.
“That’s when you know you’ve done something wrong — when you have to explain it,” said Kevin Kearney, CEO of Hard Candy Shell, which has blacklisted the hamburger menu in its own designs.
But if the hamburger menu is so unintuitive to readers right now, why do so many publishers insist on using it?
Dan Maccarone, CEO of Charming Robot, argued that the problem, at its core, is a lack of imagination. Publishers are adding the hamburger menu because other sites have added it, not because there’s a lot of data to support its efficacy, he said. What works for Upworthy, for example, might not work for Time, which has an older readership that might be even less familiar with what the hamburger icon means.
“People are copying things that haven’t even been validated by the companies they are copying,” added Kearney.
But Daniel Bernard, Time.com head of product, pushes back against that assessment. While readers are still adjusting to its hamburger menu design, they’ll catch on soon enough. “One of the things we were trying to accomplish with this redesign was to think about the future and where people are going,” he said. “We felt confident that they would get there and that we could be one of the sites that helped them.”
While some of this sounds like the typical interface designer squabble, it can also have real, practical effects on publishers’ bottom lines. Design decisions that confuse readers too much will drive them away, decimating traffic. And publishers are rarely ever looking for smaller audiences.
And it’s not like every publisher is coming into this blindly. Dan Check, VP of Technology at Slate, said that the site uses the menu to segment the casual readers from the repeat ones. So-called “power users,” who are looking for specific content, will click over, the thinking goes, while those who don’t will just scroll through the main feed.
Zach Seward, senior editor at Quartz, said that the site put a lot of thought into implementing the hamburger menu, which, he said, users are increasingly expecting to see at the top of sites. Even still, he, like others, is taking a deliberate, watchful approach.
“Should it say ‘menu’ in addition or instead?” he asked. “We think about all of that and will undoubtedly test those things as we continually redesign the site.”
Photo: Flickr/Daniel Oines
Member ExclusiveMedia Briefing: What publishers should watch for when meeting with blockchain vendors
In this week's Media Briefing, media editor Kayleigh Barber explores the primary questions publishers should be asking when evaluating potential blockchain partners.
‘Push back with brilliance’: Jared Belsky explains Acadia’s approach to acquiring other agencies and recruiting clients
Digital agency Acadia is focused squarely on winning mid-sized clients that the holding companies usually pass over or don’t treat seriously enough.
Amid video growing pains, Amazon Live struggles to attract publishers
Amazon wants publishers to drive their audiences toward the ecommerce platform's shoppable videos. Many are skeptical.
SponsoredHow advertisers are shifting mindsets to succeed amid iOS 15 and other identity challenges
On top of the impending cookie deprecation, Apple’s recent iOS 15 changes are causing concern for many advertisers by affecting pixels, IP addresses and email addresses. While these upcoming changes may be concerning for many, shifting mindsets and getting away from a binary way of thinking with solutions being 100% contextual or 100% universal IDs […]
Architectural Digest will publish its first global print issue as part of revamped international rollout strategy
As Condé Nast shifts to a consolidated global content strategy, editorial teams around the world are working more closely at AD to coordinate the publication of feature stories, videos and new franchises.
‘It requires more scrappy thinking’: How cannabis brand Charlotte’s Web approaches media buying and execution
The cannabis industry continues to morph into a legitimate and possibly lucrative vertical for media agencies to pursue, as cannabis brands raise their marketing game to new heights.