To begin this project I started with research to immerse myself with how Micro Animations look and work with a users interaction.
During the lecture Dribble was mentioned as a good source for research so this is what I began with for my research. I wanted to create a mood board for the interactions I liked which I created a whimsical board and linked the interactions I linked there.
https://whimsical.com/RojrVZ1teAwavyvRZ2QVeP
One of my favourite micro interactions was a payment one where the icon of the card swipes along the top of the button as if you were swiping your card on a machine. I also noticed that payment animations were a pretty common trend. This is a very playful animation which I think it can actually help functionality as it is referencing a real world thing in a shuttle way. I'm not sure if this can really be improved, maybe it could have a bounce when the payment is accepted and not just green
https://dribbble.com/shots/14392914-Pay-Button-Micro-Interaction-Concept-by-Pineapple-UX-UI-Studio
Another icon I really liked was the loading screen which was bottles getting filled on a conveyor belt. This is another very fun, playful micro animation however this could only really be used for certain company's. For example it would would very well for the coca cola website or maybe some sort of fast food restaurant. This could easily hinder usability with not being a clear ‘loading screen’ however the designer did include ‘loading’ text which makes it clear to the user what it is.