towards a better metro fare card machine

25
Towards a better Towards a better Metro Fare Card Metro Fare Card Machine Machine By: Bhumi Deliwala By: Bhumi Deliwala Final Project: LBSC 795 Final Project: LBSC 795

Upload: lihua

Post on 11-Jan-2016

36 views

Category:

Documents


2 download

DESCRIPTION

Towards a better Metro Fare Card Machine. By: Bhumi Deliwala Final Project: LBSC 795. Landscape. Comparative analysis New York city with metro machines. Flip side: Use of strong colours and animation Interactive –( Holman,2009) Intuitive Interface  Similar to ATM Machines. – - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Towards a better Metro Fare Card Machine

Towards a better Metro Towards a better Metro Fare Card Machine Fare Card Machine

By: Bhumi DeliwalaBy: Bhumi Deliwala

Final Project: LBSC 795Final Project: LBSC 795

Page 2: Towards a better Metro Fare Card Machine

Landscape Landscape

Page 3: Towards a better Metro Fare Card Machine

Flip side:Flip side:

Use of strong colours and animation Use of strong colours and animation Interactive Interactive –(–(Holman,2009)Holman,2009)

Intuitive InterfaceIntuitive Interface Similar to ATM Machines. Similar to ATM Machines. –– --

(Deliwala,2010)(Deliwala,2010)

Less instructions on machines. Neatly organized. Less instructions on machines. Neatly organized.

- - (Deliwala,2010)(Deliwala,2010)

Adaptable to changesAdaptable to changes. . --(Deliwala,2010)(Deliwala,2010)

Less steps to perform a task :Less steps to perform a task : For e.g The regular subway riders took about 10 For e.g The regular subway riders took about 10

seconds to finish a transaction when it came to seconds to finish a transaction when it came to selecting a new card, paying, and retrieving a fresh selecting a new card, paying, and retrieving a fresh MTA subway cardMTA subway card (Assumption: Regular commuters purchased (Assumption: Regular commuters purchased monthly passes) monthly passes)

––(Cindy,2009)(Cindy,2009)

Image from: (Cindy,2009)

Comparative analysis New York cityComparative analysis New York citywith metro machineswith metro machines

Page 4: Towards a better Metro Fare Card Machine

Comparative analysis New York cityComparative analysis New York citywith metro machines (cont..)with metro machines (cont..)

Flop side:Flop side:

No idea what the big silver button is for ? No idea what the big silver button is for ? - -

(Deliwala,2010)(Deliwala,2010)

No pointer as to where to insert metrocard to No pointer as to where to insert metrocard to refill -refill -(Cindy,2009)(Cindy,2009)

Options on first screen confusing -Options on first screen confusing -(Cindy,2009)(Cindy,2009)

Page 5: Towards a better Metro Fare Card Machine

Methods of studyMethods of study

Page 6: Towards a better Metro Fare Card Machine

Field research for initial data collection: Observation, Field research for initial data collection: Observation, Personal experience & Expert Review Personal experience & Expert Review

Bad Information Architecture:Bad Information Architecture:

Information overload Information overload cluttered cluttered

Touch Smarttrip to refill slot Touch Smarttrip to refill slot towards the bottom results in towards the bottom results in people not noticing it people not noticing it

General Instructions often ignored.General Instructions often ignored.

List of stations and fares List of stations and fares less less prominentprominent

Map missingMap missing

Image: Deliwala,2010

Page 7: Towards a better Metro Fare Card Machine

Interface design:Interface design:

A,B,C buttons for selecting mode of A,B,C buttons for selecting mode of payment confusingpayment confusing

Toggle button for increase and decrease $ Toggle button for increase and decrease $ and cents was misleading and annoyingand cents was misleading and annoying

LED screen too small LED screen too small

Too many buttons same color &size Too many buttons same color &size No No distinctiondistinction

All text in white color- occupy space on All text in white color- occupy space on machinemachine

Too many input/output slotsToo many input/output slots

No Back and Next button to navigateNo Back and Next button to navigate

Image: Deliwala,2010

Field research for initial data collection: Observation, Field research for initial data collection: Observation, Personal experience & Expert Review Personal experience & Expert Review

Page 8: Towards a better Metro Fare Card Machine

Filed Study: Expert reviewFiled Study: Expert review No adaptabilityNo adaptability

Lack of awareness Lack of awareness even a even a farecard could be recharged.farecard could be recharged.

Farecard options terminologies Farecard options terminologies ambiguityambiguity

Users need to calculate fare Users need to calculate fare annoyingannoying

Poor money management Poor money management algorithm algorithm

Image: Deliwala,2010

Image: Deliwala,2010

Page 9: Towards a better Metro Fare Card Machine

Prototype DevelopmentPrototype Development

