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.
43
questions
1
vote
2answers
262 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 ...
0
votes
3answers
200 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
1answer
93 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,...
1
vote
2answers
585 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 ...
2
votes
2answers
223 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
2answers
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 ...
43
votes
5answers
80k 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)
22
votes
5answers
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, ...
0
votes
1answer
122 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 ...
3
votes
3answers
542 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 ...
4
votes
3answers
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 ...
2
votes
3answers
203 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?
0
votes
2answers
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
0answers
62 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 ...
0
votes
2answers
438 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 ...
3
votes
4answers
215 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 ...
35
votes
6answers
39k 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 ...
1
vote
1answer
129 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 ...
1
vote
1answer
326 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 ...
6
votes
5answers
344 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 ...
1
vote
3answers
244 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 ...
9
votes
2answers
481 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 ...
3
votes
2answers
820 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 ...
11
votes
1answer
10k 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 ...
5
votes
3answers
381 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
vote
2answers
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?
4
votes
2answers
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
1answer
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 ...
44
votes
8answers
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 ...
8
votes
3answers
20k 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 ...
7
votes
2answers
662 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
3answers
721 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 ...
0
votes
1answer
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 ...
1
vote
1answer
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 ...
2
votes
2answers
188 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, ...
2
votes
1answer
797 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 ...
19
votes
5answers
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 ...
0
votes
3answers
516 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 ...
0
votes
5answers
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 ...
2
votes
1answer
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 ...
2
votes
1answer
227 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 ...
2
votes
4answers
591 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 ...
5
votes
2answers
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.
...
