Website Design

Prepared by: Alana SearlemanLast modified 13/11/2007

Client: Johndan Comm345 Project: My Recipe Planner, Version#1

Online Recipe Planner

My Recipe PlannerV#1 Defining the Users

The online interactive recipe book website is targeted to Adults. The main users for this site are parents, adults, and college students. The primary user is the college students that don't have a lot of experience cooking yet, and are normally very busy with schoolwork. The secondary user is a rushed parent that wants to make their life easier and more organized by using the planner to help keep their family eating properly. The third group of users are single adults that normally only cook for themselves. There are two personas created; one for the primary user and one for the secondary user.

What do they already know about this topic?

The users have a very wide range of skill. Some of the users will be intermediate level cooks and others will be complete novices to the cooking world. Some users will start with very limited if any experience cooking, while others will have been cooking meals for years. All the users will want to be able to improve their cooking skills and find new and improved recipes. Almost all users know what kinds of food they like to eat or would want to cook when looking for recipes on the website. The users also vary widely in terms of computer skills. College students and some adult users will be computer savvy and be comfortable using the internet to find what they are looking for. But then there are other users that have little skill with a computer and don’t have a lot of experience or comfort with the internet. 

Who are your user?

My Recipe PlannerV#1 Primary Persona

Job College Student

School LevelSenior Student

Daily Tasks

Goes to Class and does homework. Sports like Skateboarding and biking. Spends a lot of time on the computer looking at his favorite websites and checking his e-mail. Makes sure he never misses his favorite TV shows, especially the ones on Food Network like Iron Chief.  Eats tuna everyday for lunch.

Likes

He likes to procrastinate, and likes watching cooking shows on TV. Likes doing things quickly, except when doing things to procrastinate. Likes to try new and interesting things. Rating systems for references to what is good or bad. He only likes cooking for himself.  Would like a new recipe suggested to his tastes everyday.  Enjoys traveling away from campus a lot.

Dislikes

Doing homework and spending too much time doing work. Doesn’t like doing lots of dishes, and dislikes expensive food, but doesn’t like fast-food.  Doesn’t like wasting food or cooking for other people. Also, doesn’t like to have to search a lot to find what he is looking for.

Favorite Websites

Goals Staying healthy and to not stress out about things, and to get a good job after College.

Roger Smith

My Recipe PlannerV#1 Secondary Persona

Ann Brigs Ann is 42 years old and is married with two children. Her husband, Frank works full time as a police officer, who works overtime often because the police force is understaffed. Her oldest child, Kelly, is 15 years old and like’s eating junk food and hanging out with her friends. The youngest child, Will, is 12 years old and loves to play sports and is a very picky eater. Ann works full time at a Real-estate agency. She wants to feed her family good healthy food that everyone will enjoy.  She doesn’t have a lot of time to plan meals and get food from the store.  Ann and Frank like trying new foods but their children want to always eat out or order take out. 

At work, she constantly is rating houses and comparing property values.  She also shows clients tours of the various houses for sale that they might be interested in.  Ann likes using e-mail and the phone when corresponding with her clients and the other real estate agents at her real estate firm and the other firms in the area. Ann loves hosting large parties for her coworkers and for her clients.  She likes getting the best deal out of something for both her personal life and her job.

Ann likes keeping involved with the community by helping out with a lot of non-profit organizations and through her children’s schools and sport teams.  Both her and her husband’s families are from the area so there are normally people always coming and going from her house. She also enjoys collecting pins and spoons from all the places she visits with her family or on business trips. She also loves watching the Food Network TV station; her favorite shows being Rachael Ray’s $40 a Day and 30 Minute Meals, Unwrapped, Throwdown with Bobby Flay, and her favorite Semi-Homemade Cooking with Sandra Lee. 

My Recipe PlannerV#1 Blueprint Page 1

Page 1

Page 2

Page 3

Page 4

Page 5

Page6

My Recipe PlannerV#1 Blueprint Page 2

Page 1

Page 2

Page 3

Page 4

Page 5

Page6

My Recipe PlannerV#1 Blueprint Page 3

Page 1

