Florence .'s post
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Which framer micro interaction tells a better story?

65 voted

73%

24 voted

27%

89 votes

Closed

Akin's avatar
I'd say Option 1, but having all columns animated can be overwhelming for some users, so I'd only keep the animation in the first column. Great work btw 👍
Florence's avatar
Thank you, I appreciate
Vezubuhle's avatar
Both!!!😍 but since you malking us choose, am going with option😊
Murad's avatar
Andrea's avatar
Hi Florence, i think it depends on your purpose. Option 1 is like a showcase of the steps, instead option 2 is for showing the global range of the app. Both work very good, but If I have to choose I would go with the option who fits most your goal.
Benjamin's avatar
TRUEFRAME logo
Great point Andrea! Goal alignment is everything. The showcase vs global range distinction you made is super insightful - totally changes the UX strategy 👏
Florence's avatar
I really appreciate this insight.
Andrea's avatar
Thanks Benjamin :)
Ahmad's avatar
Bento Grid + animated information
Alyssa's avatar
Option 1 is more user-friendly and easier to read and navigate.
Florence's avatar
I would agree
Michael's avatar
I'd say option 1 since it assumes connecting is a pain point. Staying connected implies reliability after the connection is made. Really depends on where the pain-point lives for you customers.
Florence's avatar
You are right that it should reflect where the real pain point lives for users.
Thank you
Benjamin's avatar
TRUEFRAME logo
Option 1 feels more dynamic and engaging! The progressive reveal creates a sense of discovery. However, I'm curious - what's the context for this? Is it for a data dashboard or product showcase? The answer might influence which interaction pattern works better for user comprehension 🎯
Florence's avatar
It is for an Esim app. One shows the steps to connect while the other shows the coverage areas
Fazlur's avatar
Impressive work
Florence's avatar
Thank you
Pavan's avatar
Option 1 has less cognitive load as compared to Option 2.
Valerie's avatar
I think animating option 1 frame after frame would be pretty good. Asides that, they both tell a good story since the stories are different.
Mohamed's avatar
Option 1 looks super cool!
Yasmine's avatar
incredible motion
Florence's avatar
Thank you😊
Ahmed's avatar
Option 1
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started