The Golden Rules Of Bottom Navigation Design — Smashing Magazine

Navigation is a conversation. It doesn’t matter how good your site or app is if users can’t find their way around.

​

It’s very important to place top-level and frequently-used actions at the bottom of the screen.

​

Navigation is generally the vehicle that takes users where they want to go. Bottom navigation should be used for the designated top-level destinations of similar importance. These are destinations requiring direct access from anywhere in the app. Good bottom navigation design follows these three rules.

​

1. Show Only The Most Important Destinations

​

Avoid Scrollable Content

​

2. Communicating The Current Location

​

3. Make Navigation Self-Evident

Good navigation should feel like an invisible hand that guides the user along their journey.

​

Don’t remove a tab when its function is unavailable. If you remove a tab in some cases but not in others, you make your app’s UI unstable and unpredictable

​

Posted on September 9, 2019