A) The user’s touch should directly control the movement of elements
B) When animating an element to a destination, the speed of the user’s gesture should be matched by the speed of the element being moved across the screen.

Provide realistic responses- Do

A) Avoid gestures that trigger an animation. Elements should be directly controlled by the user’s touch.
B) Don’t misrepresent the velocity of a gesture in the resulting animation. The animation should match the speed of the user’s touch.

Provide realistic responses- Don't

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

Arizona State University

University of Michigan - Ann Arbor

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


Properties of Gesture 

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


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

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