cooking app

.

page.

MAKING PROTOTIPOS

Disseny d’app mòbil

Ajda Zupancic I Iwona Jabłonowska

Making prototypes I Benchmark .

long it can be homepage.long it can be homepage.long it can be home-page.

page.

TABLE OF CONTENTSBenchmarkSite mapFlowchartsSketchingWireframesUser testWireframe II

.

page.

Jamie Oliver 20 minute mealsiGourmetGood Food

BENCHMARK


Good practices:

In steps is good connection string cards. It looks nice and fits substan-tially to the function.

Informative how-to videos

The structure of the application is easy and pleasant to use. Very quickly we get to the most important elements.

Step-by-step photos for each recipe

the recipe amounts are repeated on the instruction page so you don’t have to scroll between the two pages

Jamie Oliver 20 minute meals

Tapping a small icon at the top of each recipe switches the ingredient amounts to serve two or four peo-ple isolated and highlighted useful items: hours, tickets, location

.Making prototypes I Benchamrk

Bad practices:

Expensive Only 60 recipes Too much multimedial things.

The recipient gets lost in the num-bers. Instructional videos in some cases are not needed. They take time, which doesn’t fit to the philoso-phy of a short, 20 minute meals.

In steps are not enough, leading to an icon image, showing the succes-

sive stages of preparation. It could be bigger.


Good practices:

Very good idea to have an icon showing the time of preparation, the difficulty, the cost of meal. We can quickly and clearly read the informa-tion.

I can add my comment to the article.

Interesting is a glossary describing the components of dishes and in-gredients. However, it is too detailed, explains: ice, bake..

Tips are in a separate chapter. We decide whether we need it or not.

iGourmet


Bad practices:

I don’t like the form of alphabetical method of selecting the meal. Some-times name of dishes can’t tell us anything. I don’t know what I want to eat. I’m always looking for food by type of meal and picture.

I don’t like the structure of the ap-plication. Provision exists to scroll pages and chapter. You have to scroll the text to get to the next stages of the course. It isn’t marked and can be misleading.

Design makes it look dated and cheap instead of modern and fancy


Good practices:

Good photos & recipes

Overview contains nutrition facts

Very well designed timer

It has icons for sharing this recipe with your friends, add to favorites and make a shopping list.

Inshopping list option we can choose the missing ingredients for our dishes. We don’t have them auto-matically selects all like in the others applications.

Direct connection to shops (if you’re from UK) so you can order your shopping list

very useful videos

All the information that is not the most important is very well placed, so it doesn’t bother you with searching for your recipe

Good Food It has a side table of contents for easy access to the most relevant information, such as the calculation of the weight, the change in its value.

Clear and legible


Bad practices:

The bad:

Only 20 recipes are free, others you have to buy (1,99e each of the categories)

Takes a lot of memory, sometimes crashes

.

page.

SITE MAP

.Making prototypes I Site map

simple fancy recipe of the day all favourites

poultry pasta salad Þsh vegeterian soups

list of recipes

list of recipes

list of recipes

list of recipes

list of recipes

list of recipes

shopping list tips timer share settings

always availible

chosen recipephoto & introduction

steps

edit

share

metric system

language

country

add to shopping list

wine

glossary

equipment

storage

seasons

overview

add to favourites

ingredients


alternatives

HOME

.

page.

FLOWCHARTS

.Making prototypes I Flowcharts

randomfast traditionalcuisinefancy tipsshopping

listfavorites

Hungry? Eat something!/ Home

all timer

poultry beef Þsh

pasta salads

vegetarian soups desert

selecta meal

dishintroduction

add to favourites

ingrendients

steps

bonappetit!

shereadd to

shopping list

pick alternatives

add to shopping

list

.Making prototypes I Site map


listfavorites


all timer

quit/ buck

do you wanna edit

your shopping

list?

add or remove ingredients

you want to send

somebody a shopping list?

do you already have all what you

need?

you want to send


the mostuses

yourgroups e-mail portals

share as..

family

friends

girlfriend/ boyfriend

add new

facebook

twitter

share/ ...

errorsomeone

buy this for you

pick

quit/ buck

noyes

yes

no

no

yes

yes


listfavorites


all timer

quit/ buck

do you wanna edit

your shopping

