Bottom navigation bar

The bottom navigation bar helps the user to orient in the app and quickly get to the desired section or make an action. It is placed at the screen bottom, and usually contains 3-5 options, displayed by icons. Sometimes, the icons have a text label.


To make a well-working bottom navigation bar, the following rules should be kept:


  • It has to be simple and understandable;
  • It has to be always visible to the user;
  • It has to be consistent through the entire interface;
  • It has to contain the most important or most frequently-used actions.


Bottom navigation bar
Google Bottom Bar Navigation Pattern — Mobile UX Design by Aurélien Salomon

share the term