The 12 Principles of UX in Motion

Easing and Offset & Delay relate to timing.
Parenting relates to object relationship.
Transformation, Value Change, Masking, Overlay, and Cloning all relate to object continuity.
Parallax relate to temporal hierarchy.
Obscuration, Dimensionality and Dolly & Zoom both relate to spatial continuity.

56

247 reads

MORE IDEAS ON THIS

Principles, Techniques, Properties, and Values

Principles are the underlying premises and rules of function giving rise to any number of techniques. From there, we can imagine a hierarchy:

principles at the top,
techniques further down,
properties below that, and

51

198 reads

Motion Usability is not UI Animation

‘UI Animation’ is typically thought of by designers as something that makes the user experience more delightful, but overall doesn’t add much value. Thus, UI Animation is often treated like the red-headed stepchild of UX.

What most designers think of as ‘UI Animation’ is in fact the executi...

57

566 reads

Motion supports usability in four ways

These four pillars represent the four ways where the temporal behavior of user experiences supports usability.

Expectation: how users perceive what an object is, and how it behaves.
Continuity speaks both to the user flow and...

59

244 reads

Realtime vs non-realtime interactions

It is important to distinguish between ‘state’ and ‘act.’ The state of something in UX is fundamentally static, like a design comp. The act of something in UX is fundamentally temporal, and motion based.

An object can be in the state of being masked or it...

58

301 reads

CURATED FROM