Gesture education

Gesture education explains how to interact with an element using a gesture.


Types

Partial surface gesture education

A partial surface gesture affects only a portion of the screen, such as swiping a card. To show how to use a gesture for the...

Read More

A partial surface gesture affects only a portion of the screen, such as swiping a card.

Display a sample UI

To show how to use a gesture for the first time, display a sample UI that mimics the movement of the gesture being represented.

Dismissing gesture education

The only way to dismiss the sample UI should be when the user performs the gesture being demonstrated. Once a gesture is detected, the gesture indicator should pause, and then disappear.

Writing

Describe the result of the gesture briefly and clearly.

After displaying a sample UI of a card being swiped off the screen, only a left or right swipe will dismiss the gesture education card.

Full-screen gesture education

Full-screen gestures affect the entire screen, such as pinching to zoom in. A banner should describe what a full-screen gesture will do. Upon touching the...

Read More

Full-screen gestures affect the entire screen, such as pinching to zoom in.

Display a banner

A banner should describe what a full-screen gesture will do.

Dismissing gesture education

Upon touching the screen, the screen content should return to its default state, with the gesture indicator removed. The banner should be displayed until the user dismisses it.

Writing

Describe the result of the gesture briefly and clearly.

A banner describes what a full-screen gesture will do, and is displayed until the user dismisses it.


How to use

Targeting & Triggering

Gesture education should be displayed as the user needs it, not just in the first moments of using an app. It should help users interact...

Read More

Gesture education should be displayed as the user needs it, not just in the first moments of using an app. It should help users interact with an element or surface in a way they have not done so previously.

Whether the gesture affects only part of the screen, or the entire screen, similar targeting and triggering guidelines are used.

Targeting

Triggering

Show gesture education only to users who have not performed the gesture.

Gesture education occurs:

  • During the first-run experience (FRE)
  • In later sessions, if a user has not performed the gesture
  • After a major change to the UI

If a certain gesture is core to the user experience, present it at a contextually relevant moment later in the first-run experience.

If a gesture is not critical to the experience, show it in a later session at a contextually relevant moment.

Volume

Limit the number of gesture education prompts displayed in your app and UI. If a gesture is critical to your user experience, display up to...

Read More

Limit the number of gesture education prompts displayed in your app and UI.

If a gesture is critical to your user experience, display up to two prompts during the first-run experience.

Frequency

Most gesture education prompts should be shown only once. If a gesture is critical to your user experience, display it up to two times in...

Read More

Most gesture education prompts should be shown only once.

If a gesture is critical to your user experience, display it up to two times in distinct sessions.