SlideShare a Scribd company logo
1 of 11
Matching Recipes
                   Yifen Chang 05/06/2010
Project Scope
 ● Matching Recipes website
   ○ Search recipes based on what users have at
     home so they can cook immediately without
     going to grocery shopping
   ○ Exclude recipes that have the ingredient users
     don’t have
   ○ Search recipes by
        ■ What ingredients users have or don’t have
        ■ What kitchen appliances they have or want to
          use
        ■ What meal type they want to cook for
        ■ How much time available for preparing the
          meal
Prototype - adjustment
                                   Switch the functions for
                                   selecting included and
                                   excluded ingredients




    The format of the text would
Selected ingredients would be
    be changed
displayed in the different
tabbed panels
Prototype
Prototype (cont.)
Scenario for the user testing
 ● Assume that you want to find a recipe on the
   “Matching Recipes” website
Task 1:
Today, you want to find an easy recipe to cook a meal for
breakfast, lunch, or side dish. You have some eggs,
butter, onions, strawberries, sausages, and shrimps but
you don’t have any walnut, green bean, and beef at your
home. Also, you have a stove, oven, and microwave in
your kitchen. You have only about 20 minutes to prepare
the meal.
Potential solutions for trouble 1
● Modify the text of the radio buttons to increase
  the straightforwardness
   ○ Replace “INCLUSIONS” with “I have”
   ○ Replace “EXCLUSIONS” with “I don’t have”
Potential solutions for trouble 1(cont.)
● Separate the two functions into different
  panels to decrease the complexity in STEP1
A potential solution for trouble 2
 ● Modify the text of the tabs to indicate the function
    ○ Replace “Recipes” with “Refine by difficulty”
A potential solution for trouble 3
 ● Modify the format of the navigational button to
   make it be more conspicuous
    ○ Enlarge the size of the text from 12px to 16px
    ○ Change the format of the text from italic to regular
    ○ Replace “Try again” with “New search”
I have learned…
● Combining functions is possible but it
  may increase the complexity and result
  in user confusion
● If the logic of design meets users’
  intuitions or previous experiences,
  functions can be understood immediately
  without learning
● It is essential to repeat the user tests
  and revising processes

More Related Content

Viewers also liked

Viewers also liked (12)

Ayudantia 1
Ayudantia 1Ayudantia 1
Ayudantia 1
 
Flexitank BBL
Flexitank BBLFlexitank BBL
Flexitank BBL
 
Cómo se inserta una imagen a blogger 1
Cómo se inserta una imagen a blogger 1Cómo se inserta una imagen a blogger 1
Cómo se inserta una imagen a blogger 1
 
animals
animalsanimals
animals
 
Electricity dari
Electricity dariElectricity dari
Electricity dari
 
Chapter 7
Chapter 7Chapter 7
Chapter 7
 
Sa Pforum Shekhar V2
Sa Pforum Shekhar V2Sa Pforum Shekhar V2
Sa Pforum Shekhar V2
 
Drucker Chapter 4
Drucker Chapter 4Drucker Chapter 4
Drucker Chapter 4
 
Presentación flexitankBBL
Presentación flexitankBBLPresentación flexitankBBL
Presentación flexitankBBL
 
Dwdm unit 1-2016-Data ingarehousing
Dwdm unit 1-2016-Data ingarehousingDwdm unit 1-2016-Data ingarehousing
Dwdm unit 1-2016-Data ingarehousing
 
Objetivos proyecto de comparacion de sistemas inalambricos
Objetivos proyecto de comparacion de sistemas inalambricosObjetivos proyecto de comparacion de sistemas inalambricos
Objetivos proyecto de comparacion de sistemas inalambricos
 
Drucker chapter 1
Drucker chapter 1Drucker chapter 1
Drucker chapter 1
 

Similar to Hci presentation

Ovenbot the real kitchen of the future
Ovenbot the real kitchen of the futureOvenbot the real kitchen of the future
Ovenbot the real kitchen of the futureshawn212
 
The UX of Sandwichs: How is Making a Great Sandwich like Designing Usable Sof...
The UX of Sandwichs: How is Making a Great Sandwich like Designing Usable Sof...The UX of Sandwichs: How is Making a Great Sandwich like Designing Usable Sof...
The UX of Sandwichs: How is Making a Great Sandwich like Designing Usable Sof...Suzi Shapiro
 
Responsive navigation techniques for 2014
Responsive navigation techniques for 2014Responsive navigation techniques for 2014
Responsive navigation techniques for 2014HappyDogWebProductions
 
Idea trees correction
Idea trees correctionIdea trees correction
Idea trees correction_poojithalal
 
Writing Tests Effectively
Writing Tests EffectivelyWriting Tests Effectively
Writing Tests EffectivelyPaul Boocock
 
Reactive declarative UI as code - DroidCon Vietnam 2019
Reactive declarative UI as code - DroidCon Vietnam 2019Reactive declarative UI as code - DroidCon Vietnam 2019
Reactive declarative UI as code - DroidCon Vietnam 2019oradoe
 
Rapid Paper Prototyping Workshop — Campus Party GDL 2016
Rapid Paper Prototyping Workshop — Campus Party GDL 2016Rapid Paper Prototyping Workshop — Campus Party GDL 2016
Rapid Paper Prototyping Workshop — Campus Party GDL 2016Misael Leon
 
