Bewegung mit Zweck

Wir nutzen Bewegung, um zu zeigen, woher Dinge kommen und wohin sie gehen, um einen Klick mit seinem Ergebnis zu verbinden und das Auge zu leiten, stets im Dienst des Verstehens.

Ein gut getakteter Übergang zeigt dem Auge, woher etwas kam und wohin es ging, sodass die Oberfläche zusammenhängend wirkt statt zu springen. Bewegung als Selbstzweck bewirkt das Gegenteil, sie lenkt auf sich und bremst alle.

Wir nutzen Animation, um Ursache und Wirkung zu zeigen, Kontext über Änderungen zu bewahren und Nutzern zu bestätigen, dass das System sie gehört hat, schnell genug, dass sie nie zum Wartegrund wird.

Jede Animation sollte eine Frage beantworten, von der Nutzer nicht wussten, dass sie sie hatten: Woher kam dieses Panel? Was wurde gerade gespeichert? Warum hat dieses Element die Liste verlassen? Bewegung, die Kausalität erklärt, verdient ihre Millisekunden; Bewegung, die nur Charisma aufführt, stiehlt sie.

Dauer ist eine Sprache. Mikro-Feedback lebt unter 150 ms, räumliche Übergänge um 250, 350 ms, und alles jenseits einer halben Sekunde sollte besser eine echte Wartezeit unterhalten. Fühlt sich eine Oberfläche träge an, sind die Animationen meist richtig, nur zu lang.

Wir bauen auf Transforms und Opacity für butterweiche Frameraten, behandeln prefers-reduced-motion als harte Anforderung und prototypen das Timing auf dem langsamsten Gerät, das wir besitzen, Animation, die nur auf dem Designer-Laptop gut aussieht, ist ein privater Witz.