Principles, Techniques, Properties, and Values - Deepstash

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 with principles at the top, techniques further down, properties below that, and values at the bottom. I think of technique as akin to ‘ Style.’properties are the specific object parameters that are being animated to create the technique. Values are the actual Numeric property values that vary over time to create what we call ‘ animation'

4 STASHED

MORE IDEAS FROM THEARTICLE

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 can be in the act of being masked. 

All temporal aspects of interaction can be thought of as happening in realtime or non-realtime. Realtime means that the user is directly interacting with the objects in the user interface. Non-realtime means that the object behavior is post-interactive: it occurs after a user action, and is transitional.

5 STASHED

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 to the ‘consistency’ of the user experience. 
  • Narrative is the linear progression of events in the user experience that results in a temporal/spatial framework. 
  • Relationship refers to the spatial, temporal, and hierarchal representations between interface objects that guide user understanding and decision making.

4 STASHED

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.

4 STASHED

It’s not about 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 execution of a higher modality of design: the temporal behavior of interface objects during realtime and non-realtime events.

4 STASHED

1 LIKE

Deepstash helps you become inspired, wiser and productive, through bite-sized ideas from the best articles, books and videos out there.

GET THE APP:

RELATED IDEAS

Product Design: A Primer

Product design is the process of creating products that offer solutions to a problem in a specific market. Successful product design both serves a business and incorporates users’ needs. Product design includes digital tools, experience design, and physical products.

Product design’s foundations start with the design thinking ideology.

Design thinking was developed as a user-centric way to integrate the needs of real users into technological and business requirements that are a result of solving complex problems.

7 STASHED

UX design is crucial to just about everything. It renders the latest technology accessible to the masses, makes our favourite apps and websites a pleasure to use, and determines which brands and products we return to over and over again. To put it simply, design matters.

UX designers can make a huge difference to the world in which we live — not only through designing great user experiences, but by spreading the word about the immense value of good design.

So what is UX design all about? Let our all-time favourite UX design quotes enlighten and inspire you!

15 STASHED

5 LIKES