Skip to main content

Skip to main navigation

Logo image

Cookies Exposed through Infographics

Report #2 from the Mozilla Collusion Design Team.

After the development of our infographics, the Collusion team examined each of them for feedback which opened up each context for discussion. To recap, the infographics covered various topics such as:

  • the good and bad uses of personalization using third party cookies
  • understanding how the Facebook "like" button uses cookies
  • how cookies are used in ad tracking
  • the unintended consequences of embedded content

Take a look at the progress on our infographics we created so far:

Our team discovered the common misconception that cookies are text files but in reality they are snippets of data stored in your browser that don’t contain information itself just strings of letters and numbers to unlock information stored on other servers. 

We shared our insight on what creates an effective infographic. Strategies like using visual metaphors can help deliver your concept by showing relationships to the viewer. Expressing a sequence or story allows the viewer to build a narrative to digest the information conveyed. Visual hierarchy is another element that highlights or divides information with visual impact. The most important idea to create an effective infographic is being relatable and accessible to your audience through visuals or storytelling.

After establishing a foundation of how 3rd party cookies work in various contexts, the next stage of exploration leads to the evolution of our static infographics to become dynamic animations that contain 3 distinct states. Translating this information poses an interesting challenge and many at Harvard previously tackled this challenge with video as well. Check out their past cookie crumbles contest. We developed sketches and shared our process with each other. We are sure to have an exciting upcoming week.

Here’s a sneak peak of what we have in store:


The contributor of UI designs on collusion, Kate Hudson, stopped by the Vancouver Mozilla office for a delightful visit. Kate is a developer for Mozilla Popcorn.js and she provided her insight on data visualization, interface design and visual language contributing to our overall discussion on visualizing Collusion.

We continue to brainstorm how to visualize Collusion by isolating elements, showing relationship and concept of time. Check out our ongoing wishlist on the Collusion subsection on the MozillaWiki.

Stay tuned for next week's blog post for more collusion updates on it’s way!


Welcome to SIM Centre

The Social + Interactive Media Centre is a new research centre that supports a wide range of applied social, interactive and design projects. Funded by a 5-year grant from the Natural Sciences and Engineering Research Council (NSERC), the centre offers BC companies a way to tap the design, creative and technical expertise of Emily Carr faculty and students.