Designsystem

Animation

Animationen sollen die Benutzerführung unterstützen. Sie lenken die Aufmerksamkeit und das Verständnis wie Aktionen ausgeführt werden. Sie können für wichtige CTA eingesetzt werden um den Benutzer gezielt auf eine Aktion zu fokussieren.

Inhalt

Unsere dezente Animationsphilosophie

Grundsätzlich setzen wir Animationen und Mikroanimationen sehr gezielt und reduziert sein. Der Gesamteindruck des digitalen Auftritts darf nicht gestört und der Benutzer nicht verwirrt werden. Unsere Animationen sollen ein lockeres und dezentes Gefühl wiedergeben. Sie wirken angenehm, dezent und bodenständig.

Einsatz von Animationen

Mögliche Einsatzgebiete für Animationen und Mikroanimationen:

  • Hervorheben von Schlüsselmomenten oder wichtigen Interaktionsmöglichkeiten
  • Auf Microsites oder Landingpages zur Gamifizierung von Nutzerinteraktionen und Stati (z.B. Quiz o.ä.)

Motion Geschwindigkeit

Durch die richtig gewählte Geschwindigkeit stellen wir einen einheitlichen Auftritt sicher und lenken den Benutzer nicht zu sehr ab. Zu schnelle Animationen wirken überfordernd und hektisch. Zugleich darf die Animation auch nicht zu langsam sein, um den Benutzer kein Gefühl des Wartens zu vermitteln.