list?

add or remove ingredients

you want to send


do you already have all what you

need?

you want to send


the mostuses

yourgroups e-mail portals

share as..

family

friends

girlfriend/ boyfriend

add new

facebook

twitter

share/ ...

errorsomeone

buy this for you

pick

quit/ buck

noyes

yes

no

no

yes

yes

.

page.

SKETCHINGVersions

.Making prototypes I Sketching

Logo Museum Menu/ Picture Picture Secondary Menu

EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER


EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER


EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER


EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER

I



EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER


EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER


EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER


EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER



EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER


EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER


EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER


EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER

II

.

page.

Making prototypes I Sketching


EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER


EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER


EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER


EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER

.

page.

WIREFRAMES

.


page.

Making prototypes I Wireframes

Cook

Simple

Fancy

Recipe of the day

All Recipes

Favourites

home shopping list tips timer settings

SimpleBack

poultry salads

pasta Þsh

vegetarian soups


Poultry


Back

Recipe 1This dish is very tasty...






Selected recipe


Back

add to favourites


share

for how many people cost time of preparation

This is space for a short description of the recipe. One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little.

MethodIngredientsOverview

Selected recipe


Back


share

MethodOverview Ingredients

Ingredient 1 + Alt

Ingredient 2 + Alt

Ingredient 3 + Alt

Ingredient 4 + Alt

Ingredient 5 + Alt

Selected recipe


Back

IngredientsOverview Method

1. This is space for a short description of the recipe. One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little.



Shopping listBack

ClearEdit Share

Ingredient 1

Ingredient 2

Ingredient 3

Ingredient 4

Ingredient 5

Ingredient 6

Ingredient 1

Ingredient 1

Checked items


Tips


Back

Wine

Equipment

Storage

Ingredients

Seasons

Settings


Back

Country

Language

Metric system

Select

Select

Select

Timer


Back

stopstart

.


page.


Cook

Simple

Fancy

Recipe of the day

All Recipes

Favourites


SimpleBack

poultry salads

pasta Þsh

vegetarian soups


Poultry


Back







Selected recipe


Back

add to favourites


share




Selected recipe


Back


share


Ingredient 1 + Alt

Ingredient 2 + Alt

Ingredient 3 + Alt

Ingredient 4 + Alt

Ingredient 5 + Alt

Selected recipe


Back





Shopping listBack

ClearEdit Share

Ingredient 1

Ingredient 2

Ingredient 3

Ingredient 4

Ingredient 5

Ingredient 6

Ingredient 1

Ingredient 1

Checked items


Tips


Back

Wine

Equipment

Storage

Ingredients

Seasons

Settings


Back

Country

Language

Metric system

Select

Select

Select

Timer


Back

stopstart

Cook

Simple

Fancy

Recipe of the day

All Recipes

Favourites


SimpleBack

poultry salads

pasta Þsh

vegetarian soups


Poultry


Back







Selected recipe


Back

add to favourites


share




Selected recipe


Back


share


Ingredient 1 + Alt

Ingredient 2 + Alt

Ingredient 3 + Alt

Ingredient 4 + Alt

Ingredient 5 + Alt

Selected recipe


Back





Shopping listBack

ClearEdit Share

Ingredient 1

Ingredient 2

Ingredient 3

Ingredient 4

Ingredient 5

Ingredient 6

Ingredient 1

Ingredient 1

Checked items


Tips


Back

Wine

Equipment

Storage

Ingredients

Seasons

Settings


Back

Country

Language

Metric system

Select

Select

Select

Timer


Back

stopstart

.


page.


http://popapp.in/w#!/projects/5135238b3193e5405e000212/preview



page.

USER TEST

Making prototypes I User test .

TASKS REQUIRED TO BE CARRIED

The tasks that you have to execute to test applications:1) Cook an extravagant dish with main ingredient meat.a) In the list of ingredients, search for an alternative ingredient for one of them.b) Add two ingredients to shopping listc) Set the timer to 5 min.2) Execute the following commands, where you seek to find an-swers to these questions?a) Choose the right wine for your meal:-Country: Spain- The first quality- Price to 25 eurob) Find out what kind of pan is the best to cook pancakesc) Learn what healthy ingredients include salmon and what com-ponents be administered.3) Shopping list:a) remove one item from the shopping listb) Remove all items from the shopping list.c) add two ingredients to the shopping listd) Share your shopping list with a friend4) Select the application language.5) Check the glossary, what is cling film.6) Check which the products of the season (winter) is best to use.7) Change the system of weights and measures in grams.

