{"id":4133,"date":"2019-03-20T14:45:23","date_gmt":"2019-03-20T18:45:23","guid":{"rendered":"https:\/\/blog.mozilla.org\/ux\/?p=4133"},"modified":"2019-03-20T14:55:22","modified_gmt":"2019-03-20T18:55:22","slug":"look-over-here-results-from-a-firefox-user-research-study-about-interruptions","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/ux\/2019\/03\/look-over-here-results-from-a-firefox-user-research-study-about-interruptions\/","title":{"rendered":"Look over here! Results from a Firefox user research study about interruptions."},"content":{"rendered":"<p class=\"graf graf--p\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/medium.com\/@dailyzen\/the-war-for-your-attention-bedb1436a5b5\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/medium.com\/@dailyzen\/the-war-for-your-attention-bedb1436a5b5\">The<\/a> <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/www.forbes.com\/sites\/onmarketing\/2012\/10\/19\/the-attention-war\/#43db1b986f59\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.forbes.com\/sites\/onmarketing\/2012\/10\/19\/the-attention-war\/#43db1b986f59\">Attention<\/a> <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/www.chipscholz.com\/2015\/06\/30\/digital-distractions-the-war-for-your-attention\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.chipscholz.com\/2015\/06\/30\/digital-distractions-the-war-for-your-attention\/\">War<\/a>. There have been many headlines related to it in the past decade. This is the idea that apps and companies are stealing attention. It\u2019s the idea that technologists throw up ads on websites in a feeble attempt to get the attention of the people who visit the website.<\/p>\n<p class=\"graf graf--p\">In tech, or <em class=\"markup--em markup--p-em\">any<\/em> industry really, people often say something to the effect of, \u201cwell if the person using this product or service only read the instructions, or clicked on the message, or read our email, they\u2019d understand and wouldn\u2019t have any problems\u201d. We need people\u2019s attention to provide a product experience or service. We\u2019re all in the \u201cattention war\u201d, product designers and users alike.<\/p>\n<p class=\"graf graf--p\">And what\u2019s a sure-fire way to grab someone\u2019s attention? Interruptions. Regardless if they\u2019re good, bad, or neutral. Interruptions are not necessarily a \u201cbad\u201d thing, they can also lead to good behavior, actions, or knowledge.<\/p>\n<figure class=\"graf graf--figure\">\n<p><div style=\"width: 530px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"graf-image\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/0*ltJ_KVlNntDTtevg\" alt=\"The image shows a banner with a red \u201cGet Started\u201d button above the content about \u201cThe race for your attention\u201d. Image Source: https:\/\/www.ted.com\/playlists\/610\/the_race_for_your_attention.\" width=\"520\" height=\"296\" data-image-id=\"0*ltJ_KVlNntDTtevg\" data-width=\"1600\" data-height=\"910\" \/><p class=\"wp-caption-text\">Even on a webpage that has a playlist of talks about \u201cThe race for your attention\u201d, there\u2019s a giant banner in attempt to get your attention to sign up for a recommendation service.<\/p><\/div><figcaption class=\"imageCaption\"><\/figcaption><\/figure>\n<p class=\"graf graf--p\">Here are a couple questions the Firefox Team had about interruptions:<\/p>\n<ol class=\"postList\">\n<li class=\"graf graf--li graf--startsWithDoubleQuote\">\u201cHow do participants feel about interruptions?\u201d<\/li>\n<li class=\"graf graf--li graf--startsWithDoubleQuote\">\u201cCan participants distinguish between the sources of interruptions? (i.e. Can they tell if the interruption is from Firefox, a website, or the operating system?)\u201d<\/li>\n<\/ol>\n<p class=\"graf graf--p\">To answer the questions, I ran a user research study about the interruptions people receive while using Firefox. Eight participants were in a week-long study. Each participant used Firefox as their main browser on their laptop. Four participants agreed to record their browsing sessions over the course of the week, and six participants agreed to share their browsing analytics with us. I logged interruptions that came from the operating system, desktop software, Firefox, and websites. All participants were interviewed on the first day and last day. On the last day, I asked each participant to complete five tasks that would trigger interruptions to gauge understanding, behavior, and attitudes towards interruptions.<\/p>\n<p class=\"graf graf--p\">Before I answer the two questions from above, I\u2019ll describe how I categorized interruptions.<\/p>\n<h3 class=\"graf graf--p\"><strong class=\"markup--strong markup--p-strong\">Stopping Power<\/strong><\/h3>\n<p class=\"graf graf--p\">To analyze the data, I coded each interruption in terms of its stopping power. Mehrotra et al. coded interruptions as \u201clow priority\u201d and \u201chigh priority\u201d depending on if the interruption stopped a person from completing their task [1]. Similarly, I coded each interruption as \u201clow stopping power\u201d, \u201cmedium stopping power\u201d, and \u201chigh stopping power\u201d (examples in the figures below). I defined stopping power as <em class=\"markup--em markup--p-em\">how much the design &amp; implementation of an interruption makes it so that the user must interact with it to continue using the system.<\/em> From the recorded interviews and browsing sessions (excluding the five tasks that triggered interruptions), I logged 83 low stopping power interruptions, 37 medium, and 15 high.<\/p>\n<figure class=\"graf graf--figure\">\n<p><div style=\"width: 275px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"graf-image\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/0*q-lEoDDN6-JiYEtN\" alt=\"Screenshot that shows badged icons on the browser toolbar.\" width=\"265\" height=\"91\" data-image-id=\"0*q-lEoDDN6-JiYEtN\" data-width=\"242\" data-height=\"83\" \/><p class=\"wp-caption-text\">An example of a \u201clow stopping power\u201d interruption: Screenshot that shows badged icons on the browser toolbar.<\/p><\/div><\/figure>\n<figure class=\"graf graf--figure\">\n<p><div style=\"width: 425px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"graf-image\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/0*sHUVf5cm-8WuIJJ0\" alt=\"The doorhanger reads: &quot;Will you allow www.starbucksreserve.com to access your location?&quot; &quot;Learn more...&quot; &quot;Remember this decision&quot; and two buttons &quot;Allow Location Access&quot; and &quot;Don't Allow&quot;\" width=\"415\" height=\"197\" data-image-id=\"0*sHUVf5cm-8WuIJJ0\" data-width=\"415\" data-height=\"197\" \/><p class=\"wp-caption-text\">An example of a \u201cmedium stopping power\u201d interruption: Screenshot from a participant\u2019s screen. Location permission doorhanger.<\/p><\/div><\/figure>\n<figure class=\"graf graf--figure\">\n<p><div style=\"width: 513px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"graf-image\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/0*le_r6CN1w0efy1HA\" alt=\"A modal in the center of the screen reads &quot;Interested in useful computer guides?&quot; with a email signup form. \" width=\"503\" height=\"298\" data-image-id=\"0*le_r6CN1w0efy1HA\" data-width=\"1600\" data-height=\"947\" \/><p class=\"wp-caption-text\">An example of a \u201chigh stopping power\u201d interruption: Screenshot of a website modal asking for you to sign up.<\/p><\/div><\/figure>\n<p class=\"graf graf--p\">Now I\u2019ll move on to answer our two research questions.<\/p>\n<h2 class=\"graf graf--h3\"><strong class=\"markup--strong markup--h3-strong\">1. How did participants feel about interruptions?<\/strong><\/h2>\n<h3><\/h3>\n<h3 class=\"graf graf--p\"><strong class=\"markup--strong markup--p-strong\">Participants care about their safety and saving time<\/strong><\/h3>\n<p class=\"graf graf--p\">When I asked participants how they felt about the 5 interruptions they experienced during the post interview, a clear theme was safety. One task was for participants to visit a \u201cBad SSL*\u201d page. This happens when a website has a malformed or outdated security certificate. An error will appear and you\u2019ll see a message like the screenshot below: \u201cYour connection is not secure\u201d.<\/p>\n<figure class=\"graf graf--figure\">\n<p><div style=\"width: 970px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"graf-image\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/1*QctsxLdzylfShksx5uVj1w.png\" alt=\"A page with text that reads &quot;Your connection is not secure&quot; served from expired.badssl.com.\" width=\"960\" height=\"540\" data-image-id=\"1*QctsxLdzylfShksx5uVj1w.png\" data-width=\"960\" data-height=\"540\" \/><p class=\"wp-caption-text\">Screenshot of an error page that appears when the website\u2019s security certificate is out of date.<\/p><\/div><\/figure>\n<p class=\"graf graf--p\">A couple participants were frustrated at first with the idea of encountering this page, because they would not be able to get to the website they wanted to get to, but then participants expressed an appreciation for it saying, like one participant: \u201cnow that I\u2019ve read it, I suppose it\u2019s trying to help\u201d and another saying \u201cI like that it\u2019s protecting me\u201d.<\/p>\n<p class=\"graf graf--p\"><em>*SSL stands for Secure Sockets Layer and is a security protocol where websites share a certificate to verify their identity. Without a certificate to verify their identity, Firefox can\u2019t be sure that the website is who it says it is.<\/em><\/p>\n<h3 class=\"graf graf--p\"><strong class=\"markup--strong markup--p-strong\">Some participants were annoyed by interruptions, others could care less.<\/strong><\/h3>\n<figure class=\"graf graf--figure\">\n<p><div style=\"width: 1502px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"graf-image\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/0*8u2TGbqdksfxcLLI\" alt=\"Two participants were on the left-hand of the scale (very annoyed), three participants were on the right-hand of the scale (not annoyed at all), and three participants were somewhere around the middle of the scale.\" width=\"1492\" height=\"402\" data-image-id=\"0*8u2TGbqdksfxcLLI\" data-width=\"1492\" data-height=\"402\" data-is-featured=\"true\" \/><p class=\"wp-caption-text\">A visual scale of: \u201cHow annoyed were participants about interruptions they received while using Firefox?\u201d Each emoji is one participant. The subscript is the browser they use the most outside of the research study. I did not ask participants to measure their own annoyance, but rather came up with this scale during analysis of interview responses.<\/p><\/div><\/figure>\n<p class=\"graf graf--p\">Participants reacted to interruptions differently, as shown by the scale above. This study was not able to determine the factors that impacted their level of annoyance\u200a\u2014\u200awe would need to gather more data to determine that. However, it\u2019s important to note that not everyone will react the same to interruptions. Some will make comments like one of the participants that it \u201cfeels like a gun shooting range\u201d (where interruptions appear all over the place), and others will barely notice interruptions at all.<\/p>\n<h2 class=\"graf graf--h3\"><strong class=\"markup--strong markup--h3-strong\">2. \u201cCan participants distinguish between the sources interruptions? Can they tell if the interruption is from Firefox, a website, or the operating system?\u201d<\/strong><\/h2>\n<h3><\/h3>\n<h3 class=\"graf graf--p\"><strong class=\"markup--strong markup--p-strong\">Most participants could not tell you the source of the interruption.<\/strong><\/h3>\n<p class=\"graf graf--p\">Only two of the eight participants could differentiate between all sources. They confidently knew if an interruption was from the operating system, website, or browser.<\/p>\n<p class=\"graf graf--p\">Four of the eight participants could differentiate between an operating system and a browser\/website notification but NOT between a browser and a website notification. For example, a participant could tell that operating system was asking to perform an update. However, a participant could not tell if the website or browser was asking to save their credit card information.<\/p>\n<p class=\"graf graf--p\">One of the eight participants could not tell the difference between any of them. They thought that a notification from desktop email software was coming from Firefox, and wondered why other browsers did not do that.<\/p>\n<p class=\"graf graf--p\"><em class=\"markup--em markup--p-em\">Why is this important?<\/em><\/p>\n<p class=\"graf graf--p\">Do people really need to know the source of an interruption, if it does not hinder them from completing their task? Yes. An understanding of the source of the interruption is important for safety (i.e. people know where their data is and who it\u2019s being shared with), and for mitigating potential annoyance with Firefox for things that Firefox is not responsible for.<\/p>\n<h2 class=\"graf graf--h3\"><strong class=\"markup--strong markup--h3-strong\">Are you a designer or product\u00a0manager?<\/strong><\/h2>\n<p class=\"graf graf--p\">Every time your product or service is considering interrupting someone, ask:<\/p>\n<ul class=\"postList\">\n<li class=\"graf graf--li\">Is it worth stopping someone for?<\/li>\n<li class=\"graf graf--li\">Are you helping the person using your product or service to be more safe, or save time?<\/li>\n<\/ul>\n<p class=\"graf graf--p\">As I saw from the hours of browser recordings, we live in a vast sea of interruptions. Let\u2019s be careful how we add to the ever-growing pile.<\/p>\n<p class=\"graf graf--p\"><em class=\"markup--em markup--p-em\">Acknowledgements (alphabetical by first name)<\/em><\/p>\n<p class=\"graf graf--p\">Thank you to my colleagues at Mozilla for helping with this study! Thanks to Aaron Benson, Alice Rhee, Amy Lee, Amy Tsay, Betsy Mikel, Brian Jones, Bryan Bell, Chris More, Chuck Harmston, Cindy Hsiang, Emanuela Damiani, Frank Bertsch, Gemma Petrie, Grace Xu, Heather McGaw, Javaun Moradi, Kamyar Ardekani, Kev Needham, Maria Popova, Meridel Walkington, Michelle Heubusch, Peter Dolanjski, Philip Walmsley, Romain Testard, Sharon Bautista, Stephen Horlander, Tim Spurway<\/p>\n<p class=\"graf graf--p\"><em class=\"markup--em markup--p-em\">Reference<\/em><\/p>\n<p class=\"graf graf--p\">[1] Mehrotra, A., Pejovic, V., Vermeulen, J., Hendley, R., &amp; Musolesi, M. (2016). My Phone and Me (pp. 1021\u20131032). Presented at the the 2016 CHI Conference, New York, New York, USA: ACM Press. <a class=\"markup--anchor markup--p-anchor\" href=\"http:\/\/doi.org\/10.1145\/2858036.2858566\" target=\"_blank\" rel=\"noopener\" data-href=\"http:\/\/doi.org\/10.1145\/2858036.2858566\">http:\/\/doi.org\/10.1145\/2858036.2858566<\/a><em class=\"markup--em markup--p-em\">.<\/em><\/p>\n<p>Originally published on <a href=\"https:\/\/medium.com\/firefox-ux\/look-over-here-results-from-a-firefox-user-research-study-about-interruptions-dc7270f228e9\">medium.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Attention War. There have been many headlines related to it in the past decade. This is the idea that apps and companies are stealing attention. It\u2019s the idea that &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/ux\/2019\/03\/look-over-here-results-from-a-firefox-user-research-study-about-interruptions\/\">Read more<\/a><\/p>\n","protected":false},"author":1630,"featured_media":4134,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[246,9594],"tags":[],"coauthors":[52913],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts\/4133"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/users\/1630"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/comments?post=4133"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts\/4133\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/media\/4134"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/media?parent=4133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/categories?post=4133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/tags?post=4133"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/coauthors?post=4133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}