Product Interface Design
For
Coffee vending Machine
By Jaikumar Ranganathan
116130006
Junior PD, IDC IIT Bombay
Madras Filter coffee my association with coffee-
ethic flavour of South India
Sense
of
celebration
Socio-cultural
Interaction
rejuvenate
Coffee
Product
Context
Lot can happen
over coffee
Coffee vending Machine
User Study
@
Brewberrys
IIT Bombay
TopLeft Top Right
Top Center
Middle
Bottom
Coffee vendingMachine
Knob for hot water
Outlet for hot water
On/Off Knob
Tray will mesh to
Collectwastewater
Operational FlowchartOf Coffee vendingMachine
Plug in to thesocket andswitch on the machine
Turn on the coffee machine by rotating theblack Knob at left bottom from 0 to 1
Unlock and Take out the grove Pam located in thecentre
Place the grove Pam directly- right below the point of removal
Press andon the black switch, located right above in the top centre
(for manual operation only)
Hot water will pour out from grove Pam slot and clean the grove pam using
the water and pour the waste water below in to thecollection grilled tray
To Make a coffee shot , place the grove pam in the coffee grinder in the slot provided
Pull the lever twice on rightbottom of the grinder tofill the coffee power
Take out the grove Pam and level thecoffee powder
( Note : for 30 ml single coffeeshot use grove pam with single spout and for 60 ml double
Coffee shortuse grove pam with double spout)
Lock the grove Pam (with single spout) in the slot provided in the vendingmachine
On the top right of control panel we see four buttonswith cup symbols
Smallcup for single coffee shot
Two smallcups for double coffee shots
Largecup for medium coffee shot
Two large coffee cupsfor large double coffee shots
Flow chart contd….
Press the top left button with small cup for 30 ml of single coffee short
Cappuccino Café Mocha EspressoCaffeino Café Lathe
( More Froth
+ Less Milk +
Strongcoffee)
( Plain Coffee
+ Chocolate)
(2 shot Espresso-
60 ml espresso
+ 40 ml Hot water
( Single
Shot
of coffee
30 ml
No milk +
No water)
Espresso
Americano
(30 ml Espresso
+ 70 ml
Hot water)
(lessFroth
+ more milk
(plain coffee))
Makingfroth using milk
Take requiredquantity of milk in a mug
Dip the Steam nozzle slightly in to themilk
Turn the frothingKnob at top right to anticlockwise
Make more froth for cappuccino and lessfroth café lathe
Add Coffee+ Milk ,chocolate+ sugar as per requirement in to a cup
Serve Hot
Take out the grove Pam from the slot and empty the usedcoffee powder
And clean it for next use.
Flow chart contd….
For espresso and caffeino –hot water isrequired
Collecthot water in a cupfrom hot water outlet locatedon theextreme left
by turning the top left knob in anticlockwise. Next tothe Knob ,isthe meter
Indicator for hot water and steam and temperature check at bottom right
indicatedwith water level in a glasstube.
Take the hot watercup andcollect coffee short as mentionedearlier
Add required sugar andserve hot.
Operational Flowchart
Of
Coffee vendingMachine
Process of makingcappuccino usingcoffee vending Machine
Switch On
the
Machine
Take out the grovepam
and press central switch
for cleaning
Fill the coffee powder
from coffee grinder
in the grovepam
Insert the
Grovepam
in the slot
and press
Button for coffeeTake Milk andmake
Froth using the steamer
Add coffee tothe
Frothendmilk
in a coffee cup
MovementFlow Chart
ActivityAnalysis
Activity Findout Action Interface Inference/Problems
Switching on
The machine
Knob is set
inside
Turn the knob
Clockwise from
0 to 1
Glow of
Green light
indicates
the machine
is on
Difficult to locate
at first instant.
Locking and
Unlocking the
Grove Pam
Difficult to
Lock and unlock
The grove pam
Bend down and
See properly
to lock and
unlock
Manual check Need easy
Mechanism
For lock and
Unlock of the
Grove Pam
Filling of
Coffee powder
From coffee
grinder
Freshly growned
Coffee powder
is used for
making coffee
Place the grove
Pam in the given
Slot andpull
Lever tofill
the powder and
level
Clear
Visibility,
Coffee grinder
Could be
attached to
The vending
machine
The machine
is placed
Separately
In close
proximity
ActivityAnalysis
Activity Findout Action Interface Inference/Problems
Making
Coffee
Short
Froth
Making
Making
Hot water
Programme
Button not
In use
Knob need
To be rotated
clockwise
Knob need
To be rotated
clockwise
2 spout
Grove pam-
Excess coffee
Short used
For cold coffee
Dip the
Nozzle slightly
Into the
milk
Press
The
button
Coffee
Cup used
As symbol
Rotate
The knob
Anti clockwise
Graphic
Is not seen
clearly
Rotate
anticlockwise
check the
Meter and
temp
Graphic
Is not seen
clearly
Observations
Flat top of the Coffee Vending
Machine isused for storing
Cups, sugar, tea bags
Excesscoffee is
Retained for
Cool coffee/ frappe
Observations
RedBox for collecting
the coffee powder waste
fromgrovepamafter
preparation.
The forth making Nozzle is
Cleanedwith same dirty wipe
again andagain.
Inference from User Study
Programme button isnear used by
the user by only theservice person.
Users areinstructed not use the button
as the programme isset by the company
already.
Both steam and
Hot water knobs
turn on towards
anticlockwise but
human tendency
is to turn towards
clockwise
Need to main the hygiene of the forth making Nozzle.
Glimpse of ParallelProduct
IDEATION
Three probabilities of ideation
are taken for User Study
Users
Naveen
Namita
Amey
Aravind
Self
Movement flow chart
By
Self
Naveen –User Activity Mapping
Amey –User Activity Mapping
Namita –User Activity Mapping
Aravind –UserActivity Mapping
Inference from the users/users feed back
 Light glow button for ON/OFF of the coffeevendingmachine in
proportionally bigger size ( emphasisneedto be given to thebutton)
 If possible integrate the button for grinding+ dispensing of coffee powder button
 Autoleveler for ease of operation
 Collection bin for dispensing of usedcoffee powder integratedin the system
 Knob is better than push button
 Coffee grinderleft side and milk frothing towards right ispreferred accordingto
the context ‘ brewberry’swork environs’.
 Clearly in symbolsfor the buttons for easy operation.
 Clear demarcation
 inference from user activity mapping –All the userspreferred coffee vendingmachine
with coffee shot control in centre and coffee grinder on one side and milk frothing on the
Otherside .
Final Concept
Groove Pam
With Snap fit
Integrated
Hot water outlet
+ Milk frothing Outlet
Turn Knob
Clockwise for
Hot water+
Anticlockwise for
Milk frothing
Space for keepingcups
Transparentglass
To see the
Collected coffee
Powder
Autoleveller
With coffee
Powder outlet
Platform for mixing
Hook to
Hold the
Waste coffee
Powder
dispensing bag
Instructions
To make
Various
Types of coffee
Hot water
Symbol
Singleshot
Double shot
Largeshot
Double
Largeshot
Milk Frothing
Push manually
For hot water
On/off
button
Program
Button
Under glass
Cover for
Service
Person toset
Courtesy to:
Prof.Purba Joshi Course Co-Ordinator
SamuelD Souza Brewberrys
Nabarun Bhowmick
Naveen
Namita
Amey shukla
Aravind
Nishant
South Indian Coffee filterphotosposedby Rani acharyulu
Coverpage photoby Getty
Reference:
Wikipedia
Webdesign Blog
i-love-coffee-wallpaper
Linea_doubleespresso
SIHI-COORG-COFFEE-Filter

Coffee vending machine user study

  • 1.
    Product Interface Design For Coffeevending Machine By Jaikumar Ranganathan 116130006 Junior PD, IDC IIT Bombay
  • 2.
    Madras Filter coffeemy association with coffee- ethic flavour of South India
  • 3.
  • 4.
  • 5.
    Coffee vending Machine UserStudy @ Brewberrys IIT Bombay
  • 6.
    TopLeft Top Right TopCenter Middle Bottom Coffee vendingMachine
  • 7.
    Knob for hotwater Outlet for hot water On/Off Knob Tray will mesh to Collectwastewater
  • 9.
    Operational FlowchartOf CoffeevendingMachine Plug in to thesocket andswitch on the machine Turn on the coffee machine by rotating theblack Knob at left bottom from 0 to 1 Unlock and Take out the grove Pam located in thecentre Place the grove Pam directly- right below the point of removal Press andon the black switch, located right above in the top centre (for manual operation only) Hot water will pour out from grove Pam slot and clean the grove pam using the water and pour the waste water below in to thecollection grilled tray
  • 10.
    To Make acoffee shot , place the grove pam in the coffee grinder in the slot provided Pull the lever twice on rightbottom of the grinder tofill the coffee power Take out the grove Pam and level thecoffee powder ( Note : for 30 ml single coffeeshot use grove pam with single spout and for 60 ml double Coffee shortuse grove pam with double spout) Lock the grove Pam (with single spout) in the slot provided in the vendingmachine On the top right of control panel we see four buttonswith cup symbols Smallcup for single coffee shot Two smallcups for double coffee shots Largecup for medium coffee shot Two large coffee cupsfor large double coffee shots
  • 11.
    Flow chart contd…. Pressthe top left button with small cup for 30 ml of single coffee short Cappuccino Café Mocha EspressoCaffeino Café Lathe ( More Froth + Less Milk + Strongcoffee) ( Plain Coffee + Chocolate) (2 shot Espresso- 60 ml espresso + 40 ml Hot water ( Single Shot of coffee 30 ml No milk + No water) Espresso Americano (30 ml Espresso + 70 ml Hot water) (lessFroth + more milk (plain coffee)) Makingfroth using milk
  • 12.
    Take requiredquantity ofmilk in a mug Dip the Steam nozzle slightly in to themilk Turn the frothingKnob at top right to anticlockwise Make more froth for cappuccino and lessfroth café lathe Add Coffee+ Milk ,chocolate+ sugar as per requirement in to a cup Serve Hot Take out the grove Pam from the slot and empty the usedcoffee powder And clean it for next use. Flow chart contd….
  • 13.
    For espresso andcaffeino –hot water isrequired Collecthot water in a cupfrom hot water outlet locatedon theextreme left by turning the top left knob in anticlockwise. Next tothe Knob ,isthe meter Indicator for hot water and steam and temperature check at bottom right indicatedwith water level in a glasstube. Take the hot watercup andcollect coffee short as mentionedearlier Add required sugar andserve hot.
  • 14.
    Operational Flowchart Of Coffee vendingMachine Processof makingcappuccino usingcoffee vending Machine Switch On the Machine Take out the grovepam and press central switch for cleaning Fill the coffee powder from coffee grinder in the grovepam Insert the Grovepam in the slot and press Button for coffeeTake Milk andmake Froth using the steamer Add coffee tothe Frothendmilk in a coffee cup
  • 15.
  • 16.
    ActivityAnalysis Activity Findout ActionInterface Inference/Problems Switching on The machine Knob is set inside Turn the knob Clockwise from 0 to 1 Glow of Green light indicates the machine is on Difficult to locate at first instant. Locking and Unlocking the Grove Pam Difficult to Lock and unlock The grove pam Bend down and See properly to lock and unlock Manual check Need easy Mechanism For lock and Unlock of the Grove Pam Filling of Coffee powder From coffee grinder Freshly growned Coffee powder is used for making coffee Place the grove Pam in the given Slot andpull Lever tofill the powder and level Clear Visibility, Coffee grinder Could be attached to The vending machine The machine is placed Separately In close proximity
  • 17.
    ActivityAnalysis Activity Findout ActionInterface Inference/Problems Making Coffee Short Froth Making Making Hot water Programme Button not In use Knob need To be rotated clockwise Knob need To be rotated clockwise 2 spout Grove pam- Excess coffee Short used For cold coffee Dip the Nozzle slightly Into the milk Press The button Coffee Cup used As symbol Rotate The knob Anti clockwise Graphic Is not seen clearly Rotate anticlockwise check the Meter and temp Graphic Is not seen clearly
  • 18.
    Observations Flat top ofthe Coffee Vending Machine isused for storing Cups, sugar, tea bags Excesscoffee is Retained for Cool coffee/ frappe
  • 19.
    Observations RedBox for collecting thecoffee powder waste fromgrovepamafter preparation. The forth making Nozzle is Cleanedwith same dirty wipe again andagain.
  • 20.
    Inference from UserStudy Programme button isnear used by the user by only theservice person. Users areinstructed not use the button as the programme isset by the company already. Both steam and Hot water knobs turn on towards anticlockwise but human tendency is to turn towards clockwise Need to main the hygiene of the forth making Nozzle.
  • 21.
  • 22.
    IDEATION Three probabilities ofideation are taken for User Study Users Naveen Namita Amey Aravind Self
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
    Inference from theusers/users feed back  Light glow button for ON/OFF of the coffeevendingmachine in proportionally bigger size ( emphasisneedto be given to thebutton)  If possible integrate the button for grinding+ dispensing of coffee powder button  Autoleveler for ease of operation  Collection bin for dispensing of usedcoffee powder integratedin the system  Knob is better than push button  Coffee grinderleft side and milk frothing towards right ispreferred accordingto the context ‘ brewberry’swork environs’.  Clearly in symbolsfor the buttons for easy operation.  Clear demarcation  inference from user activity mapping –All the userspreferred coffee vendingmachine with coffee shot control in centre and coffee grinder on one side and milk frothing on the Otherside .
  • 29.
    Final Concept Groove Pam WithSnap fit Integrated Hot water outlet + Milk frothing Outlet Turn Knob Clockwise for Hot water+ Anticlockwise for Milk frothing Space for keepingcups Transparentglass To see the Collected coffee Powder Autoleveller With coffee Powder outlet Platform for mixing Hook to Hold the Waste coffee Powder dispensing bag Instructions To make Various Types of coffee
  • 30.
    Hot water Symbol Singleshot Double shot Largeshot Double Largeshot MilkFrothing Push manually For hot water On/off button Program Button Under glass Cover for Service Person toset
  • 32.
    Courtesy to: Prof.Purba JoshiCourse Co-Ordinator SamuelD Souza Brewberrys Nabarun Bhowmick Naveen Namita Amey shukla Aravind Nishant South Indian Coffee filterphotosposedby Rani acharyulu Coverpage photoby Getty Reference: Wikipedia Webdesign Blog i-love-coffee-wallpaper Linea_doubleespresso SIHI-COORG-COFFEE-Filter