{"id":8824,"date":"2021-05-06T11:33:06","date_gmt":"2021-05-06T09:33:06","guid":{"rendered":"https:\/\/userlutions.com\/blog\/about-us\/micro-interactions\/"},"modified":"2023-08-07T16:39:05","modified_gmt":"2023-08-07T14:39:05","slug":"micro-interactions","status":"publish","type":"post","link":"https:\/\/userlutions.com\/en\/blog\/ux-design\/micro-interactions\/","title":{"rendered":"Let’s get emotional – create unique and likeable products with Micro Interactions"},"content":{"rendered":"
[et_pb_section fb_built=”1″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.16″ global_colors_info=”{}”]<\/p>\n
It’s the little things in life: Being woken up by the chirping of birds, the smell of coffee in the morning, a smile and a kind word from the newspaper seller… without these details, life would be a lot less fun.<\/p>\n
The same is true in web design. A website may work without small animations, nice messages and aesthetic design, but used correctly, small details can contribute a lot to a good user experience. And that includes Micro Interactions….
<\/p>\n
Micro-interactions are short events that ostensibly serve a single purpose. We use thousands of them every day: When we turn off the alarm clock in the morning, when we turn up the volume of the music, when we turn on the coffee machine and when we turn on the tap. And most of the time, we don’t notice them until they don’t work.
Implemented well, they can therefore make the difference between a product that the user loves and one that he tolerates to the maximum.<\/p>\n
Good micro-interactions delight users: they welcome them, they encourage them to interact, and they make a technical product seem human. Used correctly, they make a product exciting and contribute to an emotional connection between users.<\/p>\n
<\/p>\n
Some international online shops and apps are already consciously using this form of human-machine interaction. In Germany, however, good micro-interactions are not yet widespread, mostly still gathering dust in the portfolios of UX & UI designers.
<\/p>\n
For example, let’s look at this Micro Interaction:<\/p>\n
<\/p>\n
Superficially, it is used to start the upload. However, it also fulfils these tasks:<\/p>\n
This little animation is a big win for the user experience!
<\/p>\n
Used correctly, Micro Interactions are great for UX, but there are a few things to keep in mind:<\/p>\n

<\/p>\n