top of page
Facebook Container.jpg
Facebook Container
Facebook Container is an extension for Firefox that prevents Facebook from tracking you around the web. Facebook places trackers in their login, share and even like buttons (and that's just to name a few!). Even if you don't click these buttons they are still tracking and building a profile about you.
Facebook container disables these trackers by putting Facebook into a boundary.
I was brought into this project to help visualize how and when Facebook Container protects users. Working with research and content strategy we conducted a week-long sprint to understand our user problems. This allowed me to iterate and validate my designs quickly using prototypes.
 
research and design sprint.jpg
We tracked our sprint using a Miro board
Using a badging system we show users when and where Facebook Container has blocked a Facebook a tracker. This was very eye-opening to many users - to see the tracker in context made it much more real. We opted to disable share and like buttons, but prompted a warning when a user tried to log in with Facebook. We use this moment to provide the user with more information and education so they can make an informed decision.

 

1.jpg
Tracker badged and disabled in a Facebook share button
3.jpg
Tracker badged in a Facebook login button
We created an onboarding flow to help users understand how Facebook Container works and highlighted the visual cues that show it's protecting them.
onboarding.jpg
How Facebook Container Works Flow
The extension also has a panel that is found on the chrome of Firefox. In this panel, we alert the user to when a tracker is found on a website. We also use the panel as an informational space. For example, when a site is added to Facebook Container we want to make it clear to users that Facebook can now track you on the site.
tracker_blocked.jpg
Facebook tracker detected on the site
in_facebook_container.jpg
Site added to Facebook Container
Profile Image

Hey, it’s nice of you to stop by!

 

Let me introduce myself, I’m Eric a Senior Product/UX Designer based in Toronto. I'm currently working on improving the user experience of privacy and security features for Firefox at Mozilla. Partnered with my past experience in production design I understand the importance and value of all stages from conceptualization to implementation. Feel free to reach out to me with the form below, I’ll be more than happy to hear from you. :)

  • LinkedIn - Grey Circle
  • Instagram - Grey Circle
  • Twitter - Grey Circle

Success! Message received.

© 2016 by Eric Pang

bottom of page