Micro Interaction

This is my first project of a micro interaction from loader to check icon.

Client
UI Design
Date
November 2022
Services
UI Design
Deliverables
Micro Interaction
Micro Interaction

About the Project

Component Theory

Micro-interactions are small, preferably functional animations that support the user by giving visual feedback and displaying changes more clearly.

Micro Interactions contain a large number of digital elements, but not every element is part of a micro-interaction. Static elements that are always present on the screen are not micro-interactions because they do not have a distinct trigger. Additionally, flows composed of multiple actions are not micro-interactions. There are two types of micro-interactions User Triggered and System triggered.

My Design Goal

My goal is to communicate confirmation for the purchase of some online product/service in a minimal and non -dispersive way for attention. The important thing is the positioning of the following component in an overlay generated by the user's CTA.

Micro Interaction
Micro Interaction

Project Execution

Prototype Animation

You can check my prototype in Figma here: MicroInteraction

Prototype Animation

You can check my prototype in Figma here: MicroInteraction

Micro Interaction

Conclusions

Prototype Animation

You can check my prototype in Figma here: MicroInteraction

Micro Interaction

Get in touch and let’s talk about your project