Motion-QA für Portfolio
Nutze Bewegung nur, wenn sie Hierarchie, Orientierung, Rückmeldung, Sequenz oder Kontinuität verdeutlicht.
Zuerst inspizieren
Lies die Bewegungsregeln des Projekts, die Token-Quelle und die vorhandenen Bewegungsprimitive. Verwende deren Semantik und Dauern wieder, anstatt eine unabhängige Skala oder eine neue Animationsbibliothek hinzuzufügen.
Entscheidungsregeln
- Halte leseintensive Inhalte statisch, es sei denn, eine Animation bietet einen klaren Vorteil.
- Bevorzuge Opazität und Transformation; vermeide Layout-Animationen, Endlosschleifen, Scroll-Entführung, Buchstaben-Staffelung und
transition: all. - Halte Bewegung optional: reduzierte Bewegung wird sofort aufgelöst und Tastaturbedienung wartet niemals auf eine Animation.
- Überprüfe, ob Hover- und Fokus-Zustände äquivalente Statusänderungen erzeugen; verlasse dich nicht auf Zeigerverhalten bei Mobilgeräten.
Validieren
Teste normale und reduzierte Bewegungszustände, Tastaturfokus, Desktop-/Mobil-Layout sowie Wiedergabe-/Verhaltensweisen, sofern zutreffend. Gib den Grund für jede Bewegungsentscheidung, das verwendete Token/die Primitive und jede Abweichung an, die eine dokumentierte Projektentscheidung erfordert.