Adhering to motion principals as a designer helps create a uniform experience for our users as they move throughout the TELUS website. Be sure to check that your design follows the guides below.
Fundamentals of motion
Learning the basics when creating motion graphics is key. As a designer you should be aware of hierarchy, feedback and personality when creating any moving component.
Motion principles for accessibility
Writers, developers and designers must work together to ensure any motion is properly created so that all users can still understand the message even if they have reduced motion settings turned on.
Dimensional plane (X, Y, Z-axis)
Understanding how components move along a dimensional plane will help ensure correct grid use with designing motion.
Transitions
Motion communicates that a transition has occurred. Read the following guide to learn about different kinds of transitions along with feedback, status, and easing.
The role of continuity
Continuity is extremely important for users as they interact with a product. Designing recognizable patterns can aid in the understanding of the product and ultimately create a more friendly experience.
Motion choreography
Sequencing movements in a predictable and intuitive way will help the user’s understanding of what is taking place on their page. Good choreography will help maintain the user's focus throughout multiple actions.
Motion speed (timing)
Proper motion speed timing ensures less complications with the user's flow throughout a task. There should be enough time passing to show an action has been triggered, but not too slow or fast so that the user misses it.
