Description

Plant Ping (with consentful interface), 2020
Click here to experience the project.

The addition of the consentful interface for the Experimental Camera project aims to give the user control over their experience. I was interested in making a minimal, yet clear interface that attempted to highlight the F.R.I.E.S. model (Freely given, Reversible, Informed, Enthusiastic, Specific). The Experimental Camera received updates including a Camera Off function (allowing the user to experience the Plant Ping filter without needing their camera) as well as decision buttons (ie. allow, deny, turn camera off), and a home button.

Design Process

I created a flow chart (a sort of new technique for me) and drew the framework of the UI in sketch form. I then worked on this UI design and applied it to a switch statement (working with manually crafted buttons and hover states). It was fulfilling to make buttons from scratch (despite there being pre-made DOM buttons). I did my best to incorporate all of the principles of F.R.I.E.S. It was definitely a balance of being overly descriptive and transparent with being legible and user-friendly.

Click here to view the code.

Reflection

This project was really full compass in terms of combining the learnings from previous assignments: hover, if else statements, switch statements, arrays, mousePressed, doubleClicked, etc. I enjoyed designing the interface for this project, constantly evolving the design from the sketch, seeing what works and what could be clearer, more distilled. I had a coding hiccup in the process: when the pings were applied in either the "camera off" scene or the "camera on" scene, residual double-clicked pings remained (when you moved to a different scene). Olivier Brückner pointed out that I needed to empty my points array after every if statement (that switched scenes). Thank you Olivier for the help!