Recipe Space

General ICLab Meeting

We are examining:

Images Type of recipe presentation How ingredients are organized How steps are grouped Commands and modifiers Stated cooking techniques and stated use of

tools Variations and tips Evolution of recipes

Text-based Recipes: Numbered

Text-based Recipes: Bulleted

Recipes organized by parts of dish

Visual examples

Simultaneousactions

Visual Recipes

Children’s RecipesHide-and-Seek Muffins

• Step-by-step method is represented spatially

• Specific actions are portrayed (ex: mixing)

• Picture is more powerful than text

Cartoons

Recipes that are hard to follow

Two columns organized by amount and ingredient

Ingredient lists: 2-Column

Ingredient Lists: 3+ Columns• 3 columns organized by different measurements, ingredients, preparation

Alphabetical

Ingredients ordered as used in recipe

Integrated into recipes

Organized by different parts of meal

Ingredient lists that are hard to follow

• Not in order used in recipe

• Messy!

Relevant Research

Visual Narratives Interaction between images and text How information is portrayed through images?

Document Design Current Recipe Design Ideas Expanding the recipe metaphor:

Step by step illustrations How-to manuals (e.g. car repair, home

improvement, chemistry)

Ideas in Procedural Illustrations

Designers communicate expert knowledge graphically, not through text

Communication of design knowledge should be example based

Visual problem solving How illustrations can attract attention, aid

retention, enhance understanding, or create context

How-To Instructions

Some of our ideas

Ingredients parallel to step

Explosion of ingredients

Bay Leaves

Green pepper Fresh TomatoesThyme

Ground Meat

Lasagne Noodles

Ricotta

Parmesan

Vegetables Herbs & Spices

Meat

Sauce

Cheeses

Garlic Onion

Mozzarella

Oregano

BasilLasagne

Lots more …

More new formats Experiments to determine relative

success of each