Microinteractions and the User Experience: Making it or Breaking it

Posted · 29 Comments

A microinteraction can be described as a small interaction with a system, with a part of that system that only serves one purpose.

… “brief pieces of functionality”

… “contained product moments”

“product use case boiled down to a single moment”

… “The details are not the details. They are the design.”

The microinteractions in your product will work together to create a specific look and feel to the user, and these pieces contribute extensively to the overall user experience.

A microinteraction follows a specific use pattern: (1) trigger – the initial part that sets off interaction; (2) rules – how the interaction needs to occur; (3) feedback – to show the user the rules; (4) loops and modes – meta rules. Dan Saffer, a respected UX professional, leads the charge in this area and advocates for the use of thoughtful microinteractions in his book and videos.

Looking ahead to the future of technology and innovation, microinteractions are one of the essential design trends for 2015. Microinteractions are now getting the attention that they deserve because more companies are focusing on user experience than ever before!

Companies understand that sets of microinteractions comprise a user experience, which enhance the delight, efficiency, and engagement of the user.

There are now “universal” microinteractions that have been adopted by many systems, but these were initially just ideas within one product or app. Designing for these microinteractions can have a larger impact on the technology world as a whole. Some examples of microinteractions that have become widely adopted include:

#1: The Screenshot

Though “selfies” are integrated into our lives and vocabulary, the newest trend in phone microinteractions is the screenshot. A user can take screenshots of their phone screen, tablet screen, or computer screen without a third-party software because the microinteraction has been built into the product, which is a relatively new trend.

  “The screenshot has become the new selfie.”

Screenshots have become immensely popular because they cut down on the user’s time. These are some popular ways people use the screenshot feature:

  1. GPS screen, which provides an arrival time – no need to say “on my way”
  2. A conversation with someone – no need to re-type the whole thing to the person you want to tell
  3. Your Uber or Lyft driver – to let someone know you are getting in the car with a stranger and to check in with you to make sure you got home safe
  4. An image – rather than going through the process of attempting to save the image from your browser, you can just screenshot it and crop it down to just the image.

Once the user takes the screenshot, the system provides feedback (camera sound and screen light-up) to indicate that the microinteraction was successful.

#2: The Swipe

People have become so accustomed to swiping (left, right, up, down), that it is sometimes the first thing that they try when they are interacting with a new system. Swiping left indicates moving forward whereas swiping right indicates going back. Additionally, the act of moving a page up and down has changed how mousepads are defaulted – they now mirror the tablet with a “natural” scroll. However, this can be changed back to the classic scroll if you do not like the natural scroll. The feedback on a swipe is immediate, you can see the page moving if you have been successful.

#3: The Ringer Off switch:

How embarrassing it used to be when it was commonplace for cell phones to interrupt important meetings, dates, or classes. Mobile phones used to require the user to “open” their phone and go into their settings to silence their phones, but now there is a silent slider button on the side of most phones. On the iPhone, when the slider is moved into the off position, the screen will show a bell with a line through it and color on the slider will appear red. This provides the feedback to the user that they were successful in turning off their ringer.

#4: Refresh Wheel

When you are trying to update a page (such as email, twitter, etc.) with a touch screen device, you can simply pull down as if you’re trying to scroll up to the top, where the most recent items would be. The system provides you with the feedback of a turning wheel to let you know that it is working to refresh the page, to forge ahead with the more recent entries. This is an intuitive way to refresh your page.

The video below demonstrates a few of the microinteractions listed in this post:

 

Want to create a microinteraction that will improve the user’s experience and maybe live on beyond your product? Think about your design principles, as discussed in the previous blog post, to identify possible microinteractions that will follow the look and feel that you desire in your product.

 

