1 / 29

MyTransTracker

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. Mission Statement.

darins
Download Presentation

MyTransTracker

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

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

  3. 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

  4. Tasks • Verifying arrival time of a routine trip • Planning a mixed bus/bike trip • Letting the community know about construction detours or scenic routes

  5. Lo-fi Prototype Structure

  6. 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

  7. Scenario: Verify Arrival Time • Select “Take/View a Trip”

  8. Scenario: Verify Arrival Time • Select “Home”

  9. Scenario: Verify Arrival Time • Verify arrival time

  10. 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

  11. Scenario: Bus/Bike to a Destination • Select “Plan a Trip”

  12. Scenario: Bus/Bike to a Destination • Select “Destination”

  13. Scenario: Bus/Bike to a Destination • Select “Destination” • Select “Saved Locations”

  14. Scenario: Bus/Bike to a Destination • Select “Destination” • Select “Saved Locations” • Select “Charlie’s House”

  15. Scenario: Bus/Bike to a Destination • Select the Bike and Bus icons • Select Arrive by 4 PM Charlie’s House

  16. Scenario: Bus/Bike to a Destination • Drag the 2nd bike icon towards the finish to shorten that length of the bike trip 3:15 PM 2mi 3:24 PM 8mi 3:44 PM 5mi 4:00 PM Bike: 7mi Bus: 8mi

  17. Scenario: Bus/Bike to a Destination • Select “Take Trip” 3:15 PM 2mi 3:24 PM 10mi 3:52 PM 3mi 4:00 PM Bike: 5mi Bus: 10mi

  18. Scenario: Bus/Bike to a Destination 3:15 PM 3:24 PM 3:52 PM 4:00 PM

  19. 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

  20. Scenario: Tagging a Trip • Select “Tag a Trip”

  21. Scenario: Tagging a Trip • Select the latest trip, “Bellevue Square to Ballard”

  22. Scenario: Tagging a Trip • Drag finger along reroute

  23. Scenario: Tagging a Trip • Select “Detour” • Also highlight the scenic route and tag

  24. Scenario: Tagging a Trip • Select “OK”

  25. Usability Test Method • Facilitator: John • Observer: Joseph • Computer: Dayne • Quick demo to show how to interact with paper prototype • Additional screens sketched when necessary

  26. 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

  27. Usability Test Results • Test 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

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

  29. 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

More Related