![\"\"](\"https:\/\/blog.mozilla.org\/ux\/files\/2020\/09\/tweets.png\")
<\/p>\nAt the end of 2019, if you were using Firefox to watch a video, you saw a new blue control with a simple label: “Picture-in-Picture.” Even after observing and carefully crafting the feature with feedback from in-progress versions of Firefox (Nightly and Beta), our Firefox team wasn’t really sure how people would react to it. So we were thrilled when we saw signals that the response was positive.<\/p>\n
<\/p>\n
Firefox\u2019s Picture-in-Picture allows you to watch videos in a floating window (always on top of other windows) so you can keep an eye on what you\u2019re watching while interacting with other sites, or applications.<\/p>\n
About 6 months after PiP\u2019s release, we started to see some trends from our data. We know from our internal data that people use Firefox to watch video. In fact, some people watch video over 60% of the time when they\u2019re using Firefox. And, some of these people use PiP to do that. Further, our data shows that people who use Picture-in-Picture open more PiP windows over time. In short, we see that not everyone uses PiP, but those who do seem to be forming a habit with it.<\/p>\n
A habit is a behaviour \u201cdone with little or no conscious thought.\u201d<\/i>\u00a0 So we asked ourselves:<\/p>\n Fogg\u2019s Behavior Model<\/a> describes habits and how they form. We already knew two parts of this equation: Behavior and Ability. But we didn\u2019t know Motivation and Trigger.<\/p>\n Fogg\u2019s Behavior Model.<\/p><\/div>\n To get at these \u201cwhy\u201d questions, we conducted qualitative research with people who use PiP.\u00a0 We conducted interviews with 11 people to learn more about how they discovered PiP and how they use it in their everyday browsing. We were even able to observe these people using PiP in action. It\u2019s always a privilege to speak directly to people who are using the product. Talking to and observing peoples\u2019 actions is an indispensable part of making something people find useful.<\/p>\n Now we\u2019ll talk about the Motivation<\/b> part of the habit equation by sharing how the people we interviewed use PiP.<\/p>\n When we started to look at PiP, we were worried that the feature would bring some unintended consequences <\/b>in peoples\u2019 lives. Could PiP diminish their productivity by increasing distractibility? Surprisingly, from what we observed in these interviews, PiP helped<\/i> some participants do their task, as opposed to being needlessly distracting. People are using PiP as a study tool, to improve their focus, or to motivate them to complete certain tasks.<\/p>\n One of our participants was a student. He used Picture-in-Picture to watch lecture videos and take notes while doing his homework. PiP helped him complete and enhance a task.<\/p>\n Taking notes in a native desktop application while watching a lecture video in picture-in-picture. (Recreation of what a participant did during an interview)<\/p><\/div>\n You might have this experience: listening to music or a podcast helps you \u201cget in the zone\u201d while you\u2019re exercising or perhaps doing chores. It helps you lose yourself in the task, and make mundane tasks more bearable. Picture-in-Picture does the same for some people while they are at work, to avoid the surrounding silence.<\/p>\n \u201cI just kind of like not having dead silence… I find it kind of motivating and I don’t know, it just makes the day seem less, less long.\u201d — Executive Assistant to a Real Estate Developer<\/i><\/p><\/blockquote>\n Multiple people told us they watch videos in PiP to calm themselves down. If they are reading a difficult article for work or study, or doing some art, watching ASMR<\/a> or trance-like videos feels therapeutic. Not only does this calm people down, they said it can help them focus.<\/p>\n Reading an article in a native Desktop application while watching a soothing video of people running in picture-in-picture. (Recreation of what a participant did during an interview)<\/p><\/div>\n And finally, some people use Picture-in-Picture for pure and simple entertainment. One person watches a comedic YouTuber talk about reptiles while playing a dragon-related browser game. Another person watches a friend\u2019s live streaming gaming while playing a game themself.<\/p>\n Playing a browser game while watching a funny YouTube video. (Recreation of what a participant showed us during an interview)<\/p><\/div>\n Some people have habits with PiP for the reasons listed above, and we also learned there\u2019s nothing gravely wrong with PiP to prevent habit-forming. Therefore, our impact is related to PiP\u2019s strategy: Do not make \u201chabit-forming\u201d a measure of PiP\u2019s success. Instead, better support what people already do with PiP. Particularly, PiP is getting more controls, for example, changing the volume.<\/p>\n You don\u2019t have to stop reading to watch this cute red panda<\/a> in Picture-in-Picture<\/p><\/div>\n <\/p>\n While conducting these interviews, we also prepared an experiment to test different versions of Picture-in-Picture, with the goal of increasing the number of people who discover it. We\u2019ll talk more on that soon!<\/p>\n In the meantime, we\u2019d like to hear even more stories. Are you using Picture-in-Picture in Firefox? Are you finding it useful? Please share your stories in the comments below, or send us a tweet @firefoxUX<\/a> with a screenshot. We\u2019d love to hear from you.<\/p>\n <\/p>\n Thank you to Betsy Mikel<\/a> for editing our blog post. <\/em><\/p>\n This post was originally published on Medium<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":" At the end of 2019, if you were using Firefox to watch a video, you saw a new blue control with a simple label: “Picture-in-Picture.” Even after observing and carefully … Read more<\/a><\/p>\n","protected":false},"author":1632,"featured_media":4440,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[246,9594],"tags":[],"coauthors":[52916,52913],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts\/4432"}],"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\/1632"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/comments?post=4432"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts\/4432\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/media\/4440"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/media?parent=4432"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/categories?post=4432"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/tags?post=4432"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/coauthors?post=4432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
![\"Behavior](\"https:\/\/blog.mozilla.org\/ux\/files\/2020\/09\/foggs-600x364.jpg\")
<\/h2>\n
Helps with my tasks<\/b><\/h2>\n
PiP for note-taking<\/i><\/h3>\n
![\"PiP](\"https:\/\/blog.mozilla.org\/ux\/files\/2020\/09\/taking-notes-while-watching-lecture-replica-600x364.png\")
<\/h2>\n
Breaks up the monotony of work<\/b><\/h2>\n
<\/h2>\n
Calms me down<\/b><\/h2>\n
![\"PiP](\"https:\/\/blog.mozilla.org\/ux\/files\/2020\/09\/reading-while-watching-running-video-replica-600x344.png\")
<\/h2>\n
Keeps me entertained<\/b><\/h2>\n
![\"PiP](\"https:\/\/blog.mozilla.org\/ux\/files\/2020\/09\/entertainment-on-entertainment-replica-600x394.png\")
<\/h2>\n
Our research impact\u00a0<\/b><\/h2>\n
![\"Red](\"https:\/\/blog.mozilla.org\/ux\/files\/2020\/09\/Panda-YT2-600x393.png\")
<\/a>Share your stories<\/b><\/h2>\n