❌ 5 Mistakes to Avoid when You’re Starting Motion Designing
Courtesy of @millionframes
Motion seems easy to go thing when there is the only basic need of 2 keyframes to create an animation but one should not think it this way.
There are few things which we as a designer should look for when we add motion to enhance the user experience 🧩
Let’s see what mistakes to avoid 👇
1️⃣ Avoid animating everything
2️⃣ Not expressing continuity
3️⃣ Not using easing in animations
4️⃣ Avoid too fast & too slow animations
5️⃣. Not maintaining user focus using animation choreography.
Avoid Animating Everything
Motion design or animation is a subtle art of adding movement to enhance the dynamism of the product or video. Don’t animate each and every object on the screen. Animate only which is a part of the process or a story.
Not Expressing Continuity
Use motion to connect different objects on a screen together. Motion guides user attention in a smooth, unbroken fashion, When a UI changes appearance, motion provides continuity between the placement and appearance of elements before and after a transition.
Not Using Easing in Animations
Easing allows transitioning elements to speed up and slow down, rather than moving at a constant linear rate. In the real world, things don’t start or stop moving instantaneously. Things take time to speed up and slow down. Easing makes elements move as though influenced by natural forces like friction.
Avoid Too Fast or Too Slow Animations
Regardless of an animation’s style, transitions shouldn’t be jarringly fast or so slow that they keep the user waiting. The right combination of duration and easing produces fluid and clear motion. We will see in detail about speed in later posts.
Not Maintaining User Focus Using Animation Choreography
A good animation makes it easy to understand what has changed in a screen, if any elements were added or removed, and what’s important to know about the next interaction.
Get 50+ Marketing Tools we use in Tegra 🤘
Follow the link 👉 https://use.tegra.co/tools to get a list of 50+ free (or cheap) growth marketing tools that we and other growth agencies use to scale businesses like yours + growth hacking insights.