Introducing our Motion Design Principles

Our 3 key principles for designing with motion at the ´óÏó´«Ã½.

Part of:Motion Design Principles

Contributors

  • Jenna Maudlin
  • Natalia Zmyslowska
  • Agens
  • +10

Overview

This example is based on the work of Eadweard Muybridge, entitled ’The Horse in Motion’. The series was one of the first examples of chronophotography.

The human brain can only retain an image for approximately 1/10th of a second*. When a sequence of images is presented in quick succession, the brain blends these singular images into a moving picture and motion is created.

As technology has evolved motion has made its way onto the web and now plays an integral part in user experience. Motion helps create a sense of control and can guide users through trickier parts of user journeys. On touch-screen devices motion helps us create a 1 to 1 relationship between man and machine by designing gestures that work together with on-screen motion to create a seamless navigation experience. As designers, motion is a valuable tool in our toolkit.

Our Principles

When designing user interfaces in the ´óÏó´«Ã½, we have 3 core principles which influence everything we do:

Connect

Establish an immediate and constant connection with the product.

How we use motion to connect

Guide

Reveal how the product can be used.

How we use motion to guide

Delight

Create emotional responses.

How we use motion to delight

Please note

This guide is an evolution of a guide published on 7 April 2016 under the title of 'The ABC's of motion'. This content is now archived. The archived guide is available here for context.