Project #8 CONSENTFUL INTERFACE

Interface Flowchart

Home Page

Camera Page

Use the slider to close your camera

Choose your camera resolution (low-resolution)

Project Description

This camera is designed to disguise people's skin color. As I mention in pervious assignment, I got my inspiration from my class zoom meeting experiences as an Asian. I do not want people get an assumption about me by looking at my appearance, so this camera helps to pixelize and change the color of images that make one hard to identify others' race. To improve users experience with my camera, I added a home page with very brief introduction and button to open their camera. Then, in my camera page, I also provide options for user to close and open their cameras and to customize the resolution by changing the size of the pixels.

Design Process

Drawing flowchart before going into code helps a lot with my logic. I am able to organize each steps and think about users' experience and the options for each step. I think the techniques of adding slider and radio are clear for me by watching this week's tutorials. Also, I followed my flowchart to edit my code, for which the process is pretty obvious and easy for me.

Reflection

User experience is an vital part of our design. While designing, I always think about the balance between giving user options and making decisions for users. I used many apps, and I had times when I wish I can gain more respectful options. By doing this exercise, I learn that using flowchart and doing user tests really help to organize the logics and to understand users' decisions.