Motion design patterns

Posted to Design  |  Tags:  |  Nathan Yau

Issara Willenskomer talks in detail about the use of animation in UX design with a focus on twelve specific patterns. Different types of motion can represent different things. It’s easy to see how this applies to visualization.

Favorites

The Changing American Diet

See what we ate on an average day, for the past several decades.

Years You Have Left to Live, Probably

The individual data points of life are much less predictable than the average. Here’s a simulation that shows you how much time is left on the clock.

A Day in the Life of Americans

I wanted to see how daily patterns emerge at the individual level and how a person’s entire day plays out. So I simulated 1,000 of them.

Life expectancy changes

The data goes back to 1960 and up to the most current estimates for 2009. Each line represents a country.