Navigation Bar design guideline

Navigation bars

A navigation bar appears at the top of an app screen, enabling navigation through a hierarchy of content.

  • Use the title area to describe the current screen if it provides useful context.
  • Write a concise screen title.
  • Consider temporarily hiding the navigation bar to provide a more immersive experience.
  • Use the standard back button.
  • Make sure buttons that use text labels have enough room.
  • Consider using a segmented control in a navigation bar to flatten the information hierarchy.
  • Use a large title to help people stay oriented as they navigate and scroll.
  • Consider hiding the border of a large-title navigation bar to enhance the sense of connection between title and content.

249 thoughts on “Navigation Bar design guideline

Leave a Reply

Your email address will not be published. Required fields are marked *