What was your experience of testing this application?What do you think about them?Is the application logical and easy to use?What do you think about application design?Is Alt. button located next to ingredients is understand for you?Is the navigation elements are placed in the best locations? Are they easy to find? Is the orderof these elements is correct.What do you think about the sizes of the elements?Is there anything confusing or difficult to understand?Which elements do you think are the best / most interesting?What can be done to improve the project?Comments?

?


PERSON 1Sex: MaleAge: 28Country / City:Poland, SosnowiecOccupation:Student/ renovation works.Technological experience / you are using a lot of technology on a daily basis?I have a lot of experience in technology, studying at the university where the element ofknowledge is required and developed by teachers. I use technology every day, and often meet mein my environment.Do you use an application, if so, how many and what kind?I didn't use ever this type of application. This structure is new to me.Mobile skills?GoodAn important question was:-Do you use an application?- What can be done to improve the project?

PERSON 2Sex: FemaleAge: 22Country / City:United Kingdom, BirminghamOccupation:Student/ graphic design, illustration, photogra-phyTechnological experience / you are using a lot of technology on a daily basis?Yes, I use technology every day. It is strongly associated with my daily activities. I like to use itbecause it makes life easier.Do you use an application, if so, how many and what kind?On a daily basis I use applications. I like it and I have great fun with their use. I use socialnetworking applications, Facebook, google search, map, weather, Instagram.Mobile skills?GoodAn important question was:- What do you think about the sizes of the ele-ments and fulfill their role?- What can be done to improve the project?- Is Alt. button located next to ingredients is un-derstand for you?

PERSON 3Sex: FemaleAge: 22Country / City: United Kingdom, BirminghamOccupation:Student/ graphic design, visual communicationTechnological experience / you are using a lot of technology on a daily basis?The Internet is nowadays commonplace, and so I don’t know how to live without it-which turns outto be very useful when it comes to on the chef, because there looking for various new andinteresting recipes. For half a year we also use a smartphone, so I discovered the advantages ofdifferent applications that you can always have it with you.Do you use an application, if so, how many and what kind?I don’t use a lot of applications, but as it is, I like these useful. I'm testing this is what I include such on the present moment rather use the appli-cation associated with foreign languages , and ahealthy lifestyle such that you can use for proces-sing images on the phone.Mobile skills?GreatAn important question was:- What do you think about the sizes of the ele-ments and fulfill their role?- What can be done to improve the project?- Is Alt. button located next to ingredients is un-derstand for you?


PERSON 4Sex: femaleAge: 54Country / City:SloveniaOccupation:architect/graphic designerTechnological experience / you are using a lot of technology on a daily basis?Quite a lot, new with smartphones/apps.Do you use an application, if so, how many and what kind?yes, but very few.

This user had no difficulties with the app. She said it’s very easy to understand. She liked theinformation about wines.

PERSON 5Sex: FemaleAge: 25Country / City:SloveniaOccupation:Student/biotechnologyTechnological experience / you are using a lot of technology on a daily basis?Not that muchDo you use an application, if so, how many and what kind?Doesn’t use this kind of apps. Doesn’t own a smartphone.Mobile skills?Mediocre

No difficulties getting about, suggested some interesting things (special diets, …)

PERSON 6Sex: MaleAge: 24Country / City:SloveniaOccupation:Student/graphic designTechnological experience / you are using a lot of technology on a daily basis?yes.Do you use an application, if so, how many and what kind?I do, I own a smartphone.Mobile skills?Good

His thoughts:- equipment is unnecessary/not clear enough- what is seasons?- option of taking a photo of the dish when you cooked it and adding it to the app/share withfriends


* Should be an option to make the element larger(text and images) as in any other smart phones editor (touch zoom).

* Ingredients part should be more clear I reckon-assignment to the category.

* I would a bit more specified it and focus on particular area/kind of cuisine maybe.

* I would change is browser / search type-it should be always on top or bottom of the screen-easy to use.

