Small experiments, big feelings

Play area

Tactile studies in mobile interaction design. Every phone below is live — drag, swipe, flick, hold and tap. Each one explores a single principle I care about.

9:41
Inbox
01

Swipe actions

Swipe a row left to archive, right to pin. The icon pops the moment you cross the commit threshold, so you know before you let go.

GesturesThresholdsAxis locking

Keyboard: focus a row, use ← / →

9:41
Updates
Pull to refresh
Weekly design syncAgenda shared by Maya
Interview notesParticipant 3 · 42 min
Accessibility audit2 contrast issues found
Handoff readyCheckout flow · v4
02

Pull to refresh

The list stretches with rising resistance, and the spinner winds up with your finger. Past the threshold the label flips to “Release”, a clear point of no return.

ElasticityFeedbackMicro-copy
9:41

Coffee nearby

3 open now · within 5 min walk
Pilot Coffee4 min · ★ 4.7 · Quiet
Sam James6 min · ★ 4.6 · Laptop-friendly
Dineen8 min · ★ 4.5 · Busy
Hailed Coffee9 min · ★ 4.8 · Patio
03

Bottom sheet

Three snap points: peek, half, full. Release velocity is projected forward, so a gentle flick goes where you meant, and the map dims as the sheet takes focus.

Snap pointsMomentumFocus

Drag the header, or tap the handle

9:41
This weekend
04

Card deck

Decisions you can throw. Cards tilt with your drag and reveal their verdict as you lean; a fast flick commits even over a short distance. Buttons offer the same choice without a gesture.

Direct manipulationFlick velocityAccessibility
9:41

Home

Good morning, Kshitij

05

Elastic tab bar

The indicator stretches across the journey before settling, and content slides in from the direction you travelled. Motion that explains where you are.

ContinuitySpatial modelNavigation
9:41
kshitij.design
128 likes
kshitij.design Clubhouse: helping students find their people 🎯
06

Double-tap to like

A shortcut for regulars, with a visible button for everyone else. The heart overshoots and settles, the counter ticks, and a burst marks the moment.

DelightShortcutsFeedback
9:41
LockedFront door · Home
slide to unlock
07

Slide to unlock

Some actions deserve deliberate effort. A full-length slide prevents accidental taps, the fill shows progress, and anything short of the end springs back safely.

Error preventionAffordanceSpring physics
9:41
Notes
Workshop ideasCrazy 8s, card sorting, dot voting…
Interview guide v2Open with the last time they…
Motion principlesFast in, slow out. Never block.
Reading listLaws of UX, Designing Interfaces
08

Speed dial

Progressive disclosure: one calm button until you need more. Actions spring out with a stagger that guides the eye, while the content behind softens out of focus.

Progressive disclosureStaggerHierarchy
Scroll