UX experts push back against "Hamburger" menus, suggest Tabs
Edited to provide more links and quotes.
"A similar fate befell the Zeebox app when they transitioned from a tab row for navigating between the major sections of their application to a navigation drawer menu. Critical parts of the app were now out of sight and thereby out of mind. As a result, engagement fell drastically."
"When critical parts of an application are made more visible, usage of them can increase. Facebook found that not only did engagement go up when they moved from a “hamburger” menu to a bottom tab bar in their iOS app, but several other important metrics went up as well."
"...Instead of using these iOS patterns, simply display the navigation in the website header as a list... As long as it’s evident as website navigation, people will still scroll past it and will definitely be immediately exposed to the available options."
"Our own test showed that the word MENU helps + using a color to make it stand out from the noise can help."
Codin - Codesmite8,588 Points
There is nothing wrong with hamburger menus, it is completely subject to your target market of your app/website. If your target market is not going to understand what a hamburger menu is for, you have three options in my opinion:
Change the button to something more easily understood by everyone (For example a button that says Menu)
Have instructions / Gestures to explain what the button does (in the similiar way that you would gesture how to swipe a parralax website).
Use a different form of navigation.
Listing your navigation before your content is just going to cause poor userability and increase bounce/exit rate on your website because the users have to scroll away from the navigation to find the content. Taking the extra time to redesign or make a hamburger bar more user friendly for target markets that do not understand its use is far more effective then just filling your page with navigation and loosing all your conversions.
In my opinon if a user needs the navigation bar on your landing page and there isn't seperate call to action buttons to direct the users where they need to go or where you want them to go, the design is completely failing already anyway.
Jeff Lemay14,260 Points
Yes, there are some issues with hamburger menus not being recognized, but you definitely do not want to just list out all the nav items on mobile. Except for 3 or 4 main pages/sections which you can show as tabs at the top of the page, you should hide the nav behind some sort of button (one that says "MENU" is a decent option). Don't make the user scroll past a nav list on each page they visit, that's a terrible user experience.
Miguel Palau24,175 Points
Great read thank you very much for the links I've read some of that stuff and decided to give it a try.
I made this site-mockup for a fake technology company here I tried flexbox, video backgrounds and my own take on responsive hamburguer menu. Please view on mobile or resize to try it out and tell me your thoughts :)
Rachael PortocarreroUX Design Techdegree Student 7,817 Points
The hamburger icon is a hot topic among designers (as you can see on this thread.)
I do believe that is a necessary evil, but agree I was disappointed that it wasn't addressed in more depth in the videos.
Humans are bad at remembering things if we don't see them. That's why the fruit in the fridge goes to waste but if you leave it within sight you eat it (or have a higher chance of eating it.)We forget where we put things/where things are all the time.
That's why solving the navigation issue without the use of a hamburger is preferred. It should not be used as a "go to" crutch for a navigation.
Great article by Smashing Mag here:https://www.smashingmagazine.com/2017/04/overview-responsive-navigation-patterns/