
Element transitions should continuously animate as a gesture progresses.

Example


Upon swiping, an icon appears to suggest the purpose of the gesture. The radial fill indicates that a threshold has been passed and the action will be committed when the gesture is completed.

As a user performs a gesture, elements should move in a way that demonstrates the gesture’s purpose

Arizona State University

University of Michigan - Ann Arbor

- Provide Realistic Responses
- Indicate Gestures
- Show what Gestures Do


Properties of Gesture 

Material responds to gestures in real-time to express direct user control over touch interactions

Provide realistic responses

How elements look and behave should indicate if gestures can be performed on them. Visual cues indicate that a gesture can be performed, such as showing the edge of a card to suggest it may be pulled into view

Indicate gestures


Show what gestures do

"How elements look and behave should indicate if gestures can be performed on them." They allow you to interact with elements using touch. 

Learn Before

Related

Learn After