What’s the Hamburger for?

Icons are Nothing New

Ancient Egyptians used them to communicate all the time!

Icons have grown in popularity, in website design, since 2014.

So, is this an innovation or fad? In other words, do icons improve usability?

If the don’t add clarity, as no-one knows what the icon means, it serves no purpose.

Skeuomorphism adds Meaning

Icons emailSkeuomorphic design creates meaning, by using something familiar, to represent a more abstract digital function.

For instance, this icon uses a bygone era letter, to represent email.

Adoption of More Abstract Icons

locationIn late 2013, I did some user-testing, to see if people knew what this icon meant.

The location pin, indicating a map link, was still reasonably unfamiliar. Only due to it’s adoption by GoogleMaps and other high profile sites, was it’s meaning quickly understood.

2014’s Major New Abstract Icon

Originally called the navicon, this icon started being used in 2014, when more websites became optimised for phones.

For opening navigation menus, it was renamed ‘the sandwich’, before becoming known as ‘the hamburger’.

Missing the Signpost

hamburger_BM_Berlin_465233pResearch at the time, by James Foster of web publishing company, Exis, showed recognition of the hamburger with website visitors was relatively slow.

This posed a major problem, with visitors ignoring this icon and all content beyond the site’s home page. Bounce rates went sky high!

James Foster’s study of 240,000 unique visitors, replaced an unlabelled ‘hamburger’ icon with the word ‘MENU’. This increased menu link click throughs by 20%. Read more >

menu-iconFor slow adoption, hybrids quickens navigation for those familiar with the icon, whilst the label aids those not yet up to speed.

NOTE: Hamburgers hide signposts, so only use on phones! They make no sense on desktop views or tablets.

2017-04-25T22:23:44+00:00 Mar 26, 2014|Digital Affordance, Fad or Innovation?|