mytranstracker lo-fi prototyping and usability testing joseph chen john calhoun dayne wagner drew...

29
MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Upload: lorin-dalton

Post on 19-Jan-2018

217 views

Category:

Documents


0 download

DESCRIPTION

Mission Statement To provide community-driven route recommendations for alternative methods of transportation in both common and uncommon situations e.g. supports uploading of trip information and traveling by bus/bike

TRANSCRIPT

Page 1: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

MyTransTrackerLo-fi Prototyping and Usability Testing

Joseph ChenJohn Calhoun

Dayne WagnerDrew Bregel

Page 2: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Overview Mission Statement Tasks Paper Prototype Structure Three Scenarios Usability Testing Suggested UI Changes Summary

Page 3: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Mission Statement To provide community-driven route

recommendations for alternative methods of transportation in both common and uncommon situations

e.g. supports uploading of trip information and traveling by bus/bike

Page 4: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Tasks Verifying arrival time of a routine trip Planning a mixed bus/bike trip Letting the community know about

construction detours or scenic routes

Page 5: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Lo-fi Prototype Structure

Page 6: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Verify Arrival Time 5 PM @ UW Want to make sure to arrive home by 6 PM Using a mix of bus/bike transportation modes

Page 7: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Verify Arrival Time Select

“Take/View a Trip”

Page 8: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Verify Arrival Time Select “Home”

Page 9: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Verify Arrival Time Verify arrival time

Page 10: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Bus/Bike to a Destination 2 PM @ Bellevue Square Bus/Bike to Charlie’s House by 4 PM Don’t want to ride more than 5 miles

Page 11: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Bus/Bike to a Destination Select “Plan a

Trip”

Page 12: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Bus/Bike to a Destination Select

“Destination”

Page 13: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Bus/Bike to a Destination Select

“Destination” Select “Saved

Locations”

Page 14: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Bus/Bike to a Destination Select

“Destination” Select “Saved

Locations” Select

“Charlie’s House”

Page 15: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Bus/Bike to a Destination Select the Bike

and Bus icons Select Arrive by

4 PM Charlie’s House

Page 16: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Bus/Bike to a Destination Drag the 2nd

bike icon towards the finish to shorten that length of the bike trip

Bike: 7miBus: 8mi

4:00 PM

3:15 PM

3:24 PM

3:44 PM5mi

8mi

2mi

Page 17: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Bus/Bike to a Destination Select “Take

Trip”

Bike: 5miBus: 10mi

4:00 PM

3:15 PM

3:24 PM

3:52 PM3mi

10mi

2mi

Page 18: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Bus/Bike to a Destination

4:00 PM

3:15 PM

3:24 PM

3:52 PM

Page 19: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Tagging a Trip Just finished a trip Encountered a road hazard due to

construction and want to alert the community and mark the detour

Also want to let the community know of a scenic bike route

Page 20: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Tagging a Trip Select “Tag a

Trip”

Page 21: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Tagging a Trip Select the latest

trip, “Bellevue Square to Ballard”

Page 22: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Tagging a Trip Drag finger along

reroute

Page 23: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Tagging a Trip Select “Detour” Also highlight the

scenic route and tag

Page 24: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Scenario: Tagging a Trip Select “OK”

Page 25: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Usability Test Method Facilitator: John Observer: Joseph Computer: Dayne Quick demo to show how to interact with

paper prototype Additional screens sketched when necessary

Page 26: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Usability Test Results Unclear wording

On main menu (unsure which button to select to accomplish task, esp. for feedback)

“Drag me” wording was unclear “Tag a Trip” wording was unclear

People like to save trips and then immediately take them

Some highlighted the interrupted route, some the detour route

Specified start location despite the default being correct

Checked filters/preferences to look for bike miles

Page 27: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Usability Test ResultsTest Limitations

Slow computer lead to user assuming he made a mistake, technique/test method flaw

Difficult to simulate animations and inputs

Difficult to simulate interactions during the context of a trip in progress

Page 28: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Suggested UI Changes Pick clearer wording for main menu items Pick clearer wording for defaults and help

bubbles Possibly change organization from task-

oriented to structure-oriented Distinguish between similar-looking screens

(color schemes based on the section?)

Page 29: MyTransTracker Lo-fi Prototyping and Usability Testing Joseph Chen John Calhoun Dayne Wagner Drew Bregel

Conclusion Developing the paper prototype helped nail

down concrete interfaces Usability testing revealed design flaws that

were obvious to users but not us Also revealed shortcomings of Paper

Prototyping A lot of good ideas for another design

iteration