Requirements:

1. Create the two wireframes, mapping for each task flow diagram below.
2. Mockup for each wireframe== Mock ups Designs

Design Process:

a. Research: For this task, I have selected "Healthy Eating App" as the idea. Here are two examples of similar apps available in the market:

MyFitnessPal: It's a popular app that helps people track their food intake, monitor their nutrient intake, and maintain a healthy lifestyle. It has a database of over six million foods, making it easy for users to log their meals and track their calorie intake.

Lifesum: It's another healthy eating app that helps users set and achieve their health goals. It offers personalized meal plans, tracks water intake, and provides feedback on nutrient intake.

b. Persona(s):

Persona 1: Working professional - Emma, aged 32, who wants to maintain a healthy lifestyle and eat well despite her busy schedule. She is interested in tracking her calorie intake and nutrient intake to achieve her fitness goals.

Persona 2: College student - Alex, aged 20, who wants to eat healthily and maintain a balanced diet while studying. He is interested in quick and easy recipes that can be prepared with limited resources.

Explanation:

c. Task Flow Diagrams:

Persona 1 - Emma: Task 1: Log food intake Step 1: Open the Healthy Eating App Step 2: Click on "Log Food" Step 3: Select the meal type (breakfast, lunch, dinner, or snacks) Step 4: Search for the food item or scan the barcode Step 5: Enter the serving size and save the entry

Task 2: Track nutrient intake Step 1: Open the Healthy Eating App Step 2: Click on "Nutrient Tracker" Step 3: Select the nutrient to track (protein, carbs, fat, etc.) Step 4: View the current nutrient intake Step 5: Set a target for the nutrient intake Step 6: Log food intake to track nutrient intake

Persona 2 - Alex: Task 1: Browse quick and easy recipes Step 1: Open the Healthy Eating App Step 2: Click on "Recipes" Step 3: Select "Quick and Easy" Step 4: Browse the recipes and select one Step 5: View the ingredients and cooking instructions

Task 2: Create a meal plan Step 1: Open the Healthy Eating App Step 2: Click on "Meal Planner" Step 3: Select the meal type (breakfast, lunch, dinner, or snacks) Step 4: Browse the recipes and select one Step 5: View the ingredients and cooking instructions Step 6: Add the recipe to the meal plan for the selected day and meal type.