Creating a Toaster Oven UI

Project #1

CS 422 -- Brandon C Davis
drawing of toaster oven the app

To use this app you have a few options. You can either set everything manually by adjusting the temperature, cook, and time settings by yourself or you can use the presets.

You can adjust the temperature of the toaster oven by pressing the Up and Down arrows underneath "Temp". The temperature will then increase or decrease by 5.

Time can be controlled by selecting how many minutes you want the oven to be on. Since most don't use toaster ovens for any longer than 10 minutes, the numbers 1-9 simply overwrite each other when pressed (for example, hitting "1" and then "9" will not give you 19 minutes, but 9). Still if you wish to have longer cooking sections, the "0" button will add an 0 to current time (hitting "1" then "0" will give you 10 minutes). The ":30: button allows one to add 30 seconds to the current time. Subsequent hits of this buttton will continue to add 30 seconds in order to hit timings such as 12 minutes

After applying one's settings or hitting a preset button (which will apply the settings for you), hit the green start button to start the oven. Time will then count down. The red cancel button allows one to stop the oven, and the yellow clear button will set everything back to it's default setting.

I think this is a good interface as it provides easy and quick use to all functions that a toaster oven may need. Additionally, having the buttons be color-coded helps ease comprehension of the design.