...
Sketch 3: Design for illiterate users
This UI is designed for illiterate users, so must communicate the flow without words. The log in screen is a combination lock-- the user gets a random code if they click on the “???” button. The next screen has a tile for each of the children, and when they click on it it brings up symbols for the ingredients they like and don’t like. The parent can drag each ingredient into the “shopping cart” box, and from there create a recipe. After selecting ingredients, the parent is brought to the recipe screen where the UI takes them through symbolic representations of the steps. When they have completed this, they can give feedback, also symbolically.
Sketch 1 Tal:
This design is primarily a web interface that is geared towards caregivers. It has search functionality based on cuisine, with ratings for the dish from other users. Once the caregivers find a dish, they can see recommendations from other users, the ingredients and the recipe on how to make it. The feedback is basic, kids rate the dish from 1-5 scale using stars.
Sketch 2 Tal:
With this tablet interface the caregivers have an autocomplete search to search for specific dishes. They can also view recommended dishes and the favorite dishes of the entire family. Caregivers also have the ability to search by ingredient, and view the rating of each ingredient by person/total ranking for the entire family. By clicking on an ingredient they can see dishes with that ingredient, and by clicking on the dishes, they can see a list of ingredients and a recipe. The feedback system allows each child to provide feedback for each ingredient, and the overall rank is calculated based on the individual rankings.
Sketch 3 Tal:
This is a mobile interface, and provides a dish search feature with autocomplete. Once the caregivers select a dish, they can see a list of ingredients on a separate screen, so they can go shopping with a list. By clicking next, they can view the recipe for that dish. A child is able to rate the overall dish, and each ingredient in the dish, which happens automatically by rating the overall dish. In this design, the feedback is verbal rather than visual.
Sketch 1 Max: Stretch Design for Kids
This interface is a stretch to be used by children only. Pictures are primarily used to communicate to the users – there is little to no text on screens. The use of large circles throughout the design is meant to be a clear affordance for children so they know where they can click in the interface.
Sketch 2 Max: Gather Feedback Design
This design is focused on quickly giving feedback on a lot of dishes. The top menu bar has the name of each child to allow quick selection of child who is voting. To gather feedback a voting slider is used. Left and right arrows to allow continuous cycling through meal options.
Sketch 3 Max: Focus on Recipe and Ingredient Selection
This design is focused on ingredient selection. A caregiver adds ingredients and the app searches for dishes that include those ingredients. The caregiver then picks 2 dishes for the child to pick. The child also has the option of picking that they want neither of the dishes and parent will select two more. Finally, the child gives feedback not only on the dish as a whole, but individual ingredients. This feedback can then be incorporated into dish search from the beginning.