Animation can be an extremely powerful tool to provide feedback for user actions. Small but simple effects can enhance the experience and can make for heightened engagement.
When you click on the icon you see a process of loading taking place through an animation. Here, in this long process micro interaction keeps users engaged, limit frustration by reducing the perceived time it takes to complete the action.
Pre loaders are UI elements that let indicate the state of loading and processing data. They are usually designed as moving stripes or blinking circles, which, although functional, aren’t entertaining at all. Interesting animations can keep your users engaged while they’re waiting for the page to load.
Here is an example of a pre loader I designed for Instagram. Taking the Instagram icon as a starting point, I used an instant camera motif to represent the first image loading in from the top.