I contributed my take on the common mistakes I see people make with UI animation in this article along with some other cool folks.
The “mistake” I wrote about was forgetting to pay attention to easing. Easing is what makes an animating object change speed over the course of an animation and it’s also a big influence on how successful your animation will be.
In the real world objects accelerate into their motion and slow down before coming to a stop. Even on screen, animations that follow this general pattern often feel odd or even look a bit wrong. Paying attention to the easing you’re using for your animation can fix this.
For the full explanation (and everyone else’s advice), check out the full article here: theblog.adobe.com/ui-ux-animation-principles-tips-tricks-best-practices/