Bhs Inggris 9 Chapter 4.pptx
Bhs Inggris 9 Chapter 4.pptxBhs Inggris 9 Chapter 4.pptx
Bhs Inggris 9 Chapter 4.pptxPeni Nuraeni
 
Google apps for Education - Thiyagu
Google apps for Education - ThiyaguGoogle apps for Education - Thiyagu
Google apps for Education - ThiyaguThiyagu K
 
Just test it - discovering new products and reducing risk through rapid proto...
Just test it - discovering new products and reducing risk through rapid proto...Just test it - discovering new products and reducing risk through rapid proto...
Just test it - discovering new products and reducing risk through rapid proto...Philip Pantelides
 

Similar to Hci presentation (17)

Ovenbot the real kitchen of the future
Ovenbot the real kitchen of the futureOvenbot the real kitchen of the future
Ovenbot the real kitchen of the future
 
UX of a Sandwich
UX of a SandwichUX of a Sandwich
UX of a Sandwich
 
The UX of Sandwichs: How is Making a Great Sandwich like Designing Usable Sof...
The UX of Sandwichs: How is Making a Great Sandwich like Designing Usable Sof...The UX of Sandwichs: How is Making a Great Sandwich like Designing Usable Sof...
The UX of Sandwichs: How is Making a Great Sandwich like Designing Usable Sof...
 
Responsive navigation techniques for 2014
Responsive navigation techniques for 2014Responsive navigation techniques for 2014
Responsive navigation techniques for 2014
 
Idea trees correction
Idea trees correctionIdea trees correction
Idea trees correction
 
Writing Tests Effectively
Writing Tests EffectivelyWriting Tests Effectively
Writing Tests Effectively
 
Idea trees
Idea treesIdea trees
Idea trees
 
Baking Accessibility In
Baking Accessibility InBaking Accessibility In
Baking Accessibility In
 
Reactive declarative UI as code - DroidCon Vietnam 2019
Reactive declarative UI as code - DroidCon Vietnam 2019Reactive declarative UI as code - DroidCon Vietnam 2019
Reactive declarative UI as code - DroidCon Vietnam 2019
 
Foodlov oap
Foodlov oapFoodlov oap
Foodlov oap
 
Rapid Paper Prototyping Workshop — Campus Party GDL 2016
Rapid Paper Prototyping Workshop — Campus Party GDL 2016Rapid Paper Prototyping Workshop — Campus Party GDL 2016
Rapid Paper Prototyping Workshop — Campus Party GDL 2016
 
UX CASE STUDY.pdf
UX CASE STUDY.pdfUX CASE STUDY.pdf
UX CASE STUDY.pdf
 
Bhs Inggris 9 Chapter 4.pptx
Bhs Inggris 9 Chapter 4.pptxBhs Inggris 9 Chapter 4.pptx
Bhs Inggris 9 Chapter 4.pptx
 
Google apps for Education - Thiyagu
Google apps for Education - ThiyaguGoogle apps for Education - Thiyagu
Google apps for Education - Thiyagu
 
Just test it - discovering new products and reducing risk through rapid proto...
Just test it - discovering new products and reducing risk through rapid proto...Just test it - discovering new products and reducing risk through rapid proto...
Just test it - discovering new products and reducing risk through rapid proto...
 
Jsai2020 slide
Jsai2020 slideJsai2020 slide
Jsai2020 slide
 
HayateFukumoto_jsai2020
HayateFukumoto_jsai2020HayateFukumoto_jsai2020
HayateFukumoto_jsai2020
 

Hci presentation

  • 1. Matching Recipes Yifen Chang 05/06/2010
  • 2. Project Scope ● Matching Recipes website ○ Search recipes based on what users have at home so they can cook immediately without going to grocery shopping ○ Exclude recipes that have the ingredient users don’t have ○ Search recipes by ■ What ingredients users have or don’t have ■ What kitchen appliances they have or want to use ■ What meal type they want to cook for ■ How much time available for preparing the meal
  • 3. Prototype - adjustment Switch the functions for selecting included and excluded ingredients The format of the text would Selected ingredients would be be changed displayed in the different tabbed panels
  • 6. Scenario for the user testing ● Assume that you want to find a recipe on the “Matching Recipes” website Task 1: Today, you want to find an easy recipe to cook a meal for breakfast, lunch, or side dish. You have some eggs, butter, onions, strawberries, sausages, and shrimps but you don’t have any walnut, green bean, and beef at your home. Also, you have a stove, oven, and microwave in your kitchen. You have only about 20 minutes to prepare the meal.
  • 7. Potential solutions for trouble 1 ● Modify the text of the radio buttons to increase the straightforwardness ○ Replace “INCLUSIONS” with “I have” ○ Replace “EXCLUSIONS” with “I don’t have”
  • 8. Potential solutions for trouble 1(cont.) ● Separate the two functions into different panels to decrease the complexity in STEP1
  • 9. A potential solution for trouble 2 ● Modify the text of the tabs to indicate the function ○ Replace “Recipes” with “Refine by difficulty”
  • 10. A potential solution for trouble 3 ● Modify the format of the navigational button to make it be more conspicuous ○ Enlarge the size of the text from 12px to 16px ○ Change the format of the text from italic to regular ○ Replace “Try again” with “New search”
  • 11. I have learned… ● Combining functions is possible but it may increase the complexity and result in user confusion ● If the logic of design meets users’ intuitions or previous experiences, functions can be understood immediately without learning ● It is essential to repeat the user tests and revising processes