Stop 06 · Interaction Design & Micro-interactionsTopics · 7/9

Gestures & Touch Interactions

In short

Swipe to delete, pinch to zoom, pull to refresh. Gestures feel magical when people know them, and invisible when they don't. The trick is using them as shortcuts, never as the only way.

Designing for touch-specific interactions — swipe, pinch-to-zoom, long-press, pull-to-refresh — that don't exist in desktop mouse-and-keyboard interfaces, and require intentional discoverability.

The jaadu sits with tea and happily flips the pages of a big newspaper.

Think of it like this

Flipping through a newspaper

Nobody teaches you to flip a page or pinch a newspaper closer to your eyes. Some moves feel natural because they copy the real world. Others, like a three-finger swipe, are secret handshakes most people never learn.

Watch it happen

Common gestures, from obvious to hidden

Tap

Scroll

Swipe

Pinch

Long-press

Edge swipe

3-finger

1/4Tap and scroll: everyone knows these. Your main actions should rely on them.

The big ideas

What you need to know

Gestures are invisible

There's no label on a swipe. Show a hint, a partial reveal or a visible button for the same action.

Follow the finger

While dragging, the item should move with the finger in real time. Lag breaks the illusion.

Respect system gestures

Edges of the screen often belong to the OS for back or home. Don't fight them.

Undo destructive swipes

Swipe-to-delete is easy to trigger by mistake. Show an 'Undo' snackbar for a few seconds.

Save yourself the pain

Common mistakes

Oops

Hiding an important feature behind a long-press only.

Do this instead

Put the main action in a visible button. Use the gesture as a faster extra path.

Oops

Custom swipe gestures near the screen edge.

Do this instead

Keep custom gestures away from edges that the phone uses for back and home navigation.

Your mission

Gesture hunt

~15 min

Quick check

Your app lets users archive chats by swiping left. What else should you add?

Go deeper

1List 3 common mobile gestures and how discoverable each one typically is to a first-time user.
2Design a swipe-to-delete or swipe-to-archive interaction for a list item.
3Learn why gestures need a visible affordance or hint, since they're not self-evident like a button.