1. DESIGN EXERCISE

2. “ Family households today are often very chaotic places.
Parents and children are coming and going at various
times. There are chores that need to be done, menus need
to be planned, groceries need to be purchased, and meals
need to be cooked. Everyone wants to chip in and help, but
it can be challenging coordinating everything. Many times
the kitchen ends up being the central point of interaction.
Design an interface that a modern family can use in that
space to orchestrate their busy lives.

3. PROBLEM STATEMENT ANALYSIS

4. MENU PLANNING TASKS / TO-DO LISTS

5. MENU PLANNING
Recipes / Food Items
Nutritional Value / Calories
Pantry
Chef / No. of people

6. TASKS / TO-DO LISTS
Task, Due Date, Occurrence
Assignee
Labels
Notifications
Sub-tasks / Lists

7. DEVICE SUPPORT

8. TABLETS

9. MOBILE PHONES

10. PRODUCT ANALYSIS

11. TASK MANAGER
GOOGLE CALENDAR ASANA WUNDERLIST
+ Simple Design, Effective Navigation + Good support for Project Management + Simple task management application
+ Support for Calendar Events, Task list + Provides Multiple Sort and Filter Options + Supports Labels and Multiple Lists
+ Different Views for day, week, month + Simple and Easy to understand + Easy to use and understand
- Not Ideal for project management - Not greatly designed for mobile devices - Doesn’t support collaboration
- Doesn't support Menu Planning - Doesn't support Menu Planning - Doesn't support Menu Planning

12. MEAL PLANNING
MENU PLANNER PEPPERPLATE MEAL MAKER
+ Comprehensive Menu Planning Activity + Simple Design, Easy to Understand + Basic Menu planning application
+ Supports Grocery Lists, Pantry + Supports Grocery Lists, Grocery + Easy to understand
- Overwhelming for first time users - Limited views for menu - Limited views and features
- Confusing interaction elements - Doesn’t support task management - Doesn’t support collaboration
- Doesn't support task management - Doesn't support task management

13. LOW-FIDELITY SKETCHES

14. MENU TAB ITEMS TAB TASKS TAB

15. MENU TAB
DAY VIEW

16. MENU TAB
DAY VIEW
Menu Tab Segmented Controls
The default landing page is for day, week and month
the current day view
Planned Meal
allows to add “recipes/food items”
no.of people, chef, occurrence
Add Meal Button
Adds a pre-defined meal (such as
breakfast, lunch, dinner) to the day

17. MENU TAB
PLANNED MEAL ICONS
Planned Meal
Shows the items planned for the
meal, chef, no. of people and
controls for duplicating the meal to
other days

18. MENU TAB
PLANNED MEAL ICONS
Add People Icon
Shows how many people are
there for the meal. Also allows to
add guest if any
Add Chef Icon
Shows how is cooking the meal
and allows to add a chef

19. MENU TAB
PLANNED MEAL ICONS
Copy to Calendar -Duplicate
Allows to duplicate the planned meal
to other dates on the calendar
Copy to Calendar - Repeat
Allows to create a repetitive planned
meal

20. MENU TAB
WEEK VIEW
Menu Tab Segmented Controls
The default landing page is for day, week and month
the current day view
Planned Meal
Provides an overview of the
meal, no. of people eating,
how’s cooking

21. MENU TAB
MONTH VIEW
Menu Tab Segmented Controls
The default landing page is for day, week and month
the current day view
Planned Meal
Shows which meals were
planned for the day

22. WEEK / MONTH VIEW
MEAL SUMMARY
Meal Summary
gives an overview of the
meals for the day
Planned Meal
Shows which meals were
planned for the day

23. ITEMS TAB
RECIPES VIEW Tabbed Navigation
for recipes and food items
Import Button
Allows to import recipes
from a partner website
Add Recipe Button
Allows to create a new
recipe
Items Tab
The default landing page is
the “recipes” view

24. TASKS TAB
Sort / Filter Options
List of different types of
options by which a task can
be sorted or filtered
Labels Icon
Allows to create a new
Task List Properties label or sort for a
Shows a list of properties particular label
associated with a task
Segmented Controls
Allows to switch between
tasks of different family
members
Task Row
Allows to edit, delete, add
label and assignee

25. INTRODUCING
ALFRED

26. MENU TAB ITEMS TAB

28. Add Meal Icon
Create specific menus for
different meals

29. Add Item Popup
Allows addition of items to the
planned meal

30. Add Item Popup
Allows addition of items to the
planned meal

31. Add New Item
Add a new item, recipe, or food
to Alfred’s inventory

32. Add Person Popup
Specify who will be attending
each meal

33. Add Chef Popup
Specify who is cooking a meal

34. Copy to Calendar
After planning the menu,
easily copy the entire menu
to another date

35. Meals - Completed View
A completely planned breakfast
for September 15th

36. Meals - Weekly View
Look at the entire week’s worth
of planned meals

37. Meals - Monthly View
Look at the entire month’s worth
of planned meals

38. MENU TAB ITEMS TAB TASKS TAB

39. Items Landing Page -
Recipe Tab
Browse, import, or add recipes.
With this inventory, recipes can
be easily found and referenced.

40. ITEMS TAB TASKS TAB

41. Tasks Landing Page
Examine, tag and assign the
family task list

42. Edit Task Popup
Modify a specific task

43. Labels Popup
Filter the tasks to show only
those of a specified tag

44. Sort By Popup
Sort the list of tasks to allow
easier navigation

45. Show/Filter By Popup
Filter the tasks based on
different levels of urgency

46. Sub-task/List View
Add more details to a task
through the creation of
sub-tasks

47. DEMO

48. http://kaushalagrawal.com/designchallenge