Microinteractions are everywhere, you interact with them on a regular basis.
We communicate emotions through animated emojis, we burst heart buttons with love
whenever we like a post or password fields that shake when you type in the wrong password
These small but significant animations offer users delightful moments and valuable feedback. They serve to intuitively guide your users without the need for explicit instructions, and lend your interface a distinct personality and essence. As designers, you have the power to infuse soul and character into every interaction with the secret power of motion, creating memorable experiences that resonate with your audience.
What is a Lottie animation?
Lottie is a JSON-based animation format that has garnered significant attention from designers and developers alike, due to its lightweight and cross-platform capabilities. With Lottie, animations can be seamlessly integrated into websites and apps, and play effortlessly on any device or browser.
What will we learn?
Using LottieLab, a free online Lottie animation editor, we’ll learn how to design, animate and
export playful Lottie animations as interactive UI components (such as loaders, animated
buttons or icons)as whimsical moments of user delight.
We’ll learn how to integrate & trigger them in prototypes and web interfaces.
We’ll examine the basic principles of designing motion for user experience, we’ll learn how to translate human body language into micro animations.
We’ll cover how to create interactive animated states with fluid transitions between them.