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.

1
vote
2answers
172 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
196 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
891 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 ...
12
votes
2answers
16k 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)
20
votes
5answers
9k 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
115 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 ...
2
votes
3answers
435 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
1k 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
167 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
1k 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
51 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
306 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
178 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 ...
30
votes
6answers
21k 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
105 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
269 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
315 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
220 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
459 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
1answer
635 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 ...
10
votes
1answer
7k 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
347 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
4k 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 ...
1
vote
1answer
809 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
7k 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 ...
4
votes
3answers
11k 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
558 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
700 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
100 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
160 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
187 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
677 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 ...
17
votes
5answers
5k 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
458 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
224 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 ...
1
vote
4answers
482 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. ...