Ein Effekt braucht eine Aufgabe.

Der Anlass in dieser Woche

Chrome stellte am 19. Mai 2026 neue Möglichkeiten für interaktive Oberflächen vor. Darunter waren HTML-in-Canvas als experimenteller Test und Übergänge für einzelne Seitenelemente. Die Meldung war Teil der Google I/O und gehört damit in die Woche vom 18. bis 24. Mai.

Das war keine Zusage, dass jede gezeigte Funktion in jedem Browser sofort einsatzbereit wäre. Für diesen Rückblick dient die Ankündigung als Anlass. Die folgenden Empfehlungen sind unsere heutige gestalterische Einordnung; wir berichten nicht von einem eigenen Test der damals angekündigten APIs.

Was soll sich im Kopf bewegen?

Beginnt mit einer Frage statt mit einem Effekt: Was versteht ein Besucher nach der Bewegung besser? Bei einem Ablauf kann ein Wechsel zeigen, welcher Schritt auf welchen folgt. Bei einem Produktvergleich kann eine veränderte Ansicht den Unterschied sichtbar machen. Ein rotierendes Logo allein erklärt dagegen noch keine Leistung.

Schreibt die Aufgabe in einen Satz. Zum Beispiel: „Besucher sollen erkennen, dass dieselbe Aufnahme als Website-Film und als kurzer Hochkantclip genutzt werden kann.“ Das ist ein hypothetisches Briefing. Jetzt könnt ihr beurteilen, ob eine Animation diesen Zusammenhang zeigt oder nur daneben dekoriert.

Legt zuerst eine ruhige Fassung an. Überschrift, Bild und nächste Handlung müssen auch dann zusammenpassen, wenn nichts läuft. So habt ihr einen verständlichen Ausgangspunkt, mit dem ihr die bewegte Variante vergleichen könnt.

Bewegung darf keine Bedienprüfung ersetzen

Prüft eure konkrete Seite auf dem Handy: Bleibt der Text vollständig lesbar? Ist die Auswahl ohne Hover möglich? Kann man eine Erklärung mit der Tastatur erreichen? Solche Fragen lassen sich nicht allein aus einer beeindruckenden Desktop-Demo beantworten.

Wenn jemand reduzierte Bewegung eingestellt hat, braucht die Information weiterhin einen verständlichen Zustand. Ihr könnt eine Verwandlung beispielsweise durch klar beschriftete Ansichten ersetzen. Entscheidend ist die zugängliche Erklärung, nicht das erzwungene Abspielen einer Sequenz.

Haltet außerdem fest, was passiert, wenn ein Medium nicht lädt. Eine sichtbare Beschriftung und ein passendes Standbild können den Zusammenhang erhalten. Ein leerer Bereich mit einem aktiven Kauf- oder Anfragebutton wäre keine hilfreiche Ersatzdarstellung.

Mit eigenem Material vergleichen

Im heutigen MVMNTS Playground könnt ihr einen Text eingeben oder ein Logo für die Vorschau verwenden. Vergleicht dabei dieselbe Aussage in verschiedenen Einstellungen. Dieser aktuelle Testzugang ist keine Implementierung der angekündigten Chrome-Demo und dokumentiert keinen Stand aus Mai.

Notiert nach dem Vergleich drei Dinge: gewählte Darstellung, unterstützte Aussage und offene Frage für die Umsetzung. „Die Bewegung lenkt den Blick auf den Unterschied zwischen zwei Varianten“ ist ein brauchbareres Briefing als „Bitte alles dynamischer machen“.

Probiert die Darstellung mit eurem Material aus. Wenn daraus eine konkrete Website-Idee entsteht, verbindet MVMNTS Gestaltung, Inhalt und Umsetzung im Projektgespräch. Eine zusätzliche Interaktion wird erst dann sinnvoll, wenn sie zur Aufgabe der Seite passt.