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

MyTransTrackerLo-fi Prototyping and Usability Testing

Joseph ChenJohn Calhoun

Dayne WagnerDrew Bregel

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

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

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

construction detours or scenic routes

Lo-fi Prototype Structure

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

Scenario: Verify Arrival Time Select

“Take/View a Trip”

Scenario: Verify Arrival Time Select “Home”

Scenario: Verify Arrival Time Verify arrival time

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

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

Trip”

Scenario: Bus/Bike to a Destination Select

“Destination”

Scenario: Bus/Bike to a Destination Select

“Destination” Select “Saved

Locations”

Scenario: Bus/Bike to a Destination Select

“Destination” Select “Saved

Locations” Select

“Charlie’s House”

Scenario: Bus/Bike to a Destination Select the Bike

and Bus icons Select Arrive by

4 PM Charlie’s House

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

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

Scenario: Bus/Bike to a Destination

4:00 PM

3:15 PM

3:24 PM

3:52 PM

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

Scenario: Tagging a Trip Select “Tag a

Trip”

Scenario: Tagging a Trip Select the latest

trip, “Bellevue Square to Ballard”

Scenario: Tagging a Trip Drag finger along

reroute

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

scenic route and tag

Scenario: Tagging a Trip Select “OK”

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

paper prototype Additional screens sketched when necessary

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

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

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?)

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