Wie bleibt Motion Design verständlich, ruhig und kontrollierbar?

Listen Sie alle Übergänge, Scroll-Effekte, Loops und Zustandswechsel auf. Für jeden Eintrag werden Trigger, Zweck, Dauer, Bewegungsstrecke, Abbruch und alternative Darstellung dokumentiert. Dekorative Effekte erhalten die niedrigste Priorität.

Achten Sie besonders auf großflächige Bewegung, Parallax, automatische Karussells und pulsierende Elemente. Sie können Unruhe erzeugen und sollten weder Navigation noch wichtige Aussagen überlagern.

Bei reduzierter Bewegung steht der Inhalt sofort im finalen Zustand. Komponenten dürfen nicht mit `opacity: 0` oder verschobenen Inline-Styles hängen bleiben, wenn eine Animationsbibliothek nicht startet. CSS-Fallbacks und komponentennahe Tests schließen diese Lücke.

Nicht jede Zustandsänderung muss verschwinden. Ein Menü darf unmittelbar öffnen und ein Fokuswechsel sichtbar bleiben. Entscheidend ist, unnötige Bewegung zu reduzieren, ohne Rückmeldung und Orientierung zu entfernen.

Full-page-Screenshots allein lösen Lazy Loading und Scrolltrigger nicht zuverlässig aus. Die Seite sollte schrittweise durchlaufen werden. Danach werden versteckte Überschriften, transformierte Inhalte, laufende Animationen, Overflow, Konsolenfehler und defekte Medien geprüft.