Von A zu B

Bewegung

Die Zeit sowie die Anordnung ermöglicht es Interaktionen oder Elemente in verschiedenen Zuständen oder Orten zu platzieren.

Die Bewegung selbst hat ebenfalls verschiedene Zustände

Die Bewegungskurve (Easing)

Linear oder Non-Linear. Wie beschleunigt sich ein Element beim Start und bremst es wieder ab am Ziel.

Bewegungsbeziehung (Offset & Delay)

Eine Bewegung mehrerer Elemente kann durch einen verspäteten Start/Ende eines Elementes sowie durch die Orchestrierung der Bewegungsabfolge die gehenden oder kommenden Elemente besser erklären.

Zwei Grafiken, welche die Bewegungskurve (Easying) sowie das Offset und Delay verdeutlichen.
© Webdesign Essentials
Vertiefe dich ins ganze Kapitel

User Interaction Visualization