The journey of #100DaysOfCode (@Darine_Tleiss)

100daysofcode - Day72

Hello guys :v: , a new day is here a lot of new informations are required and our dive in the world of motion design is still running. :exploding_head::sunglasses:

Today :spiral_calendar: we will discuss what is microinteraction :star_struck:

What is a microinteraction? :thinking:

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 :bangbang:

  • 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 :smile:

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 :building_construction:

In order to create an effective micro interaction, there are :four: essentials parts:

  1. Trigger :next_track_button:
  2. Rules :rotating_light:
  3. Feedback :mega:
  4. modes and loops :loop:
4 Likes