Paarth Desai

Ecommerce Add to Cart Interaction

  • Save

I have been posting micro-interaction for a long time. My Dribbble shots are mostly focusing micro-interaction which get a loop in particular time duration, also found many on Dribbble. There is something missing. Couple of days ago I posted the shot on LinkedIn and I received so many useful feedbacks but this feedback I would like to share, as it is certainly helpful for Dribbblers.

Drew Andersen, UX Design at Facebook
"I like the animation, but I think one thing that could be causing this issue is thinking about what the initial goal was in making this (other than it being cool looking :). Does it solve anything such as “users don’t see where the cart is when they add an item”? The only feedback I’d give on this is:"

"Also, another thing that helps with motion is looking at the entire picture. How does this move their eye to progress through the ‘story’ of the app? Does it flow to something or is the animation itself the entire story? If the latter, it’s too much. It’s too focused on that single animation. See a good example of story flow E-Commerce App https://dribbble.com/shots/3322906-E-Commerce-App "

THIS SHOT IS MY STORY OF HOW I IMAGINED ADD TO CART INTERACTION.

Multiple shots? Well, don't forget to check out my workflow. Photo credit Nike.

Check out BEHIND THE SCENES of my Interactions on Instagram

UI/UX Interaction Collections
Vol 1.0

Micro-interaction Collections
Vol 1.0

Subtle Animation Collection
Vol 1.0Vol 2.0

InstagramTwitterBehanceMedium

keyboard shortcuts: L or F like