MICRO ANIMATIONS

TIMELINE

MY ROLE

Constantly Iterating

UX Designer

WHAT ARE MIRCO ANIMATIONS?

Micro animations are small, subtle, and often interactive animations integrated into digital interfaces. They add a touch of life and personality to user interactions, making the experience more engaging and enjoyable. These animations can be found in various elements such as buttons, icons, menus, and transitions, providing visual feedback and guiding users through their journey. By focusing on the details, micro animations contribute to creating a seamless and delightful user experience

BASIC MICRO ANIMATIONS

These basic micro animations play a vital role in creating intuitive digital interfaces.

We see them in our daily lives (and often don’t notice) them, as it has become expected behaviour. These animations include basic actions such as hover effects and button transformations.

Hover effects change the appearance of an element when the cursor is placed over it, providing visual feedback and indicating interactivity.

Button transformations involve subtle changes in shape, colour, or size when clicked, giving users a satisfying response.

LIQUID BUTTONS

Liquid button animation is a type of micro animation that adds fluidity and organic motion to buttons in digital interfaces. This animation technique involves morphing or transforming the shape of a button, giving it a liquid-like appearance and behaviour.

The fluid motion of the button animation not only provides visual feedback but also creates a sense of interactivity and delight, enhancing the overall user experience.

FAVOURITE BUTTON

This animation involves a subtle pulsating motion when clicked.

When the user clicks on the button, it gently grows in size and then returns to its original state, providing visual feedback and a sense of interactivity. The pulse animation adds a touch of liveliness to the button while maintaining a clean and minimalistic design. It's an effective way to draw attention to important actions or elements in a user interface, making it a versatile and engaging button animation.