Thanks Serdar,
You're right, if performance is a concern then it is important to accommodate users on lower powered devices. I'm not advocating you add animations every time but I think animations when used correctly can enrich the user experience.
What I was trying to allude to is the use of animation can help contextualize actions for the user and communicate that your app is doing something.
- A modal with a slight fade-in or slide-in may be less jarring than simply appearing.
- An spinning activity indicator says to the user that the UI is not unresponsive and performing a task
- A subtle glow on a button can grab the user's attention for an on-boarding experience
As with anything, you don't have to add animations to everything and you shouldn't all the time but if you do, I think Pose is a good way to do it for developers. It's easy to use and much more flexible than other approaches I've come across. The mantra of the web is progressive enhancement, if you can achieve a performant experience on lower-end devices but cater to powerful devices too, it's a win-win.
Hi Seth,
Thanks for the article. Something got my attention here,
To be honest, this doesn't make any sense. Animations are flavor to your application and makes user experience delightful and better. But that doesn't mean if you are using React or Vue
you shoulduse animations.One thing to keep in mind is animations comes with its own cost. Extra code, extra storage, extra cpu. So if your goal is performance, every single bit counts. One thing to keep in mind, and I think most developers nowadays miss this point, not everybody has your super power boosted machine.