Scenario:

Local Linda has a friend from high school visiting her at college. She wants to show her friend around the city, but hasn’t done many of the “touristy” things herself. Linda uses Torch to find a good walking tour that hits many landmarks and they follow it over the course of the day. At the end of the day, Linda decides that there were a few landmarks that would have been better-suited for the tour, and creates her own.

Our Three Tasks: Find, Follow, & Form

1. Ways to find a tour

• Map displaying landmarks that the user can include & list of tours (clicking would go to map)
• Map displaying landmarks that a user can include, auto-generate tour based on that
• Map displaying possible tour routes & filter using a list of landmarks with checkboxes
• Some way to do search/filtering (slide-down, parameter search, etc).

2. Ways to follow a tour

•  Map view with current location and a route to follow (like an iPhone)
• Show you a picture of the next landmark with description, direction (like a compass)
• Ordered list of landmarks on the route potentially with a map (landmark #, picture, name) with the step you’re on, perhaps with a small map (like Winphone 7)
• Shows you the next step and then landmarks that are nearby/related/on the way

3. Ways to form a tour

• Modifying a tour by making changes while following
• Drag your finger in between landmarks on a map
• Drag-and-drop tour ordering
• Adding locations to a database, don’t specify tour route

Storyboards

Storyboard #1

• Map displaying landmarks that the user can include & list of tours that include those landmarks (clicking would go to map)
• Map view with current location and a route to follow (like an iPhone)
• Drag your finger in between landmarks on a map to create new tours

The top left screen is the starting screen. All landmark markers start out grayed out, and selecting them makes them bright. Long pressing displays a picture and some info about that landmark. There are two buttons on the bottom of the screen. View tours takes you to a list of tours filtered to only include tours that contain the landmarks you selected (top right screen). Selecting a tour from this list brings you to a screen with more detail about the tour, including all of the stops, an estimated time for it to take depending on your method of transportation, etc. (not shown). On this other screen there will be a "Start Tour" button, which will take you to the bottom right screen. This screen is very similar to the iPhone directions app. It gives words on the top and a map with your path laid out for you. There are arrows to step back or forward in the directions. You can select a method of transportation as well. Back on the starting screen, the other button "Create new tour," takes you to the bottom left screen. This is a map view with a search widget to find locations you may want to add. You drag between landmarks to create your tour, or long press on the map to drop a pin and make a new landmark. On the bottom there is a button to create the tour and give it a name.

Analysis:

• Learnability
  • A lot of text is required to explain actions
  • Long presses are hard to discover, as is dragging between points
  • The GPS portion will be familiar to users and easy to understand
  • The selection of the list of tours will be straight forward and easy to understand.
• Efficiency
  • Long presses and dragging are efficient and fast to use if you know they're there
  • There are a lot of steps before you are actually following a tour, which is not efficient
  • Long pressing to see info on every landmark might be time consuming
• Safety
  • Easy to accidentally include or not include a landmark in your filter by accidentally tapping or double tapping
  • Easy to accidentally add landmarks to the map
  • Hard to misuse the GPS feature, since the only input is the arrows, which are easy to undo (they are a form of direct manipulation)
  • Adding or removing a landmark from the filter is easily undone
  • Dragging between landmarks, it might be easy to make a mistake, but again this is direct manipulation, so it is easily undone

Storyboard #2 

• Map displaying landmarks that a user can include, auto-generate tour based on that
• Shows you the next step and then landmarks that are nearby/related/on the way
• Adding locations to a database, don’t specify tour route

Analysis:

• Learnability
  • Unique icons for each type of location may not be implicit.
  • Finding detailed info by clicking on icons shown on map may not be obvious.
  • Ambiguity on "type" of location (Is a bar recreation or restaurant?).
  • Map areas behave as expected (no additional learning if already familiar).
  • Icons are used consistently throughout the tour process to solidify/clarify their purpose.
• Efficiency
  • User cannot see selected locations while choosing additional ones.
  • User cannot get an estimate on time/distance until all locations have been chosen.
  • Several different screens to navigate to add a location (home page -> map page -> location page).
  • Using map in substitute of address input saves time (starting spot, new location)
  • Hard to add a specific place if it isn't on the map (have to go to the "advanced search" page).
  • Finding a "subtype" of a more general "type" can be inefficient since each location has to be looked at individually (for instance, finding an authentic Italian restaurant among a wide variety of other restaurants). 
• Safety
  • Requires several deliberate button presses to add an event (good for error prevention)
  • Easy to remove unwanted locations
  • Directions to locations are not very detailed (just show the map, leaving potential for user to get lost).

Storyboard #3 

• Map displaying possible tour routes & filter using a list of landmarks with checkboxes
• Show you a picture of the next landmark with description, direction (like a compass)
• Modifying a tour by making changes while following

Storyboard #4

• Some way to do search/filtering (slide-down, parameter search, etc).
• Ordered list of landmarks on the route potentially with a map (landmark #, picture, name) with the step you’re on, perhaps with a small map (like Winphone 7)
• Drag-and-drop tour ordering

Analysis:

• • Learnability

• • • Simple, straightforward menu for picking parameters
    • Explicit markings for each stop, detailed descriptions
    • Map areas behave as expected (no additional learning if already familiar)
    • Icons are used consistently and may be already familiar to user
    • Ambiguity about how to drag and drop by long-pressing on a stop
    • May be confusing how to get back to main menu
    • Not clear what is clickable and what is not clickable

• • Efficiency
    • User cannot pick specific locations/not clear how to add location. 
    • User can easily switch order of stops if they know how
    • User can easily change mode of transportation from walking to car or vice versa
    • Very few screens to navigate
    • User can easily change tour time or parameters
    • Default tour parameters exist on menu (start: current location, tour: 1 hour, travel: walking, see everything) making it easy for the user to start
       
  • Safety
    • Requires several deliberate button presses to make a tour (good for error prevention)
    • Easy to remove unwanted locations if known how
    • Directions to get from one stop to the next are detailed and time estimates provided