Make transitions preserve context Continuity
Finding
When something changes on a screen, we usually just show the new state.
But the user can lose the connection between what they clicked and what appeared next.
Idea
Use animation to make the same element visually move into its new state.
For example, when I click a product card, the card can expand into the product details instead of disappearing and showing a completely new page.
The user can understand:
This is the same thing, just opened.
Field Lamp
₹2,400
Desk Clock
₹1,850
Stone Vase
₹3,100
Desk Clock
₹1,850
Add to cart
Watching
Runs on its own
Why I like it
The animation is not just there to look nice.
It helps the user understand where something came from and where it went.
Animation should explain the change, not just decorate it.