Auf den Punkt gebracht
Animationen dienen der Verbesserung der User Experience. Deshalb muss jede Animation einen funktionalen Grund haben.
Grundlagen
Die häufigsten Gründe für den Einsatz von Animationen sind Orientierung und Kontext, Ursache und Wirkung, Aufmerksamkeit des Nutzers und Feedback.
Lässt sich für eine Animation keinen funktionalen Grund definieren, ist eine Animation an dieser Stelle auch nicht angebracht, sondern bedeutungslos und im schlimmsten Fall sogar verwirrend und störend.
Orientierung und Kontext
Es ist wichtig, dass sich der Nutzer ein mentales Model des Interfaces bilden kann. Dabei ist es hilfreich, wenn Kontextveränderungen sichtbar gemacht werden.
Ursache und Wirkung
Es ist hilfreich, wenn der Prozess von Ursache ud Wirkung visuell dargestellt wird.
Aufmerksamkeit des Nutzers
Animationen helfen dem Nutzer, den Inhalt priorisieren zu können.
Feedback
Feedback an den Nutzer gibt ihm Sicherheit bezüglich des System-Status.
Quellen
How Functional Animation Helps Improve User Experience
Designing Interface Animation: Meaningful Motion for User Experience.
Begleitende Animation
Umliegende Elemente eines animierten Elements reagieren auf dessen Animation.
Dauer
Als grober Richtwert gilt für Animationen ein Bereich zwischen 200 und 500 Millisekunden.
