Cookie Consent 🍪

Using Adobe XD, I built the 12 prototype websites used in our study “Okay, whatever,” [1] which has been widely cited in regulations tightening the requirements for those pesky cookie banners. Each prototype tested one or more of seven design parameters impacting usability: to identify these parameters, I inspected cookie consent interfaces across 191 different websites against five deceptive design patterns. We then conducted a between-subjects experiment with 1,109 participants evaluating the usability impact of each design choice. Our lab immediately followed up this study with a more robust, international iteration [2] where we prompted 1,359 mobile and desktop users from the UK and US to make cookie consent decisions using one of 14 interfaces implemented with the OneTrust consent management platform. For this second study, I built functional versions of all 14 of those websites using Bootstrap. Screenshots of both the XD and live versions below, but you should also check out the papers—they're open access! (Cookie Monster illustration by me.) 1. Hana Habib, Megan Li, Ellie Young, and Lorrie Cranor. 2022. “Okay, whatever”: An Evaluation of Cookie Consent Interfaces. In Proceedings of the 2022 CHI Conference on Human Factors in Computing Systems (CHI '22). Association for Computing Machinery, New York, NY, USA, Article 621, 1–27. https://doi.org/10.1145/3491102.3501985 2. Elijah Robert Bouma-Sims, Megan Li, Yanzi Lin, Adia Sakura-Lemessy, Alexandra Nisenoff, Ellie Young, Eleanor Birrell, Lorrie Faith Cranor, and Hana Habib. 2023. A US-UK Usability Evaluation of Consent Management Platform Cookie Consent Interface Design on Desktop and Mobile. In Proceedings of the 2023 CHI Conference on Human Factors in Computing Systems (CHI '23). Association for Computing Machinery, New York, NY, USA, Article 163, 1–36. https://doi.org/10.1145/3544548.3580725