You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 6 Next »

Scenario

It is a dark and stormy night. Ben Bitdiddle, a vegan with several years of experience cooking for himself, has a hankerin' for mac n' cheese. Having made a number of vegan mac n' cheeses before, he wants to try something new, so he'd like to look at a number of both vegan and non-vegan recipes.

Individual Designs

Trevor

fig 1: Trevor's first


fig 2: Trevor's second


fig 3: Trevor's third

Ben


fig 4: Ben's first design, front page


fig 5: Ben's first design, results page


fig 6: Ben's second design, front page - results page would be the same as first design.


fig 7: Ben's third design, an SMS/MMS interface for feature phones.

Miren

[todo]

Design Storyboards

Design #1: Dish-Based

fig 11: Design Storyboard #1

Story

Ben Bitdiddle, worn weary from a long day's work, wishes to cook himself and his girlfriend a delectable dish they both can enjoy. Given that his girlfriend can't eat gluten and he hasn't had much experience cooking her food, he turns to Vegitude for help. Being a fan of Mac n' Cheese (and knowing his girlfriend loves meals with a lot of cheese), he opens up the simple, streamlined website and simply types in "Gluten-free Mac n' Cheese with Tuna." He then presses the "Give it to me!" button. He is then transported to the result webpage, which consists of an outside website's recipe page for delectable Tuna Mac n' Cheese. At the top border of the webpage is list of possible substitutions for the recipe to make it properly Gluten-free, two navigation buttons to flip to different recipes for the same dish, and a search bar if one wishes to search for another dish. After clicking through a couple recipes using the "next" and "previous" buttons, he settles on one he likes. He cooks the dish accordingly, simply substituting the macaroni for some gluten-free macaroni as suggested in the top left segment of the page. 

Analysis

[todo]

Design #2: Ingredient-Based


fig 12: Design Storyboard #2, part 1
fig 13:  Design Storyboard #2, part 2

Story

Ben looks in his pantry and picks out some key ingredients: he has eggs, flour, quinoa, avocado, and pasta. He enters them in one at a time, and then clicks "Search". The results page has a left column that presents a list of recipes, as well as filters to search for particular recipes or restrict the recipes to vegan recipes, dairy-free recipes, etc. When he clicks on a recipe, he sees the full recipe in the right column. For the ingredient list, he can use a toggle switch the view the original recipe or a substituted version that meets his dietary needs. If he clicks on an ingredient, he can see what is was before substitution, where to buy the ingredient, and alternative substitutions.

Analysis

This design is not well-suited to helping Ben find mac n' cheese. He could filter the recipes with the search bar in the left column of the result page, but the design is oriented more to finding recipes for a given set of ingredients. However, the results page provides a clearly navigable listing of recipes, and the recipes are augmented with important information about substitutions, presented in the context of the recipe itself.

Design #3: Restriction-based

[todo]

Story

[todo]

Analysis

[todo]

  • No labels