Animation Guidelines

09/10
Über­treibung

K Auf den Punkt gebracht

Animationen besonders wichtiger Elemente werden übertrieben dargestellt, um die Aufmerksamkeit des Nutzers zu erhalten. 

K Grundlagen

Aktionen werden bewusst übertrieben und häufig jenseits des Realismus dargestellt. Handlungen wirken dann überzeugender. Stark übertriebene Bewegungen haben in Interfaces den Effekt, dass wichtige Elemente besonders hervorgehoben werden.

K Beispiele

Wichtige Buttons

Ein Speichern-Button macht durch übertriebene Bewegungen auf sich aufmerksam, wenn ein Dokument schon lange nicht mehr gespeichert wurde.

Scroll Down Indicator

Durch eine sich wiederholende Animation wird darauf aufmerksam gemacht, dass der Nutzer die Mögichkeit hat, nach unten zu scrollen.

K Quellen

Designing Interface Animation: Meaningful Motion for User Experience.

Buch

The illusion of life – Disney animation

10 - Begleitende Animation

Erwartungs­haltung

Durch gegensätzliche Bewegungen eines Objekts wird auf die Aktion, die gleich passieren wird, vorbereitet.

#

02 - Dauer

Begleitende Animationen

Umliegende Elemente eines animierten Elements reagieren auf dessen Animation.

$

Logo Ani

Quellen About