Users can navigate to destinations by touching elements.

Users can slide surfaces vertically, horizontally, or omnidirectionally to move continuously through content.

Scroll and pan

Users can slide surfaces to bring them into and out of view.

Drag

Users can move surfaces horizontally to navigate between peers, like tabs.

Swipe

Users can scale surfaces to navigate between screens.

Pinch

Navigational gestures help users to move through a product easily. They supplement other explicit input methods, like buttons and navigation components.

Types of navigation gestures include:

- Tap
- Scroll and pan
- Drag
- Swipe
- Pinch

Arizona State University

University of Michigan - Ann Arbor

Gestures help users to navigate between views, take actions, and manipulate content.

Types of gestures include:

- Navigational Gestures
- Action Gestures
- Transform Gestures

Types of Gestures


Navigational gestures

Action gestures can perform actions or provide shortcuts for completing actions.

Types of action gestures include:

- Tap
- Long press
- Swipe

Action gestures

Users can transform an element’s size, position, and rotation with gestures.

Types of transform gestures include:

- Double tap
- Pinch
- Compound gestures
- Pick up and move

Learn Before

Related

Learn After