Questions tagged [bottom-navigation]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
1 answer
126 views

Rethinking the header - its visual weight and its navigation purposes

Introduction: A web site's navigation menus usually get placed at: a) the top area of a web page - filling the header, that is; b) the top (the header), on demand - by means of a hamburger menu button;...
drabsv's user avatar
  • 372
1 vote
1 answer
115 views

Fixed desktop navigation at the bottom

Navigation at the bottom on mobile is quite popular. However, it hasn't been adopted on desktops much. Is there a reason other than users know to look at the top? Obviously, for a government or big ...
Tracy's user avatar
  • 13
2 votes
1 answer
39 views

Bottom navigation: Colour on selected text? [closed]

Why is it so common that at bottom navigation many apps choose a highlight colour that is hard to read? Why don't they use a different colour to highlight and a different colour for the text? Is it ...
Mike Mark's user avatar
  • 883
6 votes
3 answers
13k views

App Navigation: Bottom Navigation Bar vs Bottom App Bar?

Bottom navigation Bottom App Bar These are the two options when thinking about the bottom navigation for an Android App. What are the use cases for both? When should one be used over the other?
All Іѕ Vаиітy's user avatar
1 vote
2 answers
203 views

App/homepage bottom bar with social/contact buttons looking similar to Android navigation bar. Problem?

The context is a single page webapp which will also be served as a webview Android app. The target audience is 18+. As it is designed right now, the social/contact icons are placed in a fixed footer/...
ahron's user avatar
  • 601
4 votes
5 answers
538 views

What's the best way to navigate 300+ food orders in a dashboard?

I'm working on a dashboard for restaurant kitchen. This will handle incoming set meal requests that are initiated on the waiters tablet as they take the customers order. it will be viewed on a tablet ...
Blue Ocean's user avatar
  • 10.6k
2 votes
2 answers
64 views

How do you pick the right function to be in the bottom menu?

Im currently designing a student portal mobile application. It got a lot of functions; 1. frequently used (academic, timetable, assignments) 2. seldom used (fees, library) and 3. others that are not ...
intnnn's user avatar
  • 653
2 votes
2 answers
181 views

What are the UX Patterns for complimentary roles in a mobile app?

Consider an application where there are two parties with different roles that co-operate with each other. For example, rider and driver in a ride sharing scenario, or a client and a coach in sports ...
ams's user avatar
  • 121
0 votes
1 answer
211 views

Bottom Navigation with only 2 destinations

