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

Murad's avatar
Option 1
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๐Ÿ˜Š
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
pro
โ€ข Dec 14
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