Page 2

Page 3

Page 4

Page 5

Page6

My Recipe PlannerV#1 Blueprint Page 4

Page 1

Page 2

Page 3

Page 4

Page 5

Page6

My Recipe PlannerV#1 Blueprint Page 5

Page 1

Page 2

Page 3

Page 4

Page 5

Page6

My Recipe PlannerV#1 Blueprint Page 6

Page 1

Page 2

Page 3

Page 4

Page 5

Page6

My Recipe PlannerV#1 Wireframe Overview

My Recipe PlannerV#1 Homepage Wireframe

Notes:

1)The Recipes of the Day will be relevant to any upcoming Holiday or Season or be one of the top user rated recipes

2)The Local Links will be the same as the main Recipe section’s local links

3)If the User is logged In to the site the Today’s meals will show the User’s selected meals for the day from the planner.

4)If the User is not logged In to the site the Today’s meals will show a breakfast, lunch, and dinner recipe from the top rated recipes.

My Recipe PlannerV#1 Recipe Section Wireframe

Notes:

1)The amount of Recipe Types will change depending on the recipe section the user is currently in. The amount and names of each specific Recipe Type for a specific recipe section can be found on the website blueprint

2)The Local Links will change to fit the local links for the recipe section the user is currently in. The local link details for each specific page can be found on the website Blueprints

3)The suggested recipe will change to be relevant to the specific section of the website the User is currently in.

My Recipe PlannerV#1 Recipe Wireframe

Notes:

1)The Local Links will change to fit the local links for the recipe section the user is currently in. The local link details for each specific page can be found on the website Blueprints

2)The suggested recipe will change to be relevant to the specific recipe the User is currently viewing.

My Recipe PlannerV#1 Advanced Search Wireframe

Use case: Advanced Search

1)User can types in or select a key word / term in the combo box2)The User can select a type of dish from the dish type combo box3)User can types in or select a Main Ingredient in the ingredient combo box 4)User can types in or select the type of meal or the meal’s course from the meal combo box5)User can types in or select or select the type of cuisine or ethnicity from the cuisine combo box6)User can types in or select a guide from the guide combo box7)Then the user would click the Search Button and make sure that at least one combo box has something selected or typed in

Use case exceptions:Step 1: User doesn’t type in or select any values in all of the combo boxes

1)The Key Words / Terms is pointed out to the User2)User types in at least one of the advance search combo boxes3)Then the user would click the Search Button and be brought to the search results page.

My Recipe PlannerV#1 Log In Wireframe

Use case: Log In1)User types in username2)User types in password3)User Submits username and password for verification.4)If valid user goes to personal planner homepage.

Use case exceptions:Step 1: User types incorrect username1)User retypes username into the correct field.2)User retypes password into the correct field.3)User resubmits username and password for verification.4)If valid the user goes to personal planner homepage.

Use case exceptions:Step 2: User types incorrect password1)User retypes password into the correct field.2)User resubmits username and password for verification.3)If valid the user goes to personal planner homepage.

Use case exceptions:Step 3: User types incorrect password1)User retypes password into the correct field.2)User resubmits username and password for verification.3)If invalid the user is prompt again for the correct password and a forgot password link is pointed out to the user

My Recipe PlannerV#1 Upload Recipe Wireframe

Use case: Upload Recipe1)User types recipe name into the recipe name textbox2)User selects or types in category of food for the category field.3)User selects or types in picture address (This is optional; users are not required to upload a picture)4)User types in the ingredients the amount and volume into the ingredient table and adds more rows as needed by clicking the Add Ingredient Button5)User types in the directions on how to make the recipe from the ingredients6)User presses the Submit Button to upload the recipe to the website

Use case exceptions:Step 1: User forgets to include the recipe’s name, category, ingredients, and/or directions1)Section missing needed information will be pointed out to the user2)User types in require information to complete the recipe3)User clicks the Submit Button

Use case exceptions:Step 2: User wishes to change the recipe they are uploading1)User clicks the Reset Button2)User types in require information to complete the recipe (see above Use Case: Upload Recipe)3)User clicks the Submit Button