Description

I cohesively added a Terms and Conditions page that fits the yearbook aesthetic.

Design Process

I started with a flowchart and I chose checkboxes and a mini-password as the DOMs, ensuring viewers read the text before proceeding and creating transparency for the viewers. In Adobe Illustrator, I created the pattern and doodles.

Response to F.R.I.E.S

I implemented the ability to return to the consent page, allowing users to revoke previous permissions. The consent page provides comprehensive information about the p5js sketch's access for the filter. I introduced an input function not just for page review, but also to draw out any hesitation, requiring users to type out the full words, giving ample time for reconsideration. I also prioritized specificity for heightened user understanding.

Recontextualize UI

All of the consent UI has been seamlessly included, unlike most websites that create a little pop-up. Instead, the whole page is viewed as the consent terms and conditions draws the viewers eyes in more, and gives them the opportunity to learn about what the camera filter is doing when they use it. This consentful interface, makes it seem like all websites and programs should require clear consent, and not just assume the viewer will scroll through various pages of terms and conditions.