Web interacties



Micro interacties

Deze kleine animaties op een website zorgen ervoor dat de gebruiker zich prettig voelt met de taak die hij uitvoert. Micro interacties werken omdat deze aantrekkelijk zijn voor de natuurlijke behoefte aan erkenning van de gebruiker. De gebruiker weet namelijk direct dat de actie is geaccepteerd en word hierbij visueel beloond. Daarnaast kunnen micro interacties gebruikers laten zien hoe het systeem werkt en kun je de website of webshop uniek maken. Ontworpen micro interacties ondersteunen dus de behoeften en doelen van de gebruiker.


  • Micro interactie float button

    Float button
    Om de gebruiker te ontlasten zijn niet alle actiebuttons direct zichtbaar binnen de applicatie maar onder een float button geplaatst. Deze wordt geopend middels een klik op de cirkel. Vervolgens begint de animatie. De animatie is zo opgebouwd dat de volgende actiebutton pas te voorschijn komt wanneer zijn voorganger op de juiste plaats staat.

  • Micro interactie geen gebruikers om weer te geven

    Geen gebruikers beschikbaar
    Deze micro-animatie is ontworpen om de gebruiker er op te wijzen dat er geen gebruikers aanwezig zijn binnen het systeem. Dit kan hij oplossen door naar de admin-omgeving te gaan en daar gebruikers aan te maken. De animatie is zo opgebouwd dat de gebruiker direct de juiste boodschap en oplossing krijgt. De graphic geeft hierbij ondersteuning. De vraagtekens vergroten en verkleinen en de wolken bewegen om meer dimentie mee te geven.

  • Micro interactie spinner

    Spinner
    Als de gebruiker even moet wachten op bijvoorbeeld een download dan ziet hij al snel een laad animatie. Deze laadanimatie is zo opgebouwd dat hij langzaam start en steeds een stukje

  • 404 page error

    404 error pagina
    Als de gebruiker op een pagina komt die niet binnen de website of webshop bestaat dan krijgt hij een 404 error pagina te zien. In dit geval is de gebruiker in staat om terug te keren naar de homepage. Om een vrolijke noot aan de error pagina mee te geven is er gekozen voor een character animatie in combinatie met lopende tekst.


Unieke ontwerpen

Nieuwsgierig naar mijn unieke ontwerpen?
Bekijk ze hiernaast, door te klikken op één van deze vier ontwerpen kom je direct bij de projecten.
Veel plezier!