Page 10: Towards a better Metro Fare Card Machine

Prototype developmentPrototype development

Based on the data collected via field study research, Based on the data collected via field study research, personal observation and expert review personal observation and expert review Prototype Prototype version 0.0version 0.0

Created the prototype in Power PointCreated the prototype in Power Point

Page 11: Towards a better Metro Fare Card Machine

Prototype version 0.0Prototype version 0.0

Page 12: Towards a better Metro Fare Card Machine

Big Projector Screen A View of Map with a list of stations

Purchase ticket here (scrolling alerts)

Credit/Debit Card

$1$5$10$20

Accepted BillsInsert Cash

Accepted Coins5c,10c,25c,$1

English Spanish Chinese

Hindi Polish Italian

Greek German French

Cash

Push to cancel

transaction

Change/receiptsCollect Tickets

Push for Audio

Push to call

Station manager for help

Select a Language to Begin

Insert Credit /Debit Card

Accepted cards

Insert Coin

Change/receipts

Metro Farecard /Passes Dispatch machine

One way Fare card

One day pass

Weekly pass

Unlimited monthly

pass

Round TripFarecard

Online help

?Select type of fare card you want to purchaseBack

Page 13: Towards a better Metro Fare Card Machine

First Evaluation method and FindingsFirst Evaluation method and Findings

Page 14: Towards a better Metro Fare Card Machine

Class critique roundsClass critique rounds Feedback and key findings:Feedback and key findings:

Online help option would be helpful.Online help option would be helpful. Keep Back and Next button on each screen to allow users Keep Back and Next button on each screen to allow users

to navigate back and forth. to navigate back and forth. Arrow pointers to point to each card slot and flash light Arrow pointers to point to each card slot and flash light

border around that slot should blink when that slot will border around that slot should blink when that slot will be in usebe in use intuitive interface intuitive interface

On the screen that displays farecard options to purchase, On the screen that displays farecard options to purchase, have a ‘?’ button to provide brief information about each have a ‘?’ button to provide brief information about each one of themone of them

Limitation: Limitation: With PPT prototype, drawing a 3-D view of the metro With PPT prototype, drawing a 3-D view of the metro

machine was difficult to draw.machine was difficult to draw.

Page 15: Towards a better Metro Fare Card Machine

Big Projector Screen A View of Map with a list of stations

Purchase ticket here (scrolling alerts)

Credit/Debit Card

$1$5$10$20

Accepted BillsInsert Cash

Accepted Coins5c,10c,25c,$1

Cash

Push to cancel

transaction

Change/receiptsCollect Tickets

Push for Audio

Push to call

Station manager for help

Insert Credit /Debit Card

Accepted cards

Insert Coin

Change/receipts

Metro Farecard /Passes Dispatch machine

Online help

Select type of fare card you want to purchase

?

Back Next

Unlimited monthly

pass

Round TripFarecard

One way Fare card ?

?

?

? ?

Back NextBack NextBack

Select type of fare card you want to purchase

NextBack

?Select type of fare card you want to purchase

NextBack Online help

?Select type of fare card you want to purchase

NextBack Online help

?Select type of fare card you want to purchase

NextBack

Round TripFarecard

Online help

?Select type of fare card you want to purchase

NextBack

?

Round TripFarecard

Online help

?Select type of fare card you want to purchase

NextBack

?

?

Round TripFarecard

Online help

?Select type of fare card you want to purchase

NextBack

??

?

Round TripFarecard

Online help

?Select type of fare card you want to purchase

NextBack

???

?

Round TripFarecard

Online help

?Select type of fare card you want to purchase

NextBack

Unlimited monthly

pass ???

?

Round TripFarecard

Online help

?Select type of fare card you want to purchase

NextBack

One way Fare card ?

Unlimited monthly

pass ???

?

Online help

?Select type of fare card you want to purchase

NextBack

One day pass

Weekly pass

Round TripFarecard

One way Fare card

Unlimited monthly

pass

Select type of fare card you want to purchase

One day pass

Weekly pass

Round TripFarecard

One way Fare card ?

Unlimited monthly

pass ???

?

Online help

?Select type of fare card you want to purchase

NextBackOnline help

?Payment method details displayedBack Next

Debit/ATMCard

Select mode of payment

CashCredit Card

Page 16: Towards a better Metro Fare Card Machine

Evaluation-Round II:Evaluation-Round II:

Usability Testing and its findingsUsability Testing and its findings

Page 17: Towards a better Metro Fare Card Machine

Methods:Methods: Scenario based testingScenario based testing Think Aloud Think Aloud

