The opposite of easing is linear motion. UI elements displaying linear motion go from stationary to full-speed, and full-speed to stationary, instantaneously. Such behavior exists nowhere in the physical world and appears halting to users.
We’re going to start by ignoring the fact that grapefruit and pomegranates are not even on the list. Mostly, I just really liked the image, but feel free to add those fruits to your list anyway — they’re incredibly healthy, too!
In theory, making UI elements move is easy. Define points on a predetermined path, and software tweens the gaps. In reality, it doesn’t work that way. Tools and techniques are essential, but they derive their power from principles. If motion is to enhance the usability of digital products, it must be founded on unchanging rules of behavior that apply to an infinite number of use cases.
Are the Republicans secretly (or not so secretly) trying to pull off a coup? At this point, you’d be justified if you suspected as much. I wouldn’t put it past them. Hiding behind plausible deniability while saying the quiet thing out loud seems to be their specialty. But then again, they could just be trolling. Time will tell which one it is but one thing’s for certain, I’m quite uncomfortable with people being this flippant about the fate of our Republic.
Offset and delay creates hierarchy between UI elements that are moving at the same time and communicates that they are related, yet distinct. Instead of complete synchronization, the timing, speed, and spacing of elements are staggered, resulting in a subtle “one after another” effect.
The marriage of motion design and UX is relatively new, but its roots are in Disney. Frank Thomas and Ollie Johnston were among Walt Disney’s most valued animators and key contributors to classics like Pinnochio, Bambi, and Fantasia. Their 12 Basic Principles of Animation remain influential in motion graphics for film, television, and digital content.
The Disney principles distill the essential laws of physical motion for the sake of animated storytelling. They empower drawn characters to move and emote, but they don’t adequately address the interactive motion needs of modern user interfaces.
This cryptocurrency app introduces several UI elements at once. Their arrival is slightly staggered to inform users that the elements are related, yet distinct. (Gapsy Studio)
Contemporary designers have attempted to bridge this gap. One of the more illustrative examples is the 10 Principles of Motion Design, a Disney adaptation by animation expert Jorge R. Canedo Estrada. Still, the takeaways call for translation if they are to be applied holistically to digital product design.
The most ambitious attempt to reorient motion principles around interactive UI elements (and their UX significance) is Issara Willenskomer’s UX in Motion Manifesto. Its depth is astounding, but it’s not light reading.
Just ask anyone who’s animated UI elements for the first time. Hours of effort yield amateur results. Something as simple as a card sliding onto the screen looks awkward. Why is that?
The lesson is this. Americans let the basics of life, decade by decade, turn into luxuries only affordable for the richest few — because they were too busy punching one another down to do what the rest of the rich world did: make those very basics of life ever cheaper and cheaper, until they became necessities provided for everyone. Yesterday’s luxuries becoming tomorrow’s basics, freely provided to all, is what the growth of a society really means — but America, perversely, got this backwards — today’s basics became tomorrow’s luxuries, rendering life itself less and less livable, year by year.
Relationship: How do the spatial, aesthetic, and hierarchical attributes of UI elements relate to each other and influence user decision-making? How does motion impact the various element relationships that exist?
Motion design is not synonymous with UI animation. This is crucial because UI animation is almost always treated as a cosmetic afterthought with no bearing on UX (except to add charm). Motion isn’t ornamentation, it is behavior, and behaviors can only help or hinder the user experience.
- The mantra "think outside of the box" is frequently listened to by learners at school. Even so, even as instructional services