Home

Nevermind: A gesture-based interaction to clear large texts.

A scrub gesture that makes erasing feel as natural as
crossing something out on paper.

Role Interaction Designer
Platform iOS · Android
Duration ~3 weeks

Overview

“Nevermind” started from a simple frustration: deleting text on mobile is graceless. Hunting for a small x, holding Delete while characters crawl away, triple-tapping and hoping the selection lands.

Every other common gesture has a physical equivalent. Swipe to delete. Pinch to zoom. Pull to refresh. Erasing text has none.


The Problem

Holding Delete is slow
Text selection is unreliable

“Nevermind” is an attempt to give text deletion a gesture that maps to something your hands already know: erasing. No holding Delete. No precision targeting.


Prototype

Before the design process, try it first.

Live prototype - try it
Focus field · then slide to erase
Cleared
Try live on mobile

This interaction is best experienced on a phone. Touch input and haptic feedback are central to how it works — most of that is lost on a laptop. Scan to open on your device.

The intelligence layer

Interaction Model

01
Tap
02
Select all
03
Adjust handles
04
Delete
01
Touch
02
Scrub
03
Clear

The threshold scales with text length. Short text clears in one swipe. A paragraph needs sustained scrubbing.

John
~80px
Shopping list
~400px
Paragraph
~900px

Formula: threshold = clamp(text.length × 8px, min: 70px, max: 900px)

Failed Iterations

Iteration 1
Dashed gaps, blurred lower edge. Feels decorative at higher rendering cost with no perceptual gain.
Iteration 2
Blurred brush, scatter, radial gradient dabs. Drew attention to itself. Text fades out but not a feasible feature.
Final Iteration
Draw to test the brush
Single clean stroke
Quadratic curves, round caps, warm grey rgba(210,210,210,0.85). Width shrinks on release — not a fade.

Feedback System

There's no progress bar. Haptics and audio carry that job — telling you how close you are without anything appearing on screen.

Haptics

A 3ms buzz fires on a repeating timer while the finger moves. The interval compresses as progress builds: interval = 90ms − (progress × 45ms).

Scrub active
3ms pulse, 90–45ms interval
Continuous texture — maps to friction. Accelerates as you near the threshold.
Clear
14ms single snap
Definitive. Like something breaking off cleanly.
Missed erase
[8ms, 60ms gap, 8ms]
"Not quite" — only fires above 5% progress. Honest about failure.
Restore
4ms tick
Quiet confirm, no sound. Undo should feel like nothing happened.

Edge Cases

Empty field

Gesture does not arm. Nothing to lose, nothing to resist.

Empty field01 / 05

Tap vs. drag

Tap focuses. Drag wipes. A 10px buffer separates the two before any logic runs.

Tap vs. drag02 / 05

Unfocused field

First tap focuses. Second interaction can wipe. Prevents accidental clears while scrolling.

Unfocused field03 / 05

Scroll conflict

e.preventDefault() fires once isWiping is true. Normal scroll preserved before that threshold.

Scroll conflict04 / 05

Re-wipe after clear

isCleared gates all wipe logic. Only Restore is available until the field is repopulated.

Re-wipe05 / 05

Swipe left or right on the active card.


Reflection

Subtract > Add

The most important decisions were subtractive. Textures, blur effects, etc were removed because they didn't add any value and added performance load. The strongest version turned out to be the simplest one.

Iconic Potential

This could have easily been a two-minute LinkedIn concept, but I felt the interaction design process deserved deeper exploration. We rarely see the thinking behind the small interactions we use every day. I believe "Nevermind" has the potential to become one of those memorable, iconic interactions if executed thoughtfully.

Going Forward

Testing revealed a few recurring concerns:

  • Word-level erasure is needed.
  • What if users erase text accidentally?
  • How can this be implemented consistently across different apps and operating systems?

The good news is that these challenges are solvable. I've already addressed a significant portion of them, and they'll be the focus of my next iteration.

Gesture Design Interaction Design Haptic Feedback Mobile UX Prototype Web Audio API iOS · Android
Featured on Abduzeedo.