14.5 Fazit 
User Experience ist ja das Stichwort, wenn es um die gelungene Umsetzung einer Webseite geht. Dazu gehören das Aussehen eines Produkts, die Bedienung und das Gefühl, das dem User vermittelt wird. Animationen können dieses Nutzererlebnis steigern, wenn sich die Bedienung durch sie natürlicher anfühlt, wenn das digitale Produkt einen persönlichen Charakter bekommt.
Animationen & Performance
Fast vergessen, aber unglaublich wichtig: Ladezeit und Geschwindigkeit spielen ja im Web eine immer größere Rolle. Animationen sollten möglichst ruckelfrei ablaufen und nicht allzu lange Wartezeiten verursachen. Hilfreiche Informationen zum Thema Animationen und Performance finden sich im Artikel html5rocks.com/en/tutorials/speed/high-performance-animations/.
CSS3-Animationen bieten schon einige tolle Möglichkeiten. Für einfache Animationen reichen die Transitions. Wenn Animationen immer wieder abgespielt werden oder etwas komplexer sein sollen (mit mehreren Schlüsselbildern), dann gibt es die @keyframe-Animationen. Und für »ganz wilde« Sachen gibt es JavaScript.
Es sind also drei Fragen, die man sich beim Einsatz einer Animation stellen sollte:
-
Dient es der Persönlichkeit der Webseite?
-
Dient es der Freude an der Nutzbarkeit?
Werden alle drei Punkte mit Ja beantwortet, dann heißt es: Animate it, Baby!
Webdesign
