Navigation Components

Conform to typical, predictable navigation patterns, including those that are standard on iOS (tab bar) and Android (navigation drawer). Provide users with assistance for new patterns and/or behaviors
  • Communicate where users are within the app via the navigation bar (colors, shading)

  • Provide the predictable back-button that is descriptive of the destination

PROGRESSIVE DISCLOSURE

  • Contextual on-boarding means that instructions are provided only when user needs them.

  • Progressive Disclosures are used to reveal engagement. Example: Duolingo

Duolingo's Mobile App use of Progressive Disclosure: "Are you a beginner?" "Not a beginner?"

SUBTLE HINTS

Another example are subtle user experience hints that the user may view when first using the app. It is wise to provide instructions for the user to return to when they forget how to use the application - vis-a-vis a tutorial, such as the example with Slack App, below.

  • Provide onscreen indicators to remind people how and when to use touchscreen gestures.

    • Tooltips, overlays, tutorials

  • Make them easily discoverable and accessible

  • Keep hints to a minimum; make them value-based. What’s the most important user interaction element, and does it need explanation?

Example of tooltip hint on ESPN Mobile App

ONBOARDING TUTORIAL

On startup of the App, provide users overview of what they can expect and how to use it. Keep interface to a minimum, use value-based tips. What are the most important things about the App? present those.

Slack App Onboarding. Beneficial for those with cognitive disabilities or short term memory.