Motion design is het bewust inzetten van beweging en animatie in een interface om aandacht te sturen, uit te leggen wat er verandert, en een product een gevoel van leven te geven. Als een paneel van de zijkant inschuift, een knop zachtjes indrukt, of een laadbalk vult, dan doet motion design stilletjes zijn werk. Het is beweging met een doel, geen versiering om de versiering.
Een mooie vergelijking is lichaamstaal in een gesprek. Een knikje, een blik, een pauze: die vertellen je wat er gebeurt zonder woorden. Op het scherm doet beweging hetzelfde. Het laat zien dat een menu uit de hamburger kwam die je aantikte, of dat je opslaan echt lukte. Het hangt nauw samen met animatie als grondstof en met micro-interactions als de kleine momenten waarin het leeft.
Timing is het grootste deel van het vak. Een paneel dat in 200 tot 300 milliseconden inschuift, voelt snel en natuurlijk. Datzelfde paneel dat er een volle seconde over doet, voelt traag, alsof de interface je laat wachten. Richting telt ook: een dialoog die opengroeit vanuit de knop die je indrukte, vertelt je oog waar hij vandaan komt, terwijl een die zomaar in het midden verschijnt je laat zoeken naar wat er veranderde. Kleine keuzes, maar ze bepalen of beweging helpt of afleidt. Terughoudendheid is wat goede beweging onderscheidt van irritante. De beste voorbeelden zijn zo soepel dat je ze nauwelijks opmerkt, terwijl ze de interface toch makkelijker te volgen maken. Daarom maakt sterke motion design het UX-design beter in plaats van het alleen op te leuken.
Bij TopDevs gebruiken we beweging om interfaces responsief en helder te laten voelen, altijd met respect voor de reduced-motion-instelling zodat het niemand in de weg zit.
