Screen 1: Outbound Splash Screen
Screen 2: Default New Itinerary Screen, Start
This screen shows the default Start/Finish maps. After calibrating the navigation button (crosshair) in the start area, the current location (on Haight St) is picked up and tagged. Saved itineraries are shown on the bottom to bring up the user's search history for easy access to the last few locations before the user exited the app. Because this is a first time use case for the app, there are no recent searches.
Screen 3: New Itinerary Screen, Finish
The user toggles the Finish bar to enter their destination. This manual trigger activates therules that a text input field was switched on, giving the user feedback by popping up the keypad to indicate that the user must type something. The "Destination" text also becomes greyed out since the text input field is active and the blue cursor is now blinking. As the user starts typing, the text disappears.
Screen 4: Active New Itinerary Screen
The user typed in "Trick Dog Bar" for their search. The Start and Finish info boxes are now shown.
Screen 5: Trick Dog Bar Itinerary
After hitting search, the user is able to view all of their commuting options, ordered based on most energy conserving and time. Itineraries also show the maps for each method.
Screen 6: Trick Dog Bar, MUNI
After hitting "View Details" for the MUNI option, the card slides up and grey bar below the map drops down to specify the directions for the user to see with step-by-step ease. The map is interactive and can be swiped down to hide the list of directions to maximize map viewing area.