An Update on the Hamburger Menu (jxnblk.tumblr.com)
over 9 years ago from Matt Achariam, Intent Renderer
over 9 years ago from Matt Achariam, Intent Renderer
The testing mentioned in these articles are really a red herring in some cases. It isn't as much about the hamburger icon (or any icon), as it is about hiding data.
Having a button called "menu" performs poorly when compared to displaying the menu options at the top level. Likewise, the same "menu" button performs poorly vs an icon with young children who are still learning to read.
The common truth: If data is hidden, less people will bother to find it. Children are trained to poke around based on their intuition that something will be there (which is reinforced from past, consequence-free curiosity). Older folks hesitate to explore and tend to still function as if it were the PC era, where clicking on the wrong thing will break the system.
So the lesson of the day: Don't hide important things. Hide things that you're OK with your users missing.
Thirty years from now when the hamburger is commonplace and your grandkids ask what you were doing the revolution- what are you going to tell them?
I generally go for something like this: http://cl.ly/image/2Q2F2J3F2O3b
You're kind of missing the point.
Ahhh the old argumentum ad consequentiam that strikes again the internets.
Use the hamburger, test it, and if doesn't, just analyze if it is the menu icon, the chosen navigation system or the product itself that is overall failing.
Don't skip some choices just because some article on the internet said 3 o 4 websites between trillions use it or not, or worse, they said it didn't worked well. There are many factors to be analyzed to conclude the sucess, like users are accustomed to using a system and suddenly another are. Years ago, I've heard a pseudo UX-guru saying that lazy loading lists never worked and the proof was an A/B test made on Etsy. That things hurt you worse than trying and take your own conclusions.
Don't skip some choices just because some article on the internet said 3 o 4 websites between trillions use it or not...
Precisely. It's fine to read posts like this one (and one should), but it's a huge mistake to apply those conclusions to your site/app as-is. Every project is different and has it's own unique needs. For some, the hamburger menu is great, for others it isn't. Blanket statements calling for the death of the hamburger menu just because Facebook stopped using it are short-sighted.
From the looks of it, the hamburger is going to be a pattern that everyone will understand because designers are willing it to be so. Personally I'm okay with it.
In user testing over the last couple of years, I've seen a definite increase in the number of people that recognize the icon and go straight for it on mobile. Desktop is another story.
Did fb discontinue the hamburger in their ios app? I'm seeing this in the current ios app:
I was about to comment this. What's more—they've adopted not as a button but as an icon representing the menu. If this isn't a signal that it's being adopted into the public consciousness, I don't know what is.
I think Facebook would still be using the hamburger navigation if it wasn't for the native iOS7 edge swipe. The gesture to reveal the navigation from every view is now conflicting with the swipe to back which is consistent all over iOS7.
Remember, there were times nobody knows the switch i/o icon. I think it's a similiar situation. But it takes time to get into main street.
One thing that doesn't seem to be taken into consideration is that every website differs. Like Aaron S. says, the tests are a red herring. They're tested on small websites in a quick conversion context.
To illustrate there are sites like Path and Facebook with their stream, immersive websites for say fashion brands, and information websites like wikipedia or government websites.
His advice (restructure IA for mobile, don't employ new interactions but use tried and true ones, let device manufacturers innovate and standardize interactions) are generalised and presented as best practices and solutions for mobile UX.
I disagree with these three particular points as being best practice for mobile UX.
There are so many factors that play a part in giving the user the optimal mobile interaction. You dumb it down to one option and it will fit some like a glove but be terrible for others. Also plenty of interaction innovation that is now widely used, has originated from UX/web designers, not the manufacturers.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now