Why Does That UI Animation Feel So Satisfying?
Have you ever wanted to add animation to a UI, but had no idea how to make it actually feel good?
Compared to mobile apps, which come with polished animations built in as standard, the web requires you to implement much more of the animation yourself, and it's not easy to get the quality up to a high standard. In recent years, convenient APIs like the View Transition API have been added, but "how" something should move is still left almost entirely up to the implementer, putting both taste and knowledge to the test.
In this session, I'll analyze what factors give rise to that "satisfying" feeling in UI animation, and present ways to translate that into actual implementation. I'll also show UI patterns commonly seen in mobile apps, implemented in Vue.js, so you can experience firsthand, through real UI, what factors create that sense of satisfaction. My goal is for this to be a catalyst for you to take on animation implementation yourselves, and to give you more tools in hand for when you do.
Katashin
Why Does That UI Animation Feel So Satisfying?
Have you ever wanted to add animation to a UI, but had no idea how to make it actually feel good?
Compared to mobile apps, which come with polished animations built in as standard, the web requires you to implement much more of the animation yourself, and it's not easy to get the quality up to a high standard. In recent years, convenient APIs like the View Transition API have been added, but "how" something should move is still left almost entirely up to the implementer, putting both taste and knowledge to the test.
In this session, I'll analyze what factors give rise to that "satisfying" feeling in UI animation, and present ways to translate that into actual implementation. I'll also show UI patterns commonly seen in mobile apps, implemented in Vue.js, so you can experience firsthand, through real UI, what factors create that sense of satisfaction. My goal is for this to be a catalyst for you to take on animation implementation yourselves, and to give you more tools in hand for when you do.