Contents
The hamburger menu placement on the screen is the exact same as the default for the back button: the top left corner. When both icons are needed, you’ll either have to squeeze both of them in next to each other, or sacrifice some usability by deleting one.
What do you call the hamburger icon?
The hamburger button, so named for its unintentional resemblance to a hamburger, is a button typically placed in a top corner of a graphical user interface. The icon which is associated with this widget, consisting of three horizontal bars, is also known as the collapsed menu icon.
Which is the right side of the hamburger menu?
Possibly it depends on other factors such as the size of the tap zones, visual distinction between functions etc. Generally though, I would argue for having the hamburger icon on the right hand side. The top left seems like a natural position for the Back / Home buttons.
Where is the hamburger button on the screen?
The hamburger menu placement on the screen is the exact same as the default for the back button: the top left corner. When both icons are needed, you’ll either have to squeeze both of them in next to each other, or sacrifice some usability by deleting one.
MSN News app has a search bar at the top and hamburger on the right. Amazon app has a search bar with the hamburger on the left. As long at it’s at the top of the screen on one side or the other, that’s the most important thing. On iPhones, “Back” navigation usually occurs through the top left corner.
My conclusion after reading about UI structure in Google Material Guidelines is on the Left: Icons on the right side of the app bar are app-related actions. The menu icon opens the overflow menu, which contains secondary actions and menu items like help, settings, and feedback.