Menu
the REFERENCE

De toekomst ligt in Motion Design

Motion design is een subgroep van grafisch design waarin designers hun creaties tot leven brengen door middel van animatie. Het leuke en esthetische belang van motion design is duidelijk, maar animatie kan ook een functioneel doel invullen. Meteen ook de reden waarom dit zo’n noodzakelijk component in je marketingmix is geworden.

Intussen is het algemeen geweten dat User Experience zowat het belangrijkste ‘onderdeel’ is van je website, applicatie en in se zowat elk touchpoint met klanten en prospecten. Een goed uitgebouwde User Interface is daarbij van belang om het succes van je UX te verzekeren. Hier komt motion design aan te pas: door kleine onderdelen van je UI te animeren kan een gebruiker vlotter navigeren. Het gaat hier om kleine, subtiele animaties die toch de aandacht weten te capteren. Dit is meteen ook het eerste nut van motion: oriëntatie. Animatie helpt een (nieuwe) gebruiker om te focussen en hen te begeleiden naar waar de juiste ‘plaats’ op de site of app.

motion-design-2 motion-design-1

motion-design-3

Een ander belangrijk doel van animatie is ter bevestiging van een actie. Een gebruiker krijgt feedback van zodra deze een actie heeft uitgevoerd – zo bespaar je mensen het gepieker of ze nu effectief ergens op hebben geklikt. Of hun bestand is geüpload en of hun e-mail is verzonden. Het gaat hier opnieuw over erg subtiele animaties, een simpele maar effectieve respons. We noemen dit micro-animatie of een micro-interactie. Om dergelijke animaties in je design op te nemen is het wel van belang om hier al van bij de start van het designen rekening mee te houden. Motion kan trouwens best altijd een doel hebben: ofwel puur functioneel en behulpzaam, ofwel als esthetische meerwaarde.

motion-design-4

motion-design-5

 

Trigger figure: andere doelen van animatie

 

Animatie kan uiteraard ook ingezet worden om mensen hun aandacht te trekken en hun te triggeren om door te klikken. Denk aan dynamische en interactieve banners. Een statische banner kan mooi ogen, maar het is de geanimeerde banner die uiteindelijk in het oog gaat springen. Of het nu een kleine of grote beweging betreft: het menselijk brein geeft sneller aandacht aan beweging. Het staat natuurlijk buiten kijf dat het design zelf nog steeds visueel aantrekkelijk én relevant moet zijn.

Sociale media zijn een ander platform waarop motion design een plekje claimt. Gifs en video’s zijn overal en scoren beter dan een gemiddeld stilstaand beeld. Ook hier is de esthetische meerwaarde van animatie vrij duidelijk: zelfs de kleinste animatie zal een Facebook- of Instagramgebruiker sneller weten te triggeren. Net omdat deze media ook zo ‘snel’ zijn is het nog belangrijker om direct de aandacht vast te grijpen.

motion-design-6

motion-design-7

motion-design-8

 

Naast navigatie, oriëntatie en feedback is animatie ook op website en in applicaties te gebruiken in z’n esthetische functionaliteit. Zolang je er niet te veel gaat gebruiken kan animatie bijdragen tot een aangename ervaring op je platform en is de gebruiker geneigd om je website/applicatie sneller opnieuw te gebruiken. Dit omdat je hen hebt weten verleiden met visual storytelling. Handig weetje: animatie kan ook bepaalde gevoelens zoals irritatie net niet triggeren. Terwijl je bijvoorbeeld een bestand bent aan het uploaden kan je de animatie in verschillende mini-animaties opbreken zodat het lijkt dat de gebruiker z’n tijd niet aan het verliezen is. Last van een kleine vertraging in de backlog? Een animatie i.p.v. een klassiek laadicoontje kan het gevoel van wachttijd en irritatie wegnemen. Het gaat hier om het inspelen op perceptie en zo mensen een beter gevoel én een betere ervaring te geven!

motion-design-9motion-design-9

Overtuigd dat motion design wel degelijk een noodzaklijkheid is in je marketing mix? The Reference huist verschillende experts die staan te popelen om de UI en UX van jouw website of applicatie te verbeteren door middel van animatie. Aarzel zeker niet om ons te contacteren!

CONTACTEER ONS

Op de hoogte blijven?

top
more than digital
The Reference is niets zonder haar klanten. Carglass is de specialist in het herstellen en vervangen van autoruiten, waarvoor we een volledige responsive Sitecore website gebouwd hebben. Lees meer over deze klant.