What is Micro Interaction?

Mudasir Wali
Aug 5, 2018 · 3 min read

Billions of people around the world interact with smartphones every day to perform various actions, Example: Turning off the sound of a phone or pressing the play button of the youtube video, sign in to a social networking site, sliding down the screen to refresh a page…the possibilities are endless. Each of these actions occurs micro-interaction.

Briefly speaking, micro-interactions are tiny enticing moments built into the application, which stimulates a feeling of well-being once it is discovered by users. It is one of the best artistry technique for giving instant delightful feedback, improve customer satisfaction and increase retention.

Microinteraction in action;

According to Dan Saffer (Interaction Designer) effective Microinteractions follow the following 4 step process.

A Trigger initiates a micro-interaction. The Rules determine what happens, while Feedback lets people know what’s happening. Loops and Modes determine the meta-rules of the micro-interaction. Detailed part can be read Here

Importance of Micro Interaction

Designing micro-interactions with great attention to detail is key to the success of any great application. It meets the user’s natural desire for acknowledgment. It improves the UX by making the UI less machine and more human-centered.

Essentials of Micro Interaction

Feedback to users actions should primarily address 3 fundamental things. Orchestrated them well, can create a very enticing user experience and less guesswork.

Communicate clearly to users what might happen if an action will be taken. In the example below, dragging the contact over trash icon indicates it will delete the contact.

Source: Dribbble

It is to keep a user informed about their action. Example; Signup button progression clearly hints what is happening & avoids any possible confusion.

Show the confirmation or a result of a user’s action. Twitter “Follow” button is a fantastic example in this case.

You can connect with me on Behance & LinkedIn

How I build my first Design System: https://medium.com/@mudasirwali/building-the-talabat-design-system-e94283dda6c3

NYC Design

A publication for designers of New York & design lovers from all around the world.

Mudasir Wali

Written by

Sr. Product Designer at Talabat | Delivery Hero MENA

NYC Design

A publication for designers of New York & design lovers from all around the world. Design thinking is what makes us share with the whole world.

Mudasir Wali

Written by

Sr. Product Designer at Talabat | Delivery Hero MENA

NYC Design

A publication for designers of New York & design lovers from all around the world. Design thinking is what makes us share with the whole world.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store