3

I am trying to find information regarding using tabs when combined with a bottom nav bar. The benefit of the bottom nav bar is that it allows the user to quickly switch between different sections of an app and is within each thumb reach, so the app can be navigated one handed. The problem is that a) we still read top to bottom and b) some sceens that are accessed via the bottom nav require tabs to separate the content. What this ends up meaning is that the user still has to stretch, or reposition their hands to be able to reach items at the top of the screen (either the first item in a list, or to change the tabs).

I was wondering what people's thoughts are on this? Logically and best on OS guidelines I know that tabs at the top make the most sense, but functionally tabs at the bottom are more usable. Are we at the point where tabs themselves are a bad practice? Google still uses them in the Play Store when combined with bottom nav, so somebody is still fighting for them. I've attached an image of the two options that I have. For some context, the list of content in the list would be very long if I removed the tabs. enter image description here

0

Combined with Bottom Navigation, Tabs at the bottom suffer a bit in terms of usability: they are both easier to reach with the thumb but so close to Bottom Nav buttons that there is room for missclicks. The bottom area of the screen is also very dense with this arrangement, which IMO contributes significantly to cognitive load.

In collaboration with swipable tabs (e.g. in a ViewPager on Android), the problem regarding tabs at the top and reaching is significantly mooted.

For Screen Readers, Bottom Navigation isn't great as it is the last thing the User will hear about - in that case it would be more helpful to the User to have the Bottom Nav at the top above the Tabs.

| improve this answer | |
  • Thanks Straya. I did think about swipable tabs, but wasn't sure if the expectation there was that swiping would change the bottom nav rather than the tabs. – CosmicGypsy Jan 31 at 19:38
  • Expectation for swiping goes to tabs on Android. iOS is where it is trickier, oh well the user will learn from a visual update to the highlighted tab and if it is at the top they have a great view of that compared to if it were under the hand that is swiping. – straya Jan 31 at 23:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.