The ultimate guide to proper use of animation in UX

Resource | v1 | created by jjones |
Type Web
Created 2019-03-09
Identifier unavailable


While exploring the articles about animation, I found out that almost all of them describe only specific use cases or general facts about animation, but I haven’t come across any article where all rules concerning animation of interfaces would be clearly and practically described. Well, in this article I won’t write anything new, I just want to collect all the main principles & rules in one place, so that other designers who want to start animating interfaces don’t have to search for additional information.


about User Interface Animation

UI animation can be defined as the implementation of motion in order to enhance the overall presentat...

references Material Design Motion

Motion helps make a UI expressive and easy to use.

Edit details Edit relations Attach new author Attach new topic Attach new resource
10.0 /10
useless alright awesome
from 2 reviews
Write comment Rate resource Tip: Rating is anonymous unless you also write a comment.
Resource level 1.0 /10
beginner intermediate advanced
Resource clarity 10.0 /10
hardly clear sometimes unclear perfectly clear
Reviewer's background 3.0 /10
none basics intermediate advanced expert
Comments 1
1 0

10 rating 1 level 10 clarity 2 user's background

Concise overview with no prior knowledge requirements Cool animations included in the article
Mostly cites Material Design Guidelines, no other sources
Great introduction to UX animations for absolute beginners.