Consentful Interface

view the p5js sketch if camera is not working on this page

Design Process

I started the assignment by looking at my camera assignment and drawing the flowchart of the interface. The whole process begins with a brief introduction to let users get to know what the camera is mainly used for, which is helping users communicate with people with impaired hearing. I was hoping that the camera could be applied to some videotelephony products and apps, so I decided to add the interface of the contact list. Before the actual use of the camera, there will be a request for camera access permission to protect privacy. If users click the “allow” button, they will be able to start video chat with the contact they chose before. After finishing the flowchart, I started to sketch out the interface on p5js. The visual design should be concise and easy to understand.

Reflection

I think my design responds to F.R.I.E.S principle that first, the interface does not force the users to do things they don’t want to. The users always have options before the next step. Second, the users can always return to the previous step or turn off the camera by clicking the button “Back”, “Don’t Allow” and “End Chat”. Also, the design asks for the permission of camera access and informs the users what will happen if they open the camera to make the interface consentful.I put the picture of a person having video chat as the background so users could know the camera works for video chat at the first sight. And the text should send information to the users in a simple but accurate way so they won’t feel much pressure.