When was the last time you downloaded a song? Did you excitedly watch the status of your download while you waited? That progress indicator you were watching was a microinteraction, my friend! As you may already know, with great user experience and user interface design “the devil is in the details.” You can’t have an amazing digital experience if the details aren’t thought through and executed well. If microinteractions are designed successfully, they make a mediocre experience great, memorable and leave users wanting to return.
What are microinteractions exactly? They’re small, single-use case interactions designed to relay information. They typically go unnoticed when they’re designed well, but indicate to a user that everything is running smoothly. The result is a heightened overall experience.
A few examples of microinteractions:
How microinteractions are structured
Typically, microinteractions have four main components, as defined by Dan Saffer in his book Microinteractions:
It’s not evident how important microinteractions are until they’re absent. How frustrating is it when you click on a link and there’s absolutely no indication that your click was successful? A well-designed microinteraction in an instance like this would provide a user with feedback that their command was received, and that the next page is loading. This feedback would be even more pleasing if it indicated the loading status as well.
“47% of users expect a webpage or an app to load in two seconds or less. After four seconds, the average user starts getting frustrated and after eight seconds, they leave. In fact, a one-second delay in your site speed can result in a 7% reduction in customer conversions.” What mitigates this frustration? Information. When users know what’s happening, they’re less frustrated. Why would a user keep coming back to your product if it causes them frustration? The short answer is that they wouldn’t.
One of the greatest benefits of microinteractions is their ability to humanise a digital experience. They do so by bridging the communication gap between a product and its user. Specifically, microinteractions provide users with information regarding their actions. Microinteractions may also increase a user’s trust in your product, according to a study conducted at the Norwegian University of Science and Technology that explored the effects of microinteractions in the context of banking applications. Communication is extremely important, whether the information being communicated is on a conscious level or not. If communication is heavily one-sided, it’s incredibly frustrating for users. If communication is seamless and consistent, it can increase a user’s trust.
Microinteractions are a small but mighty tool for great UX. They have great benefits but that doesn’t mean you should go overboard with them. At a subconscious level, a balanced number of well-designed microinteractions make web and digital product experiences pleasant. Dan Saffer, in his book Microinteractions, said “Microinteractions are an exercise in restraint, in doing as much as possible with as little as possible. Embrace the constraints and focus your attention on doing one thing well. Mies van der Rohe’s mantra of “less is more” should be the microinteraction designer’s mantra as well.” As you can see, it is necessary to understand balance in order to design a great experience. Essentially, microinteractions should be designed well, but too many microinteractions can leave a user feeling overwhelmed and increase their cognitive load.
How do you identify the need for microinteractions in your interface design? This is where usability testing plays a huge role. When a digital product is tested, it’s important to pay close attention to instances where the user seems confused or frustrated. What were they trying to achieve at that moment and is there anything you could add that would make their next steps more clear? Is there information missing? Keep in mind, removing something could be the answer.
How we interact with (and enjoy) games relies heavily on UX and UI design. The most memorable and engaging ones are those that consider how the user plays – how they think, act, and interact with the game’s visuals. You can’t build a strong video game design without taking into account the full player experience.
Whenever you or your team are moving into a certain degree of uncertainty it is advisable to do it in a safe way by running experiments or launching MVPs instead of a full product proposition.
For those who have never heard the term “MVP”, it stands for Minimum Viable Product and it’s simply the first workable version of a business idea.