What are micro-interactions and why are they important?

The light switch in your living room, the soft-closing toilet seat in your bathroom, the sound your doorbell makes when your Deliveroo order arrives – what do all these things have in common?

Pj Jones

They are all micro-interactions. These are the little things you barely notice and certainly take for granted, but these small details can make a big difference to your day.

In the digital world, you engage with micro-interactions everyday. With every login, like, comment or status, a micro-interaction is at work. Hell, even when you’re sat waiting for a page to load, there’s a micro-interaction at play.

Micro-interactions help to make products, services and interfaces more approachable and easier to deal with. Your toaster pops the toast up when it’s done to let you know its ready – that’s a micro-interaction.

Micro-interactions provide feedback and give further understanding to processes, as well as allowing the results of actions to be visualised or heard. They are an excellent way to add some personality to your interface and have some fun with your users. When micro-interactions are done right, they can give a user positive feelings about your brand and influence their actions, often without the user ever realising why.

Micro-interactions are structured into 3 key parts:

  1. the trigger
  2. the rules
  3. the feedback


Triggers are the user’s actions that start the micro-interaction (pushing the lever down on the toaster), rules determine when something will happen (when the toast is toasted), and feedback notifies the user of what is going on (toast popping-up).


Micro-Interactions in Practice

Let’s look at a couple of more subtle examples of micro-interactions. The lettering above the search box on Google’s homepage is iconic for the fun animations and games that they update frequently. They don’t need to do this, but it adds a little bit of fun and makes the overall experience more enjoyable for the user:


On the search results page, the Os stretch out based on the number of pages – again, not necessary but it reflects the personality of Google’s brand:

On a more practical note, subtle micro-interactions can make otherwise boring processes more engaging, increasing the likelihood that your visitors will convert:


Making the Most of Micro-Interactions

Add Some Fun

One of the best uses of micro-interactions is to add some personality to your interface. Whether it is a cute graphic or a joke while something is loading, micro-interactions can go a long way towards making the user have positive feelings towards your brand.


Calls to Action

Want the user to do something? Micro-interactions are your new best friend. Whether you want the user to add something to their basket or simply like a photo, you can use micro-interactions to stimulate their behaviour.


Build Habits

Forming habits ensures that users spend more time in an app or on a website. Micro-interactions can build habits through using repeated cues, routines and rewards. Facebook and Instagram are masters of this–millions of people spend every idle moment updating their feeds for that hit of dopamine that comes when someone likes their photo.


Help the User Understand

Micro-interactions can be used to indicate state changes or new developments, such as Facebook notifications. They can also provide context, improve navigation, and reduce confusion for users when dealing with uncommon layouts.


Micro-Interactions: Giving the User More

When micro-interactions are done right, they can make all the difference to your users’ experience. The old cliché, ‘It’s the little things that matter’ is certainly true when it comes to interfaces. These small touches can have huge impacts on the way users feel about your app, your website, or even your brand. With the right micro-interactions, you can influence their actions towards your own goals. Have a chat to us at [email protected] to find out what well-planned micro-interactions can do for your business.

What can we help you with?