Graphics

Published on August 4th, 2016 | by Guest

0

Is it appropriate to use the desktop Hamburger icon? [Infographic]

It’s called a hamburger icon, the little button made of three stacked lines commonly found in the top corner of mobile websites. Consumers have become used to clicking on the symbol to bring up a site’s menu on their mobile devices, leading web designers to consider using them on desktop sites, too.

This infographic by The Deep End Web Design will help you understand when to avoid use of a hamburger icon and some instances of when using it may actually improve your conversion rates.

Hamburger-Icon-Desktop-Infographic

PROS:

  • You have probably noticed on mobile sites that hiding the secondary navigation items results in a clean, minimal design. It streamlines access from the page and can enhance the overall look and feel of the website.
  • Of users 18-44, 81% are very familiar with the hamburger icon and how to use it. That may seem good, but read on… older users are not as familiar with the symbol or its function.
  • A great advantage of the hamburger icon is that it leaves you space on the page to focus on your call to action. A great technique is to use the hamburger icon next to a standalone CTA button.
  • If there are too many choices on the page your visitors may be confused. Using the hamburger icon to bring up a simple menu allows you to highlight choices for them.

CONS:

  • Of consumers over 45, only 52 percent are familiar with the hamburger icon and its function.
  • It’s not necessarily a good idea for your users to have to click to bring up the navigation and then again to find content.
  • It may not be as easy for users to see content on your site that they’re not specifically seeking. This will limit how many eyeballs will actually see what you offer.
Like this post? Share with your friends.
Share on Facebook0Tweet about this on TwitterShare on Google+0Share on LinkedIn0Share on Reddit0Share on Tumblr0Share on VKEmail this to someone

Tags: , , , , ,


About the Author

Guest

Contribution of guest authors towards Techno FAQ blog



Leave a Reply

Your email address will not be published. Required fields are marked *

Back to Top ↑
  • Software We Love

  • Latest posts

  • Advertisement

  • Browse by category

  • Recent comments

  • Advertisement

  • Subscribe to updates

    You can get the latest posts from Techno FAQ delivered to you via Email or RSS.

    Enter your email address:

  • Subscribe to our RSS feed
  • Forum activity

  • Find us on Facebook

  • Latest tweets

  • Support us

    If you find our content useful, you can support our activities by making a small donation.

    Bitcoin: 1DFnqnZUvMaYwhZxNGNbKLux7kKszZvqas

    Ethereum: 0x00D4e92Cf66a13B3479Bb6Efc1da9620D69F7a0B

    PayPal (except India):

    Instamojo ( payments):

  • Advertisement