What are we calling the 3 lines button in mobile apps?
This button is appearing in many mobile apps and has the function of displaying off-screen menus, whether from the top of the screen or the side.
When writing tutorials for example, what is a logical name for this button?
- "Tap the menu button"
- "Tap the menu expand button"
- "Tap the menu icon"
Of course, in an ideal world there would need to need to explain what buttons do, but telling folks to tap on "the gear icon" for instance has never proven problematic so far.
The catch with that icon is that it's a bit similar to the 'drag and drop' indicator of a 'grippy' texture.
Just call it 'the menu'. "tap on the menu to expand it". Users are going to abstract the name away at some point anyway so why not beat them to it.
See this answer against a very related post - http://ux.stackexchange.com/questions/32877/what-is-this-side-menu-called-that-can-be-found-in-many-multi-touch-apps-and-wh/32879#32879
**Navicon** Smashing Magazine covered a comprehensive article on this http://mobile.smashingmagazine.com/2012/10/08/the-semantic-responsive-design-navicon/
The problem with calling it "Menu" is that, it's used all differently. Some use it as a way to indicate responsive layout, some use it to hide sidebar menu. I personally like Hamburger icon, as shown in JonW's link above.
It looks absolutely nothing like a hamburger, so that is a poor choice of name. When I first saw it in the upper right corner of Chrome, I thought it was a ventilation grille. I had no idea that it could be clicked. It turned red once, and I thought, "Uh Oh! Chrome is overheating!"
I'd name it after what it does. If it looks like a button and it opens the menu, I'd call it the Menu Button.
In my personal opinion, I think you're probably pretty safe leaving it at that; thanks to apps like Facebook, I'd wager that most smartphone users already are used to seeing that icon on a regular basis. Your mileage may vary based on your target demographic, though.
I propose the name:
3 lines button.
in all seriousness, I have never actually heard a proper term for this. Most things I have seen tend to allude to the button as a menu button.
The official name on Android is the List Icon, but I've also heard it referred to as the "menu slider" or "panel slider" icon.
Strictly speaking, on iOS it is the icon to show that you can grab something, but that is not how it is used in this sense. Apple just haven't caught up yet.