Infographic: Is it Ever Ok to Use the Desktop Hamburger Icon?
- Wes McDowell
- December 5, 2015
Like it or not, the hamburger (or menu) icon is quickly becoming one of web design’s most ubiquitous trends. Since it has been so widely used over the past five years on mobile sites, it only makes sense that some web designers are testing the limits of how and when it can be used. With near worldwide acceptance and recognition in the mobile space, we must ask ourselves, is it ever ok to use the hamburger icon on desktop sites?
In the infographic below, we explore the issue in-depth to show you when it should be avoided, and a few special cases where using it may actually be beneficial to your conversion rates.
Is it Ever Ok to Use the Desktop Hamburger? – An infographic by the team at The Deep End
Embed this infographic on Your Site: Copy and Paste the Code Below
<img src="http://thedeependdesign.com/wp-content/uploads/2015/12/Hamburger-Icon-Desktop-Infographic.jpg" /> Is it Ever Ok to Use the Desktop Hamburger? - An infographic by <a href="http://thedeependdesign.com"> The Deep End Website Design</a>
- Clean, minimal design: Hiding secondary navigation items can really streamline the overall look and feel of a website
- Eliminates Decision Fatigue: Since providing too many options leads to users often making no deciion at all, it makes sense to pare down the distractions, and highlight the main actions you want them to take.
- Lets your CTA Stand Out: Using a hamburger icon alongside a stand-alone CTA button, it allows it to stand out amongst the other options.
- 81% of users 18-44 are very familiar with the meaning of the hamburger icon, which is good, but not great.
- Creates an Extra Click: Generally speaking, making users jump through any extra hoops to find content is not a good user experience.
- Decreased Discoverability: If your site relies on any kind of bonus content that users may not be looking for, hiding it behind a menu icon seriously limits how many eyeballs will actually see it.
- Only 52% of users over 45 understand the intended meaning behind the hamburger icon.
When it’s ok, (or even beneficial) to use the hamburger icon:
- When paired with a label
- On smaller sites with thin content
- When paired with a freestanding CTA
- When it is obviously clickable (Styled as a button)
When you should avoid using it
- On sites with an older audience
- Larger sites with lots of pages
- On sites with unexpected content
- How to Know Which Mobile Messaging Channel to Use in Any Situation
- Infographic: 2017 Web Design & UX Trends to Boost Conversions
- How the Mannequin Challenge Can Help Your Marketing This Holiday Season
- How Your Local Business Can Benefit From the Pokemon Go Craze
- Infographic: 5 Ways Your Website is Losing You Customers (and 5 Easy Fixes)
- Video: 5 Questions Your Web Designer Should Be Asking You (and why it matters)
- 4 Ways to Get Website Traffic Through Facebook
- Video: Where is Your Website’s Content Coming From?
- Video: 1 Single Tip to Writing Web Copy That Sells
- Video: How to Use Your Website to Build Your Email List (and why you should)