Microinteractions are the controls that set a website in motion. They also improve usability and make simple tasks – like turning the sound on or off, liking a status update, or sharing a post – not only easy, but also engaging. They blend into a user’s experience naturally.
“Microinteractions happen through the functional, interactive details of a product, and details… aren’t just the details; they are the design.” - Dan Saffer
Animations should be fast and nimble, never keeping the user waiting longer than is necessary. The aim is to prioritize user-perceived performance over technical benchmarks. Motion should help ease the user through the experience. It should aid the flow of actions, giving clear guidance for user orientation: spatial or temporal.