We started to take our sketches and render them on the computer and started with the recipe selection. We took Sara’s original design and combined her elements with Alyssa’s typography/color selection.
Agreeing that Sara’s design had too much information on it, we removed most of the elements but kept difficulty, and time so the user can see more than just the image and title of the recipe.
After looking at this, we decided to create the following:
Based on the readings, we decided to bring in elements they discussed: glowing, dark colors, and layering. We also went with strictly lowercase typography.
We then broke down who would make each screen over the weekend:
- My cookbook (map, achievements, recipes)
- Ingredient collection
- Countertop UI/pullout menu (heating/cooling on cooktop)
- Utensil collection
- Screens with Cheffrey on them (welcome screens, soundwave screens, etc.)
I worked on creating the “My Cookbook” menu. This consisted of screens for recipes the user has saved, achievements (aka skills the user has learned/mastered), and a recipe map of locations where the recipes a user has created originated from. I just touched on each of the screens, but I think from something like this, we get an idea of what each of these menus would look like.
During class on Wednesday, I was drawing on the chalkboard while we came up with ideas for our screens. As a group, we decided we really liked the phrase “What’s Cookin'” (because “What’s Crackin'” was too egg-specific). Based on this, I decided to play around with different perspectives and angles of the lettering of the phrase “what’s cookin'” for our interface’s title. Sara worked on the illustration for the logo, and we plan on putting the two together to create the finalized logo.
This week outside of class I focused on creating the slide-out menu that would appear on the cooktop that would allow you to change the temperature settings of each item you have placed on the cooktop. Below is what I have come up with:
This week I was also asked to take pictures of the space that we will be filming. Below are some images of options:
I might want to un-center Cheffrey’s quotes and move them closer to the top-right of the screen. I also haven’t decided where to put the voice wave element that shows the user that his or her words are being heard by Cheffrey.