Beweging die iets uitlegt in plaats van opsiert
De meeste animatie op websites is versiering, en versiering wordt na de tweede keer irritant. Beweging is de moeite waard als hij iets doet: laten zien waar iets vandaan komt, waar je bent in een reeks stappen, of dat er iets is veranderd dat je anders zou missen.
Interactiviteit is er in vele maten, van klein tot groot.
Klein: interactie die je nauwelijks opmerkt
Een invoerveld dat meteen zegt dat een postcode niet klopt in plaats van pas na het verzenden. Een overzicht dat laat zien welk filter aanstaat. Een melding die ruimte inneemt die al gereserveerd was, zodat de pagina niet verspringt op het moment dat je wilt klikken.
Dit is het soort werk dat niemand opmerkt als het goed is en dat iedereen opmerkt als het ontbreekt. Het hoort bij het bouwen en het staat niet los op een factuur.
Uit het werk voor ANWB Golf: wat er gebeurt op het moment dat je een scorekaart invult en een hole-in-one hebt gespeeld.
Groot: iets dat mensen uit zichzelf openen
Eind 2021 en 2022 maakte ik voor Perfect Web Team twee digitale kerstkaarten waar je je doorheen scrolt. Daarna ben ik voor mezelf verder gegaan met een reeks kerstspellen, en voor het NPi bouwde ik een congres in de vorm van een pixelgame met negen zalen, waar bezoekers een podcast konden luisteren en kennisvragen konden beantwoorden.
Achtentwintig seconden uit vier projecten: de drie delen van Santa's Present Grab en het congres voor het NPi.
Wat die projecten gemeen hebben is dat mensen ze uit zichzelf openen en doorsturen. Dat lukt niet met een banner. Het lukt wel als er iets te doen valt dat de moeite waard is, en dat kost meer dan een middag.
Wat ik erbij afspreek
Alles wat beweegt moet ook werken zonder de beweging. Wie in zijn systeem heeft ingesteld dat hij minder animatie wil, krijgt minder animatie; dat is één regel CSS en ik zet hem er altijd in.
Bij gewone interactie geldt daarbij dat wat je met een muis kunt, ook met het toetsenbord moet kunnen. Bij een spel ligt dat anders. Een spel dat op reactiesnelheid of op precies mikken draait valt niet zomaar met een toetsenbord te bedienen, en het heeft weinig zin om te doen alsof dat wel kan.
Werk dat je zelf kunt proberen
{ front-end, design system, webdesign }
{ front-end, webdesign, design system }
{ game development }
{ game development }
{ game development }
{ front-end, webdesign }