29 Responses to "Microinteractions and the User Experience: Making it or Breaking it"
  1. I am glad that I discovered this website, precisely the right info that I was searching for!

  2. I like the efforts you have put in this, thank you for all the great content.

  3. loans says:

    Thanks for your own work on this website. My mum take interest in setting aside time for research and it is simple to grasp why. We notice all relating to the powerful way you provide very helpful tips and hints via your website and therefore strongly encourage response from visitors on this subject matter while our own simple princess is undoubtedly studying so much. Take pleasure in the rest of the year. Your performing a tremendous job.

  4. online loans says:

    Thank you for every one of your hard work on this web page. My daughter really loves making time for investigations and it’s really obvious why. Most people learn all of the lively mode you offer priceless tactics through this web site and even improve participation from people on that idea so our girl is certainly learning a lot of things. Have fun with the remaining portion of the new year. You are conducting a pretty cool job.

  5. Thanks for your entire labor on this web site. My mother take interest in participating in research and it is simple to grasp why. My spouse and i notice all regarding the powerful tactic you produce useful thoughts via your website and in addition recommend response from the others on this subject then our own princess is undoubtedly studying a whole lot. Take pleasure in the rest of the year. You have been performing a terrific job.

  6. A lot of thanks for all your valuable efforts on this site. Kate loves engaging in investigation and it’s really easy to understand why. I know all concerning the dynamic medium you give important secrets on this web blog and as well as foster participation from others on that content plus our favorite princess is really starting to learn a whole lot. Take advantage of the rest of the year. You have been doing a stunning job.

  7. I am commenting to let you know of the great encounter my friend’s daughter found reading your web page. She figured out numerous issues, not to mention what it’s like to have a wonderful giving mood to have men and women really easily have an understanding of selected hard to do subject areas. You really exceeded our own expectations. Many thanks for imparting the interesting, safe, explanatory and even easy thoughts on the topic to Janet.

  8. aripiprazole says:

    I simply wanted to thank you so much once more. I do not know what I would’ve taken care of without these tactics shared by you regarding that subject. It was actually an absolute intimidating problem in my position, nevertheless taking a look at this specialized tactic you solved the issue took me to leap with happiness. I will be happy for your service and thus sincerely hope you really know what an amazing job you have been putting in teaching some other people using your webblog. Most likely you haven’t got to know any of us.

  9. I happen to be writing to make you understand what a useful experience our princess went through visiting yuor web blog. She realized too many things, with the inclusion of what it is like to possess an incredible teaching style to make the rest without problems understand various very confusing topics. You undoubtedly surpassed visitors’ expected results. Thanks for supplying those warm and friendly, trustworthy, revealing not to mention unique tips on your topic to Tanya.

  10. endep says:

    A lot of thanks for your entire labor on this web site. My mom really loves managing investigations and it is obvious why. My partner and i learn all regarding the lively tactic you present rewarding techniques through your web site and in addition invigorate response from some others on the situation then our favorite princess is really starting to learn a whole lot. Take advantage of the rest of the year. You have been doing a stunning job.

  11. I precisely needed to appreciate you once again. I am not sure the things that I might have handled in the absence of the entire points provided by you on such a problem. It has been a very frightful dilemma in my circumstances, however , noticing the skilled mode you managed it forced me to jump for delight. I’m just happier for the guidance and even have high hopes you find out what a powerful job you’re doing instructing most people through your blog post. I am sure you’ve never encountered all of us.

  12. My spouse and i got really joyful that Jordan managed to do his reports through the entire precious recommendations he had through the web pages. It is now and again perplexing to just find yourself handing out secrets which people may have been selling. So we keep in mind we have got the writer to give thanks to for that. The most important illustrations you have made, the simple web site navigation, the relationships you will help to foster – it’s got many overwhelming, and it’s really leading our son in addition to the family know that the situation is exciting, which is rather mandatory. Thank you for everything!

  13. I am only writing to make you understand what a remarkable experience our princess undergone viewing your webblog. She picked up some things, which included what it is like to possess an ideal teaching spirit to make the mediocre ones without difficulty master specified tortuous things. You undoubtedly surpassed readers’ desires. I appreciate you for delivering such good, dependable, edifying and also cool guidance on that topic to Evelyn.

  14. seroquel buy says:

    I’m just commenting to let you be aware of of the extraordinary discovery my cousin’s daughter enjoyed going through your blog. She discovered lots of issues, most notably how it is like to have a very effective giving heart to have many others effortlessly gain knowledge of certain extremely tough matters. You really did more than my desires. Many thanks for displaying the helpful, healthy, educational and also easy thoughts on the topic to Gloria.

  15. I simply wished to thank you very much yet again. I do not know what I would have tried without these thoughts shared by you regarding this subject matter. It was before the scary scenario in my position, nevertheless taking note of this specialized tactic you solved the issue took me to weep with happiness. Now i’m thankful for your support and thus trust you really know what an amazing job you were putting in training the mediocre ones via your webpage. Most probably you haven’t met any of us.

  16. I am only writing to make you understand what a really good experience my wife’s princess obtained viewing your webblog. She noticed some things, which included what it is like to possess an ideal teaching spirit to make others with no trouble learn about specific tortuous things. You undoubtedly surpassed readers’ expected results. Thanks for providing those productive, trusted, informative as well as unique tips on your topic to Mary.

  17. I precisely desired to say thanks again. I do not know what I would have worked on without those tricks shown by you relating to this topic. This was the troublesome situation in my view, nevertheless witnessing your well-written way you treated the issue took me to weep with joy. Now i am thankful for your work as well as wish you recognize what an amazing job your are undertaking training the rest with the aid of your websites. Probably you haven’t met any of us.

  18. doxepin says:

    I simply wanted to thank you so much once more. I do not know what I would’ve taken care of without these tactics shared by you regarding that subject. It was actually an absolute intimidating problem in my position, nevertheless taking a look at this specialized tactic you solved the issue took me to leap with happiness. I will be happy for your service and thus sincerely hope you really know what an amazing job you have been putting in teaching some other people using your webblog. Most likely you haven’t got to know any of us.

  19. I am only writing to make you understand what a really good experience my wife’s princess obtained viewing your webblog. She noticed some things, which included what it is like to possess an ideal teaching spirit to make others with no trouble learn about specific tortuous things. You undoubtedly surpassed readers’ expected results. Thanks for providing those productive, trusted, informative as well as unique tips on your topic to Mary.

  20. I have been examinating out many of your posts and i must say pretty good stuff. I will make sure to bookmark your blog. Brigitta Gilberto Herold

  21. hd film izle says:

    Hello, I enjoy reading all of your post. I like to write a little comment to support you. Hyacinthie Maurits Sivie

  22. Hi there, this weekend is nice in support of me, as this occasion i am reading this wonderful educational paragraph here at my home. Ardenia Stanton Cherish

  23. celebrities says:

    You are my inhalation, I have few web logs and sometimes run out from to brand. Rozanne Pyotr Landmeier

Leave a Reply

Your email address will not be published. Required fields are marked *