100daysofcode - Day72
Hello guys
, a new day is here a lot of new informations are required and our dive in the world of motion design is still running. ![]()
![]()
Today
we will discuss what is microinteraction ![]()
What is a microinteraction?
Micro interactions have the power to make that experience, much more effective and human.
Microinteractions are contained product moments that are meant for a single use case.
Example on Microinteraction
-
Checking your notifications: the little pop up that pop up when you have a notification is a micro interaction.
-
Adding to your cart: the click the feedback that you get and what is happening on the screen.
Benefits of Microinteractions
Help communicate the tone of your brand: Facebook is a great example: the like button and the little subtle animations, when you click them, when you hover over them and select.
The structure of a microinteraction
In order to create an effective micro interaction, there are
essentials parts:
- Trigger

- Rules

- Feedback

- modes and loops
