Presentation on theme: "Vending machine re-design."— Presentation transcript:
1Vending machine re-design. What to keep, what to toss?Felipe Ribeiro&Lucas Longo
2Guiding questions:How can we improve the Metro Card buying experience for individual users?Less time required to complete a transaction.Less clicks on the screen to get what you want.Faster understanding of each screen’s function.Greater customer satisfaction.Create a ‘smart’ interface that remembers users to speed up recurring purchases.
3Current usage:Interaction constitutes a series of screens displayed pending on user input.Screen options are text based buttons.Machine is color coded to separate/distinguish each action area.3 types of interfaces/interactions:Touch screenCard readersNumber input padScreens occur sequentially, and require the user to input all information each and every time he wants to buy a Metro Card.AUDIO option available - not analyzed
4General sequence: START LANGUAGE TYPE (Buy 5 Get 6, MetroCard, SingleRide)TRANSACTION (Refill, Info, New card)PAYMENT METHOD (Cash, Credit Card, ATM)PAYMENT AMOUNTINPUT (insert cash or card)CONFIRMATION (you have selected…)RECEIPT
8Metrics: COMPREHENSION: ACTION: SPEED: LAG TIME: Time taken for users to understand a particular frame and make a decision.ACTION:Time required for users to respond (touch the screen) to communicate their decision.SPEED:Reduce total time of completing each transactionReduce errors (go back/restart)LAG TIME:The sum of the time taken to understand and respond to each frame is the time taken to complete a whole transaction.
9Redesign Methodology SCREENS: NEW FEATURES: VENDING MACHINE LAYOUT: Rearrange logic/mapping of the screens to shorten path to final desired option.Reduce number of screens and touches/clicksNOT complicate/clutter individual screens making them less legible or less translatableNEW FEATURES:FastBuy & more short-cut optionsSubway map/schedule printout optionVENDING MACHINE LAYOUT:Use Metro Card, Credit Card, or ATM as inputs.Improve card readers placement next to screen.
10Screen Redesign Proposals Start & Language screensUse Language Selection screen as start screenUse flags instead of textAdd more languagesMetro Card Type screenInclude more short-cutsInclude iconsPayment Method & Amount screensUnify screens - method and amounts in one screenALL screensSimplify phrasesShow past options to be able to go back fasterBasic vs. Advanced user options
11Start/language screen EnglishEspañolItalianoFrançaisStart screen removedFlags insertedMore language optionsDeutsch日本(国)中国대한민국
12MetroCard type? MetroCard Type screen New Refill Fast Refill $10 $20 Single RideValid for 2 hours.More optionsIcons insertedMore shortcutsRegularMetro CardRegularMetro CardFast Refill$10UnlimitedRideUnlimitedRide+ $2 BONUS$20+ $4 BONUS
13Payment Method & Amount Screens Amount and method?$10+ $2 BONUS$20+ $4 BONUS$40+ $8 BONUSOther amountOK$ 0.00987654321CashCredit CardATMPIN CodeOKXXXX987654321Unified payment method, amounts screen, value input screensShow ‘history’ of selection
14Machine Redesign Proposals Card Readers:Place card readers next to the screen so that screen can indicate where to insert/remove cards.Lights to indicate where to insert/remove cards.Number pad:Remove Credit Card/ATM number pad - use screen to input data.May not be allowed by the banks.Start process:Allow users to insert Cash, Credit Card, ATM, or Metro Card before making any selection.Reduces number of screen selections necessary.
15Machine Redesign Proposals TO START: Touch screen, insert MetroCard, Cash, ATM, or Credit Card(light)Place card readers next to the screenLights to indicate where to insert/remove cards.Removed number padStart by inserting Cash, Credit Card, ATM, or Metro Card(light)(light)(light)(light)
16FastBuy option: Persistent identity saves time Verify identity via Credit Card/ATM - issue Metro Card according to stored preferences (web):Type of MetroCard to be renewed (weekly, monthly, etc…)Payment source to be used - could be different credit card than one used for identification for corporate accounts for example