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
Florence's avatar
pro
β€’ Dec 12
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
pro
β€’ Dec 13
Thank you, I appreciate
Vezubuhle's avatar
Both!!!😍 but since you malking us choose, am going with option😊
Murad's avatar
Option 1
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
max
β€’ Dec 14
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
pro
β€’ Dec 14
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
pro
β€’ Dec 14
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
pro
β€’ Dec 14
You are right that it should reflect where the real pain point lives for users.
Thank you
Benjamin's avatar
TRUEFRAME logo
max
β€’ Dec 14
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
pro
β€’ Dec 14
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
pro
β€’ Dec 14
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
pro
β€’ Dec 15
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