Gesture

Concept

A way of operating a screen where the movement of a finger carries the meaning, so a feature can be triggered without a visible button.

Why it exists

When a computer was something you drove with a mouse and a keyboard, every feature needed a control you could see. Deleting a message meant a delete button somewhere on screen, and handling each row of a list differently meant a small icon on every row. On a desktop monitor that arithmetic worked out.

Handheld screens broke it. Fit twenty messages into 700 vertical pixels and each one gets about 60 pixels of height. Put the sender, the subject line, and the timestamp in that strip and there is no space left for delete, archive, and star icons. Adding the icons pushes the content out; keeping the content leaves the features with nowhere to live.

So design reviews for a mobile app kept stalling on the same sentence: where does this button go? With no good answer, the button went into a "more" menu, the menu grew to twelve rows, and a feature people used twenty times a day ended up seventh in that list. Gestures solve the space problem by looking outside the screen. The finger is already touching the glass, so the movement it makes can carry the instruction. Decide that sliding a row to the left means delete, and the delete button disappears while the delete feature stays.

How it works

The device measures where a finger lands, where it lifts, the direction and distance it traveled in between, how long it stayed down, and how many fingers touched at once. When that combination matches a pattern the system knows, it fires whatever action is attached to the pattern.

Five patterns cover most of what products use.

  1. Tap — one short press on a single spot. It inherits everything a mouse click used to do.
  2. Long press — holding the same spot for roughly half a second. Used to select an item or open a hidden menu.
  3. Swipe — a quick push in one direction, then release. This is where list rows hang actions like archive or delete.
  4. Drag — holding and moving something to a new position. Drag and drop, the pattern for reordering things by moving them, grows out of this one.
  5. Pinch — two fingers closing or spreading. Maps and photos zoom this way.

The hard part isn't the list — it's the boundaries between the entries. From a single touch-and-release the device has to decide whether it saw a tap, a swipe, or a long press, and that decision comes down to numeric thresholds. Under 10 pixels of movement counts as a tap, further sideways than that counts as a swipe, and staying put past 500 milliseconds counts as a long press. Move those numbers a little and the same screen starts to feel either twitchy or sluggish.

Overlapping boundaries make the decision shaky. Put a horizontal swipe on a list that already scrolls vertically and the device has to pick one of the two from the first few pixels of movement. Layer that row onto an infinite scroll, which keeps appending content as you reach the bottom, and scrolling and swiping compete on every touch.

This is why gestures come paired with feedback, the response a product gives at the moment of the action. If the row follows the finger while a red delete icon appears behind it, the person can see what they triggered before lifting off, and can back out. When the response only arrives after release, the same feature turns into a gamble.

Where it shows up

Mobile apps, where fingers touch the content directly, are where gestures do the most work. Slide a message left in a mail list and it archives, pull down from the top and the list refreshes, spread two fingers on a photo and it grows. None of the three has a button.

They have moved onto the desktop too — two fingers sliding up a trackpad scrolls the page. The complication there is that device, browser, and page gestures stack on top of each other: a slide inward from the left edge usually gets claimed by the browser's back navigation first.

Every weakness of this pattern traces back to one fact — a gesture leaves no mark on the screen. Affordance, the quality that lets a shape suggest what can be done with it, has nothing to work with here, and there is nowhere obvious to hang a signifier, the cue a designer adds to announce that something is interactive. A button gets pressed because it is visible. A swipe only gets used by people who already know about it.

That pushes most teams to the same call. Keep the gesture as the fast path and leave a button or menu that does the same job somewhere visible.

Accessibility lands in the same place. For someone using a screen reader or driving the interface through a single switch, a two-finger spread is simply out of reach, and for someone with a hand tremor, stopping a movement within a fixed distance is hard. Anything reachable only by gesture is, for those people, not there at all.

How it sounds at work

"Don't hide this behind a swipe only — give it a button too. Nobody is going to find it like this."

Not an argument against the gesture, but a request for a second, visible route to the same feature.

"The edge swipe doesn't fire, it's colliding with the browser's back navigation."

The device or browser already owns that movement, so the app can't take it.

"You set the long press to 700 milliseconds. I held it down, nothing happened, and I assumed it was broken."

The hold time is long enough that people give up and lift their finger before it registers.

The document list in the Pagedeck mobile app is where this argument keeps happening. Noa designed rows that archive when you slide them left and get starred when you slide them right, and Theo built exactly that. In usability testing, two of the eight participants tried swiping on their own. The other six opened the document and hunted for an archive option inside it.

Noa's revision didn't remove the gesture. She added a three-dot button on the right of each row that opens the same actions as a menu, and kept the swipe. In the next round of testing, all eight participants reached archive.

What people get wrong

The common assumption is that more gestures make for a cleaner screen and therefore a better design. In a mockup that is exactly how it looks. A screen with the buttons stripped out has generous whitespace, and everyone reviewing it has just been told which direction does what, so nobody in the room feels any friction.

What actually disappeared isn't the feature — it's the announcement that the feature exists. People open an app without a briefing. An archive action reachable only by swiping is, for anyone who doesn't know about it, missing; they file a support ticket or quietly use something else. Leave it that way and the usage logs show a small, stable minority using that feature, and the team reads those numbers as weak demand and cuts it next quarter.

Where to go next

Last updated 2026-09-16