* Unclear is the significance of ALT (alternative) with the ingredients of a meal.

* It should have some interesting things (special diets, ...…)

* Equipment is unnecessary/not clear enough.

* What is seasons?

* They sugest option of taking a photo of the dish when you cooked it and adding it to the app/share with friends.

Users conclusions:



page.

WIREFRAME II


Cook

Simple (64)

Fancy (66)

Recipe of the day

All Recipes (130)

Favourites (30)



Poultry








meatSimple

meat salads

pasta Þsh

vegetarian soups

desserts special diets


Recipes


Selected recipe



Ingredient 1

Ingredient 2

Ingredient 3

Ingredient 4

Ingredient 5

+

Recipes

see alternatives

see alternatives

see alternatives

see alternatives

see alternatives

+

+

+

+

Selected recipe


tap for larger image

share





add to favourites

meat


Selected recipe






Recipes

listen to the recipe

Selected recipe


Ingredient 1

Ingredient 2

Ingredient 3

Ingredient 4

+

Recipes

hide alternatives

see alternatives

see alternatives

see alternatives

+

+

+


Alternative ingredient 1


+

+


Tips


Back

Wine

Equipment

Glossary

Ingredients

Seasons

Shopping list

ClearEdit Share

Ingredient 1

Ingredient 2

Ingredient 3

Ingredient 4

Ingredient 5

Ingredient 6

Ingredient 1

Ingredient 1

Checked items


Selected recipe


Timer


Home

stopstart

Settings


Home

Country

Language

Metric system

Select

Select

Select

Text size

Select


Home Tips Timer Settings

Wine 1Wine

Here comes a description of the wine: where it comes from, what are it's characteristics and with which foot it goes best.

Country, year

It is not meant to be read. It has been placed here solely to demonstrate the look and feel of Þnished, typeset text.

+

Shopping lists

WineTips

Wine 1country, year

pricequality

Wine 2country, year

Wine 3country, year

Wine 4country, year

Wine 5country, year

Wine 6country, year

+

+

+

+

+

+

Home Tips Timer SettingShopping

list

s

WineTips

Wine 1country, year

pricequality

Wine 2country, year

Wine 3country, year

Wine 4country, year

Wine 5country, year

Wine 6country, year

+

+

+

+

+

+

Home Tips Timer SettingShopping

list


Home Tips Timer Settings

Equipment 1Equipment

Here comes a description of the equipment: what is it used for, how to maintain it, what kind is the best...


+

Shopping listHome shopping list Tips Timer Settings

EquipmentTips

Equipment 1

Equipment 2

Equipment 3

Equipment 4

Equipment 5

Equipment 6

+

+

+

+

+

+


Home

Tips Timer Settings

Ingredient 1Storage

Here are some tips and tricks on how to store your ingredients in the kitchen to maintain it's freshness, the nutrition facts, what is it good for, how to prepare it...


+

Shoppinglist

IngredientsTips

Ingredient 1

Ingredient 2

Ingredient 3

Ingredient 4

Ingredient 5

Ingredient 6

Home shopping list Tips Timer Settings


SeasonsTips

Season

select

Ingredient 1

Ingredient 2

Ingredient 3

Ingredient 4

Ingredient 5

Ingredient 6

Ingredient 1Home shopping list Tips Timer Settings Home Tips Timer Settings

Ingredient 1winter

Here are some tips and tricks on how to store your ingredients in the kitchen to maintain it's freshness, the nutrition facts, what is it good for, how to prepare it...


+

Shopping list


AlternativesIngredients





+

+

+

enlarge images (click twice)


ShareIngredients


Sms

Last choice Name

Email

Facebook

Twitter

GlossaryTips

Term 1Short explenation

A







B

ABCDEFGHIJKLMNOPQRSTUVWXYZ


Shopping listBack

Ingredie...

Ingredient 2

Ingredient 3


Edit Done

...Back


Result 1

Result 2

Result 3

Result 4

Result 5

Result 6

serch


http://popapp.in/w#!/projects/5135238b3193e5405e000212/preview

.

page.

thank you

cooking app

Documents

good practices

benchamrkbad practices

fancymaking prototypes

good idea

good photos recipesoverview

instruction page

recipe amounts

good connection string