No. of participants: 4 (2 visitors + 2 regular commuters)No. of participants: 4 (2 visitors + 2 regular commuters) Interview Interview No. of participants: 2 No. of participants: 2 (1- frequent rider, other one rides once a month(1- frequent rider, other one rides once a month

Surveys – 12 people responded Surveys – 12 people responded (Deliwala. Web Survey, 2010)(Deliwala. Web Survey, 2010)

Observation :Observation : Less suggestion from regular commuters vs visitors.Less suggestion from regular commuters vs visitors. Interview was more useful for knowing user preferencesInterview was more useful for knowing user preferences Detailed and interesting suggestions were derived from Detailed and interesting suggestions were derived from

Scenario based testing method of evaluationScenario based testing method of evaluation Survey was just helpful to get a broader picture of some Survey was just helpful to get a broader picture of some

featuresfeatures

Usability Testing and its findingsUsability Testing and its findings

Page 18: Towards a better Metro Fare Card Machine

Key Findings:Key Findings: Having a map on the LED screen to select destination Having a map on the LED screen to select destination

for purchasing a farecard was more intuitive.for purchasing a farecard was more intuitive. Payment Interface should be in the same vicinity.Payment Interface should be in the same vicinity. Combine Smart trip card and fare card machines. –Combine Smart trip card and fare card machines. –All 3 methodsAll 3 methods

70% users had heads up for touchscreen interface. - 70% users had heads up for touchscreen interface. - All 3 methodsAll 3 methods Allow recharging card online, but not buying.Allow recharging card online, but not buying. No elimination of smart trip card option.No elimination of smart trip card option. Mixed reviews on allowing Touch interface forMixed reviews on allowing Touch interface for

smart trip to be kept intact.smart trip to be kept intact. Prefer having separate farecards and smart trip both.Prefer having separate farecards and smart trip both. Contrastingly, 55.5% users prefer having farecard and smart tripContrastingly, 55.5% users prefer having farecard and smart trip

combined. –combined. –SurveySurvey

80% said – no need of separate kiosks for visitors and regular commuters80% said – no need of separate kiosks for visitors and regular commuters . – . – All three All three methodsmethods

All passes should be applicable in buses also. -All passes should be applicable in buses also. - InterviewInterview

Interview and Scenario based testing

Interview and Scenario based testing

Page 19: Towards a better Metro Fare Card Machine

Final Prototype version 2.0Final Prototype version 2.0

Page 20: Towards a better Metro Fare Card Machine

Big Projector Screen A View of Map with a list of stations

Purchase ticket here (scrolling alerts)

Credit/Debit Card

$1$5$10$20

Accepted Bills

Insert Cash

Accepted Coins5c,10c,25c,$1

Cash

Collect FareCards/Passes

Push for Audio

Push to call

Station manager for help

Insert Coin

Change/receipts

Metro Farecard /Passes Dispatch machine

Online help

Select type of fare card you want to purchase

Back Next

?

? ? ?

Back NextBack Next

Select type of fare card you want to purchase

Next

Select type of fare card you want to purchase

Next Online help

Select type of fare card you want to purchase

Next Online help

Select type of fare card you want to purchase

Next Online help

Select type of fare card you want to purchase

Next

?

Online help

Select type of fare card you want to purchase

Next

?

?

Online help

Select type of fare card you want to purchase

Next

??

?

Online help

Select type of fare card you want to purchase

Next

???

?

Online help

Select type of fare card you want to purchase

Next

???

?

Online help

Select type of fare card you want to purchase

Next

???

?

Online help

Select type of fare card you want to purchase

Next

Select type of fare card you want to purchase

??

?

Online helpNext

Accepted cards

Insert Credit /Debit Card

One day pass

Weekly pass

Round TripFarecard

One way Fare card

?

Unlimited monthly

pass ???

?

Online help

?Select type of fare card you want to purchase

NextBack

Push to cancel

transaction

Touch Smartrip card here to refill

One day pass

Round TripFarecard

Monthly pass?

Weekly pass

? ?

SmarTripCard?

One way Fare card ?

Push to cancel

transaction

?Select type of fare card you want to purchase

Online help

NextBack

Purchase ticket here (scrolling alerts)

Page 21: Towards a better Metro Fare Card Machine

Why buy my Design?Why buy my Design? As per my survey, 62.5% claimed that the part they hated most As per my survey, 62.5% claimed that the part they hated most

about existing machines is : too many steps to perform and about existing machines is : too many steps to perform and 37.5% complained about bad information architecture and 37.5% complained about bad information architecture and information overload.information overload.

My Design Solution:My Design Solution: Less steps to perform.Less steps to perform. Improved first try transaction success rateImproved first try transaction success rate Big LEDBig LED Touchscreen Touchscreen cool feature cool feature Use of distinct strong colors Use of distinct strong colors improves interactability improves interactability Strategy: Put all instructions/content within the screen and keep it briefStrategy: Put all instructions/content within the screen and keep it brief All action oriented content/features are in the left and central parts of All action oriented content/features are in the left and central parts of

the machine and optional features on the right the machine and optional features on the right avoid confusion avoid confusion Compartmentalization information into groups based on purpose.Compartmentalization information into groups based on purpose.

Simplicity + Cool design interface and automation Simplicity + Cool design interface and automation sellable in the sellable in the market.market.

Page 22: Towards a better Metro Fare Card Machine

Open issuesOpen issues

PPT prototype did not give idea of the exact size and look of the actual PPT prototype did not give idea of the exact size and look of the actual machine. machine.

Absence of interactivity aspect in the PPT prototype as there were no scope Absence of interactivity aspect in the PPT prototype as there were no scope of creating linkages between different phases.of creating linkages between different phases.

Was not able to do the evaluation on old usersWas not able to do the evaluation on old users Did not consider blind and impaired users in my design. Would want to Did not consider blind and impaired users in my design. Would want to

consider them as well and refine my design in the future.consider them as well and refine my design in the future. Cost was not considered. Cost was not considered. More people for survey need to be recruitedMore people for survey need to be recruited

Page 23: Towards a better Metro Fare Card Machine

ReferencesReferences

[1] [1] Holman, Kathleen. New York Subway Ticket Machine Design by IDEO. SHolman, Kathleen. New York Subway Ticket Machine Design by IDEO. Serial Pioneers Limited, 2009. Web. 8 May 2010erial Pioneers Limited, 2009. Web. 8 May 2010

[2] [2] Cindy. New York MTA Ticket Machine. Digital image. Pixel Punchout. PixCindy. New York MTA Ticket Machine. Digital image. Pixel Punchout. Pixel Punchout, 19 Oct. 2009. Web. 5 May 2010 el Punchout, 19 Oct. 2009. Web. 5 May 2010

[3] Deliwala Bhumi. “Personal site visit at NYC subway station”. April 17, [3] Deliwala Bhumi. “Personal site visit at NYC subway station”. April 17, 2010. 2010.

[4] Deliwala, Bhumi. ”DC Metro Ticket Machine- personal site visit”. [4] Deliwala, Bhumi. ”DC Metro Ticket Machine- personal site visit”. ImageImage. . April 8, 2010. April 8, 2010.

[5] [5] Deliwala, Bhumi. ”Survey on DC Metro Ticket Machine”. Web Survey. ApDeliwala, Bhumi. ”Survey on DC Metro Ticket Machine”. Web Survey. April 28, 2010. ril 28, 2010.

Page 24: Towards a better Metro Fare Card Machine

ThanksThanks

Page 25: Towards a better Metro Fare Card Machine

AppendixAppendix

Farecard options: Terms that are frequently confused are listed below: (Most people Farecard options: Terms that are frequently confused are listed below: (Most people rarely know/understand the meaning of each term below)rarely know/understand the meaning of each term below)

No clear or prominent instructions are specified explaining these terms:No clear or prominent instructions are specified explaining these terms:

One Day PassOne Day Pass:: Pass is valid for one day of unlimited Metrorail travel on weekdays after Pass is valid for one day of unlimited Metrorail travel on weekdays after

9:30 a.m. or all day on Saturdays, Sundays, and some federal holidays (unlimited Metrorail 9:30 a.m. or all day on Saturdays, Sundays, and some federal holidays (unlimited Metrorail travel begins after 9:30 a.m. on Martin Luther King Jr. Day, Presidents Day, Columbus Day, travel begins after 9:30 a.m. on Martin Luther King Jr. Day, Presidents Day, Columbus Day, and Veterans Day). Pass expires at the end of the operating day: 3 a.m. on weekends, and Veterans Day). Pass expires at the end of the operating day: 3 a.m. on weekends, midnight on weeknights. midnight on weeknights.

7-Day Short Trip Pass:7-Day Short Trip Pass: Pass is valid for seven consecutive days for Metrorail trips costing up to $2.65 from 5-9:30 Pass is valid for seven consecutive days for Metrorail trips costing up to $2.65 from 5-9:30 a.m. and 3-7 p.m. on weekdays. If the trip costs more than $2.65, you must use the Exitfare a.m. and 3-7 p.m. on weekdays. If the trip costs more than $2.65, you must use the Exitfare machine to pay the additional fare. The pass is valid for any rail trip at other times. The pass machine to pay the additional fare. The pass is valid for any rail trip at other times. The pass will be returned for continued use during the valid period. will be returned for continued use during the valid period.

7-Day Fast Pass:7-Day Fast Pass:   Pass is valid for seven consecutive days of unlimited Metrorail travel. Pass is valid for seven consecutive days of unlimited Metrorail travel.