Interaction design, de micro-momenten die gebruikers voelen, consistent over elke component.
Interaction design is het deel van design waar het merk een gevoel wordt. Buttons die reageren, transities die uitleggen, gestures die bij het platform passen. We ontwerpen de interactie-laag naast de statische frames zodat engineering implementeert tegen motion-specs, geen 'feel free'.
Wat we bouwen
Gesture-grammatica per platform
Swipe, tap, long-press, drag, elke gesture gemapt naar een specifieke affordance, consistent gebruikt. Gebruikers leren de gestures één keer en hergebruiken ze over het product.
Transitie-taal met benoemde easing-tokens
`ease-out-quart`, `ease-out-expo`, duration-scales. Engineers kiezen geen 'snappy'; ze kiezen een benoemde token. De motion over het product voelt als één product.
Micro-interacties die hun plek verdienen
Button hover, input focus, toggle flip, save confirmation, elk ontworpen met intentie. Geen motion voor motion; specifieke feedback voor specifieke user-acties.
State-transities als deel van het design
Loading → loaded, empty → populated, error → recovered. De transities tussen states zijn ontworpen, geen 'de pagina rerendert'. De gebruiker volgt de motion naar de nieuwe state.
Gespecificeerd in Figma + geprototyped in Rive
Statische frames in Figma tonen before/after; Rive-prototypes tonen het tussenin. Engineers implementeren tegen motion-tokens; designers verifiëren tegen de Rive-spec.
Reduced-motion downgrades, geen opt-outs
Elke interactie heeft een reduced-motion variant. Kritische feedback (save-confirmation, error-states) gebeurt nog steeds; de motion-intensiteit daalt naar crossfade. Het product voelt nog levend, gewoon minder.
Waar dit past
De interacties van je product voelen inconsistent omdat elke engineer timing-waarden op gevoel koos.
Je design system heeft statische components en geen spec voor wat er tussen states gebeurt.
Je team levert op een mobile-app en de gesture-taal wordt per scherm uitgevonden.
Tech stack
- Figma
- Rive
- ProtoPie
- Easing Tokens
Wil je dit voor je team?
30 minuten met een oprichter of ervaren ontwikkelaar. We bepalen wat je nodig hebt en zeggen je eerlijk of Stacklane past.
Plan een gesprekVerwante capabilities