Navigation

Overview

Design navigation flows and views that best present your app’s content and services.

  • Highlight key content

    Users should be able to see the primary features of your app in one simple view. Organize your content so users can access your app’s key features without going deeper into the navigational structure.

    Place important content and tasks in one view, based on the amount and priority of information.

    For content that does not fit into one screen, move less important content to the detailed view.

  • Keep your navigation flow consistent

    Screens at the same level in the navigational hierarchy should use the same style and patterns. Interaction with your app should be consistent also. For example, if you use the rotary action for one screen, use it on similar screens.

    Screens in the same UI style should be navigated in the same way.

    It confuses users if they need to tap on some screens and rotate the bezel on others.

  • Scroll along one axis per screen

    Design each screen to support navigation along only one axis: vertical, horizontal, or Z-axis. For example, you cannot scroll vertically and horizontally on the same screen.

    A screen should scroll either vertically or horizontally, not both.