10 Websites That Label Their Hamburgers (Menus)

It's a given - your mobile website or app needs the ability for visitors to navigate through all of its features.  Based on the latest design trends, you are highly likely to use the three line "hamburger" menu. Not only does this icon use little space, but since so many other mobile properties use this icon, everyone will instantly know that pressing it should bring up a menu, right?

Many user experience professionals recommend labeling the three lines with the word "MENU" or "SHOP" or "CATEGORIES" or something else to explicitly state what pressing the icon performs. Does labeling the icon matter?

Welcome to the Atlanta HTML5 User Group Members!

For those at the Atlanta HTML5 User Group meeting (4/5/2016), welcome! Here is a link to the Responsive Design and Development "Gotchas" slide deck, also referenced later in this blog:

 

https://speakerdeck.com/andrewmalek/responsive-design-and-development-gotchas

"When the Developer Must Design" Slides

Slides to my CodeStock and DevNexus 2016 talk - When the Developer Must Design - are now up at Speaker Deck!

• When the Developer Must Design slides

Websites Referenced: When the Developer Must Design

Websites referenced in my CodeStock and DevNexus 2016 talk - When the Developer Must Design - are listed below. 

CodeStock 2016 - July 16, 2016 - 10:20 am
DevNexus 2016 - February 17, 2016, 10:30 am

Andrew Malek
https://twitter.com/@malekontheweb
http://www.malektips.com/

Invisible Design:

• Nobody Wants To Use Your Product
  https://www.smashingmagazine.com/2016/01/nobody-wants-use-your-product/
• Great Designs Should Be Experienced and Not Seen
  https://articles.uie.com/experiencedesign/
• 10 Reasons Why the Best Design Is Invisible
  http://designshack.net/articles/graphics/10-reasons-why-the-best-design-is-invisible/

Too Many Fonts...

An example of why too many fonts can be confusing - a re-imagined* Spotify on iOS.

 

Don't think this is so bad? Check out this quote and article from Nigel French at Adobe Create Magazine:

"A good principle to live by, whether you’re new to typography or a seasoned pro, is to keep it simple. Or to put it another way, don’t use too many fonts. Just as mixing too many colors on your palette will likely result in mud, mixing too many fonts on a page will probably result in a confused message."

* - for demonstration purposes only - not the original app's choice of fonts!