According to the Material Design Guidelines the usage for Bottom Navigation recommends three to five destinations (https://material.io/components/bottom-navigation/#usage) Was just wondering what ...
Jankers's user avatar
  • 111
0 votes
3 answers
93 views

Making bottom navigation dynamic based on app features enabled?

Our mobile app is feature based, so a user may have 1-4 of the bottom navigation items enabled on their account. Is best practice to hide the menu options that are not enabled or to keep it static and ...
Ian Noble's user avatar
4 votes
7 answers
3k views

Is a bottom sheet dialog "unfitting" for navigation?

Edit: I posted an answer below containing various attempts based on the ideas provided here. I am developing an application with a somewhat special main screen, from where the app is divided into two ...
Big_Chair's user avatar
  • 6,816
0 votes
3 answers
358 views

Is it a norm in android apps to only have bottom navigation only on parent activities

I have checked multiple apps, and in most of them, bottom navigation is only visible on parent activities, when i go in any inner activity bottom navigation goes away, so my question is that is there ...
dev90's user avatar
  • 101
2 votes
5 answers
4k views

Is it okay to use both nav drawer and bottom nav in home screen of an android app?

I am developing app, my home screen looks like below (using both navdrawer and bottom nav simultaneously) I used bottom nav, because I wanted to give user the easy access to the higher level ...
user158's user avatar
  • 697
0 votes
1 answer
87 views

Is the tab bar generally accessible from subpages on iOS?

The answer at this StackOverflow question clearly explains that the Material Design guidelines recommend showing the bottom navigation (or tab bar, as iOS calls it) on subpages. Is the same practice ...
Tin Man's user avatar
  • 2,766
0 votes
1 answer
768 views

Is a floating, collapsible bottom navigation bar a good pattern on mobile web?

I’m working on a mobile web app that has two pages (tabs) of equal importance. As the user will switch between the two frequently, I’m worried that displaying a classic navigation bar at the top of ...
kettlepot's user avatar
  • 583
1 vote
1 answer
274 views

Navigation rules for bottom tab bar

I'm working on a mobile app which has a bottom navigation bar. There are 3 tabs: Payments Home Settings When I am on the home section I have a menu, where I can go deeper, inside this section: ...
Alexei Malashkevich's user avatar
2 votes
2 answers
102 views

UX issue with questionnaire

We are developing a questionnaire for enterprise size company. Each staff member should periodically (annually, semi-annually) complete this questionnaire to reveal their compliance in various areas: ...
Марк Мищенко's user avatar
0 votes
2 answers
968 views

Multistep/page form navigation best practices?

I think that making a multipage form navigation is not so simple as it seems, especially for next/prev buttons. Generally, within a multipage form (for example a cart, but in my case I've got a HUGE ...
Luca Reghellin's user avatar
2 votes
2 answers
468 views

What should happen when the user clicks on the android 'back' button

I've been seeing this behavior differently in different apps. Is there any certain navigation axioms related to this? I would like to know which of them is ideal/most preferred. The application has 5 ...
Ritika Kuruvilla's user avatar
1 vote
4 answers
4k views

What you guys think about bottom tab bar for mobile versions of websites? [duplicate]

I would like to hear what you think about bottom tab bar for mobile versions of websites. It is called bottom navigation bar too. Here an example: https://pitchfork.com/. I am trying to use it to ...
Lucas Guarabyra's user avatar
1 vote
5 answers
992 views

Best bottom navigation elements order?

I'm creating the prototype of a mobile app, and I decided to include a bottom navigation bar. I'm trying to figure out what is the best order for the elements on the bar (in my case: home, ...
Noob_Number_1's user avatar
2 votes
1 answer
434 views

Tab navigation: top-level and second-level targets, how to deal with them?

My question is quite straight forward, however difficult to explain. I assume we are all familiar with tab navigation, in my case I'm dealing with bottom-navigation but it's not really relevant for ...
Rolf ツ's user avatar
  • 1,649
1 vote
1 answer
153 views

IOS & Android - Should tap bars be persistent and always visible?

I'm working on an Android & IOS app and have a question regarding the tap bar. The information architecture will be 2-level deep. Both platforms will have a tap bar fixed at the bottom of the ...
user avatar
2 votes
2 answers
2k views

Is it ok to use Bottom Nav Bar with Tabs for sub-level?

I am trying to design and app with Material design which has 6 top level destinations and 4 of them have sub-levels. Is it ok to use Bottom nav bar for 5 of them and put 6th one in side navs along ...
Gaurav Gaikwad's user avatar
7 votes
1 answer
3k views

Responsive web app, bottom tabs for secondary navigation or primary actions?

I'm building a web app that I need to be fully functional for all devices, so I've built it from the ground-up as a mobile-first responsive web app. I already use a hamburger and left nav for main ...
Dan L's user avatar
  • 171
2 votes
1 answer
820 views

For a Bottom Navigation Bar, should it be hidden if there is a link with one of the pages?

Let's we have an app that allows a user to view daily content from a specific user (think of it as a personalized blog app). This app has a Bottom Navigation Bar (iOS or Android) with 5 buttons which ...
user105172's user avatar
5 votes
3 answers
922 views

Persistent bottom sheets in material design

I'm designing an application with a bottom navigation. In one of the views the user may click on a floating action button which opens a page containing a form to fill; and this form page I'm ...
Sarah Akhavan's user avatar