Questions tagged [hamburger]
An icon consisting of three stacked lines (usually in the upper left or upper right corner of an interface) which, when clicked, reveals navigation or other hidden elements.
44
questions
0
votes
1
answer
42
views
How to make an accessible RWD multi-level main navigation without hamburger menu?
I am currently working on a project to redesign a website for a large government organization. Therefore, meeting WCAG Level AA criteria is essential.
I make it a point to use fewer labels on the main ...
- 3
1
vote
2
answers
321
views
Burger menu with dark mode for responsive web
I am trying to make a website with light and dark modes. On small screens I am using a hamburger menu. When I click outside the hamburger menu it closes, to indicate it I change the opacity and in the ...
- 121
0
votes
3
answers
215
views
Hamburger Menu and Nav Links combination [closed]
In tablet sizes, Is it a good practice to have a hamburger menu and a few of the most important nav links stay outside of the hamburger?
Or is it more customary to have just nav links or just ...
0
votes
1
answer
102
views
Saving the user's position in the nav
We have a client for whom we assist in maintaining/designing their web based application. Their system is very robust, it's a matrix I can't even understand. Because of the multitude of entry points,...
- 177
1
vote
2
answers
647
views
How to achieve quick navigation, for scrollable horizontal tabs on Android mobile devices
Problem
Labels is quite a common feature, in note taking app, for categorizing notes.
Most of the note taking app in the markets, will place labels selection in hamburger navigation bar. For ...
- 1,585
2
votes
2
answers
226
views
Why do most Android applications place the navigation bar icon (hamburger menu icon) inside the search bar?
Apps like Play store and several other do this. They seem deeply flawed in their design. Since the hamburger menu has nothing to do with search, why is it designed in such a way?
0
votes
2
answers
2k
views
If the hamburger menu is bad UX why do Google still use it [closed]
A lot of Google's applications make use of the hamburger menu, including the FABs without descriptive text for the icons.
Why do they still keep at it since most UX researches/analytics have proved ...
- 361
50
votes
5
answers
92k
views
What the difference between the 2 menu icons: 3-dots (kebab) and 3-lines (hamburger)
What the difference (if there is any...) between these 2 menu icons?
1) 3 lines (a.k.a burger icon)
2) 3 dots (a.k.a kebab icon)
- 749
22
votes
5
answers
10k
views
Alternative to hamburger menu? UI example inside
I'm designing an app that has a lot of secondary functionality (it needs to be there), such as "Video guides", "About", "FAQ", "Connection Guide" etc.
Previously, we had a tab bar with 3 tabs (Home, ...
- 221
0
votes
1
answer
133
views
Should the hamburguer button have the same color as links?
For consistency and to make users recognize quickly clickable links/buttons, "the color of a button should depend on its state and its purpose"*.
In the case of the hamburguer button it does not ...
- 103
3
votes
3
answers
574
views
hamburger menu vs alternatives for sites
In his article Zoltan Kollin provides several alternatives to hamburger menus. Removing app solutions we're left with:
More
Show primary options, hide others under "more".
Progressively ...
- 1,721
4
votes
3
answers
2k
views
Floating Burger vs Bottom Navigation for Mobile Web
We have a menu of 5 options and we want to decide whether to use a floating burger or a bottom navigation menu for our mobile web app.
We already have a sticky bar on top where our logo, a ...
- 119
2
votes
3
answers
216
views
Hamburger icon to X usability?
Is it more usable to toggle a hamburger icon to X to represent to signal users to open close a menu specially in mobile devices?
- 121
0
votes
2
answers
2k
views
Apple's Hamburger Menu? [closed]
Does anybody know why Apple uses two horizontal lines for hamburger menu vs three horizontal lines?
1
vote
0
answers
69
views
Hamburger menu should be placed right or left in website? [duplicate]
I met a client yesterday and he asked me a question I.e. weather hamburger menu should be placed on the right side or left side of the page.
My answer was to place it on the right side because ...
- 49
0
votes
2
answers
457
views
Menu items to be included in Hamburger
I have a doubt about the menu items that should go in the hamburger menu. Following are the pics of a sample website I am working on.
The first image is without user login and has menus that are not ...
- 103
3
votes
4
answers
224
views
Menu categories are both on the page and the hamburger menu.. is it redundant?
I am creating the responsive version of a website and I ran into some issue. The website has 3 main categories (say, Cat 1, Cat 2, and Cat 3).
First I thought of putting the 3 categories on the page ...
- 4,188
36
votes
6
answers
41k
views
Mobile website menu. Should hamburger menu be on left or the right?
Quite a while ago we decided to move our hamburger menu (I know they are evil but we got stupid amount of subcategories) to the right. Reasoning behind that was based on accessibility and in indoors ...
- 525
1
vote
1
answer
132
views
Do redundant links help with hidden navigation on mobile?
Our designs tend to use the standard hamburger navigation for mobile sites (although I'm going to push to move into some alternatives in the future).
I'm aware that hidden navigation results in worse ...
- 325
1
vote
1
answer
337
views
Making the hamburger menu static is a good practice?
I'm working on an app that should be feasible with every version of iPad. Currently I have designed the screens for the iPhone.
This app is for a reputed bank and this app will be used by their ...
- 141
6
votes
5
answers
359
views
How to communicate visually the ability to change columns in a table
Often websites may include functionality that allows a user to select what columns appear in a table. When this occurs, what is the best way to visually communicate this action, so the user both ...
- 241
1
vote
3
answers
247
views
Can the navigation on the Dashboard of an app be different from other pages?
So, we are having an argument in our company regarding the navigation.
On the Dashboard, the user sees a Hamburger menu in the left upper corner and his profile picture, username, notifications icon ...
- 503
9
votes
2
answers
485
views
Why haven't more sites used the nav bar vs. the hamburger menu? [closed]
A lot has been said about the drawbacks of hamburger menus, and we've been seeing a lot of mobile apps moving away from this navigation model in favor of a nav bar (recent example).
In general, I'm ...
- 1,316
3
votes
2
answers
843
views
Where should the icon to the mobile menu be placed?
I had a client bring up a good point recently about a mobile menu, specifically where should the "hamburger" icon be placed?
In looking at sites you see it in three common places, top right, top ...
- 281
11
votes
1
answer
11k
views
What breakpoint width to switch to mobile menu?
Sounds like it should have an obvious, clear-cut answer, but I couldn't find much mention of it: When building a website, what breakpoint / width is most ideal to switch from a horizontal tab-style ...
- 113
5
votes
3
answers
393
views
Is top navigation an accepted pattern for mobile devices?
I have always found the bottom nav bar to be one of the worst UI conventions in common practice, as it is a violation of information hierarchy. Of course, the hamburger menu is also universally hated, ...
- 1,326
1
vote
2
answers
2k
views
Menu/burger menu bottom or top on mobile?
Is there any reason why websites don't place the burger menu at the bottom instead of the top? It's far easier to resch with your thumb if it's at the bottom, why isn't it done more?
- 121
4
votes
2
answers
5k
views
Is it a good practice to combine Tab Bar navigation and a Hamburger Menu in an iOS app?
Some of Google's iOS apps, as well as other apps (e.g. StackExchange for iOS) use a combined navigation model based on both a Tab Bar and a Navigation Drawer (aka Hamburger Menu). Typically, the Tab ...
2
votes
1
answer
1k
views
Drawer Menu (hamburger) icon visibility, no background?
Looking for some input on this. So usually, in an Android app, you have a single colored toolbar at the top with the hamburger icon on the left. We've opted to make that toolbar transparent, and allow ...
- 121
44
votes
8
answers
9k
views
Should the hamburger menu close only on icon click or on click outside as well?
We are using a hamburger menu on the mobile view of our responsive website, http://edmdesigner.com
There's a debate going on in the team:
a) Should the hamburger menu close if you click/tap outside ...
- 5,010
8
votes
3
answers
21k
views
Is it OK to use hamburger menus in iOS?
So, I have about 7 actions users may need in my app, and I have to use text instead of icons because it is a customer requirement.
I can add only 3 actions to my toolbar on iPhone 6. On Android you ...
- 231
7
votes
2
answers
694
views
What is the common practice for app bar behavior when navigating from Home to child?
My use case is this: users enter the app and land at 'Home' - which includes a link to a child page, 'Element 1'. Element 1 is also accessible from the Navigation Drawer.
So, when Element 1 is ...
3
votes
3
answers
722
views
How should I minify my menus?
I design a dashboard for a service. I have a main menu at the top of the browser. The menu has 5 points and take up much space. I also have a sidebar on the left to navigate to the selected page.
I'm ...
- 81
0
votes
1
answer
103
views
Hamburger sidemenu [closed]
Not sure what this menu icon is commonly referred to as I cant find any example of where this is used but this is in a current projects side menu that expands horizontally on several levels.
How ...
user32739
1
vote
1
answer
162
views
Can a Hamburger button be good as a backup?
I read many answers here that the Hamburger button is bad as many people don't look there and don't end up using all the app's power.
However, can one use it as an index in addition to normal full ...
- 11
2
votes
2
answers
190
views
iPhone layout to choose when having ads on bottom of the screen? Hamburger menu or bottom tab bar?
I am working on an iPhone app that needs to have ads at the bottom of the screen.
I am not sure if I should use a hamburger (side) menu or a tab bar. In my opinion, the tab bar is the better option, ...
- 21
2
votes
1
answer
805
views
Mobile Hamburger Menu Location
With the advent of larger mobile devices (e.g. Samsung Galaxy Note and iPhone 6 Plus), reaching toward specific actions on a website requires additional effort.
Can anyone reference a mobile web ...
- 21
20
votes
5
answers
7k
views
Use of TWO hamburger menus in mobile app
I have a client who INSISTS on using TWO hamburger menus in their app: one in the top left, one in the top right. This is to basically mirror functionality from two related websites: one uses the left ...
- 303
0
votes
3
answers
531
views
iPhone app - Persistent hamburger menu vs last page visited [closed]
I'm wondering which option is best for an iPhone app using a hamburger menu (placed at the top left):
The menu is persistent on every single page even when the user goes
to a sub-level.
When the user ...
- 1,697
0
votes
5
answers
2k
views
Does avoiding the hamburger menu on Android break a core platform UI pattern?
We are trying to decide on the main navigation structure for our app.
I have read all there is about the disadvantages of the hamburger menu (aka side-menu, drawer).
The use of a visible navigation ...
- 101
2
votes
1
answer
1k
views
Is hamburger menu aka navigation drawer deprecated
We are in design phase of our new android app and for navigation we are considering navigation drawer but after some research I found that some apps are switching from navigation menu to tab based ui ...
- 213
2
votes
1
answer
229
views
Asking an option to hamburger menu
In the recent years we can see that hamburger menus have gained higher user experiences. But these days we can see that hamburger menus are getting popular even in big screen devices. I have been ...
- 41
2
votes
4
answers
617
views
Hamburger menu for responsive portfolio
In a portfolio web design which focuses on the mobile version design (because of the scenario in which users will use it) does it make sense to keep a hamburger menu for the desktop version? It's a ...
- 31
5
votes
2
answers
1k
views
Hamburger menu on big screen - what do you lose?
The notorious "Hamburger Menu" () is now showing up more and more on large desktop and laptop screens. The actual navigation menu that summarizes the site structure requires clicking on it to show.
...
- 11.5k