Motion & micro-interacties
Kleine bewegingen met een functie: overgangen en reacties die de interface begrijpelijk en levendig maken.
Waar het om gaat
Beweging in een interface is uitleg: een paneel dat vanaf rechts inschuift vertelt waar het vandaan komt en waar het straks weer heen gaat. Een knop die reageert op je aanraking bevestigt dat de tool je gehoord heeft.
We ontwerpen die bewegingen bewust en spaarzaam, met vaste duur- en verloopregels, zodat het geheel rustig blijft. En alles respecteert de systeeminstelling voor verminderde beweging.
Wat we doen
- Overgangen die laten zien waar iets vandaan komt
- Reacties op een klik, zodat je weet dat het gelukt is
- Laden en wachten dat niet als vastlopen voelt
- Alles stil voor wie minder beweging wil
Bijvoorbeeld
Een paneel dat van rechts inschuift als je een order opent en dezelfde weg terug gaat als je het sluit, zodat je altijd weet waar je bent.
Hoe het werkt
- 01
Beweging met een functie
Elke animatie beantwoordt een vraag: waar ging dat heen, is het gelukt, gebeurt er iets?
- 02
Eén ritme
We leggen de snelheid en de veer van alle bewegingen vast, zodat het product als één geheel voelt.
- 03
Toegankelijk
Wie in zijn instellingen minder beweging vraagt, krijgt een rustige versie zonder dat er iets verdwijnt.
Wat je krijgt
Een motion-taal met vaste regels, ontworpen en werkend in de tool zelf.
Wat we van je nodig hebben
- Het ontwerp of het product waar het in komt
- Een idee van het karakter: rustig, speels, zakelijk
- Voorbeelden van producten die goed voelen
Zo begin je
Via een sprint daarna. Na een route, als losse sprint van twee weken of in een cyclus van drie sprints met een bouwplan vooraf.
Of begin klein
Vragen
Is animatie niet gewoon versiering?
Slechte animatie wel. Goede animatie maakt een interface begrijpelijker: je ziet waar iets heen gaat en dat je klik is aangekomen.
Wordt een app of website trager van animaties?
Nee. We houden bewegingen kort en licht, en bouwen ze met technieken die de browser zonder moeite afspeelt.
Maken jullie ook animaties en video?
Beweging in de interface doen we zelf. Grote animaties en video maken we met vaste partners, onder onze regie.
Lees ook
Wil je even gratis sparren over beweging die jouw product helpt?
Waar loop jij tegenaan in je bedrijf? Wat kan beter? Wat kan sneller? En wat doet iemand nog elke week met de hand?
- Een halfuur sparren over jouw idee, gratis
- Ontdek welke route het beste werkt voor jouw bedrijf
- Krijg een ruwe inschatting van de prijs en het aantal weken
„Een Google Maps voor ons magazijn, met filemelding bij stelling 12.”
Distributiecentrum, Waalwijk
Vertel me je probleem, je geniale idee of stel gewoon wat vragen!
Alexander Kaan, product designer