K Auf den Punkt gebracht

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

K Grundlagen

Die Erwartungshaltung, die beim Nutzer erzeugt wird, bereitet auf eine Aktion vor. Für den Nutzer ist das ein Hinweis auf das, was gleich passiert. Es verhindert, dass der Nutzer von der Aktion überrascht wird. Gleichzeitig werden Interfaces vorhersehbarer und wirken lebendiger.

K Beispiele

Slider

Durch das Erscheinen von der rechten Seite erwartet der Nutzer, dass er die Kacheln nach links weiter schieben kann, um noch mehr Content zu sehen, der auf der rechten Seite im Verborgenen ist.

Hover

Unterschiedliche Hover-Zustände lösen beim Nutzer die Erwartung aus, dass etwas passieren wird, sobald er das Element anklickt.

K Quellen

Designing Interface Animation: Meaningful Motion for User Experience

Stop Motion – Craft Skills for Model Animation

The Animator’s Survival Kit –
A Manual of Methods, Principles and Formulas for Classical, Computer, Games, Stop Motion and Internet Animators