Communicating Animation

A session at Clarity

Friday 1st April, 2016

9:30am to 10:00am (PST)

Animation is key component of beautiful and useful product design. Salesforce, Google, and IBM all feature motion design in their design systems, and there’s every reason you should, too. When designers and developers agree upon constraints, they can create UI components faster and present a unified, polished look and feel users appreciate.

Communicating animation is all about identifying patterns and setting boundaries and behavior expectations. This means:

  • creating custom easings that reinforce branding and physics
  • choreographing scalable timing values
  • creating a vocabulary of reusable components
  • combining those components into unique yet universal animation patterns.

Whether your project is big or small, if it has a style guide, you will want to include motion design. In this talk, you will learn how to bring animation to heel.

About the speaker

This person is speaking at this event.
Rachel Nabors

Animation Engineer

Rachel Nabors is a web animation expert, award-winning cartoonist and interaction developer, and invited expert at the W3C. She has worked on projects with companies from Adobe to Mozilla. She travels the world, speaking and training, and helping teams put animation to work in their design systems and documentation. When not biking around her home city of Portland, she curates WebAnimationWeekly.com. You can catch her as @rachelnabors on Twitter and at rachelnabors.com.

4 attendees

  • Colin Johnston
  • Jina Anne
  • Rachel Nabors
  • Stephanie Schuhmacher

Coverage of this session

Sign in to add slides, notes or videos to this session

Sign in to track this session


United States United States, San Francisco

31st March to 1st April 2016

Tell your friends!


Time 9:30am10:00am PST

Date Fri 1st April 2016

Short URL


Official event site


View the schedule


See something wrong?

Report an issue with this session