...
Our design was a combination of all three designs we came up with during the design phase , and a simplified version of our paper prototype model. The design is based on the input of two users; , a caregiver and child. The caregiver has to be able to quickly and easily choose a meal to cook for their kids, and the kids have to be able to give feedback on the meal they just ate. We didn’t want the application to interfere or be a burden to the caregivers/children, so we worked to make it as simple as possible. Our design has four main pages: the home page, results page, and recipe page (for caregivers), and the feedback page (for children).
...
- Typing in an ingredient and selecting it from the list populates the search bar with an icon.
- Hovering over a tile changes the color of the tile (feedback), and clicking on a tile populates the search bar and colors the tile green (more feedback).
- There is internal consistency for search items: every time something populates the search bar it is put in a little grey 'tile', so the user can assume know it’s a valid search parameter.
- The tiles are meant to have the affordances of large buttons, shown by rounded corners and shading.
- The search and clear buttons have the affordances of buttons, and are also colored based on their function (i.e. “clear” is red). However, they They also have multiple visual to indicate their function -- both – color, text, and icons.
Efficiency
...