In deze aflevering van Pillowtalk bespreken Milan, Joël en Gertjan van Pixelpillow de toegevoegde waarde van motion (animatie) in het ontwerp van digitale producten. Ze introduceren zichzelf en geven updates over de UX Meetup Zwolle. Hier kunnen trouwe luisteraars de laatste plekjes bemachtigen door het codewoord te noemen. Vervolgens introduceren ze het onderwerp en benadrukken ze hoe motion de gebruikservaring kan beïnvloeden.
Deze week komt de UX fuck-up van Arjan, die bij Jumbo boodschappen had besteld. Tijdens het afhaalproces kreeg hij te maken met onduidelijke feedback bij een pick-up service. Nadat hij een code had ingevoerd, sprong het scherm terug naar het beginscherm zonder duidelijke bevestiging of foutmelding. Dit benadrukt het belang van heldere feedback in processen om verwarring bij gebruikers te voorkomen.
Hoewel een website in theorie zonder motion kan functioneren, benadrukken ze dat het tegenwoordig geen optimale gebruikerservaring biedt. Motion helpt om gebruikers duidelijkheid te geven over wat er gebeurt in een interface, zoals bij het inladen van elementen of het navigeren tussen verschillende stappen. Daardoor is motion inmiddels een essentieel onderdeel geworden van elke moderne website of applicatie.
Motion is een belangrijk onderdeel van de huisstijl van een merk, net als typografie en kleurgebruik. Het kan een organisatie helpen zich te onderscheiden en een uniek gevoel van merkbeleving te creëren. Een voorbeeld hiervan is The Voice of Holland, waar motiongraphics bijdragen aan een herkenbare en onderscheidende stijl die het programma zijn unieke identiteit geeft.
Gebruikers zijn tegenwoordig gewend aan motion in digitale producten en verwachten dit ook in hun interactie. Dit betekent dat motion niet langer een optionele extra is, maar een vereiste voor een goede gebruikerservaring. Zonder motion kan een applicatie verwarrend zijn en kunnen gebruikers verloren raken in de interface.
Flash bood vroeger uitgebreide mogelijkheden voor motion en animaties, maar het was beperkt door de noodzaak van een plugin. De hosts merken op dat we tegenwoordig weer op een vergelijkbaar niveau zijn dankzij nieuwe technologieën die HTML en motion combineren. Toch blijft het realiseren van animaties in moderne websites nog steeds arbeidsintensief en complex, vooral als het gaat om het combineren van semantische HTML en rijke animaties.
Pixelpillow legt de nadruk op de groeiende noodzaak van motion in digitale ontwerpen. Motion is een belangrijk onderdeel geworden van het creëren van onderscheidende en effectieve digitale producten, en de technologie om dit te realiseren heeft een lange weg afgelegd. Toch blijft het een uitdaging om dit op een efficiënte en consistente manier in het ontwerp te integreren.