Mobile Application Redesign

Size: px

Start display at page:

Download "Mobile Application Redesign"

Percival Lang
5 years ago
Views:

1 Mobile Application Redesign

2 App logo and start up. App on the homepage. Once the app is opened, this loading page briefly displays. Mobile app logo.

3 Adding a bus route. This is the main page without any routes. The user may click either icon to add a train/bus route. The menu button may also be used to add a route, but this becomes the only option when the main page already contains a route and user wants to add another. When Add is clicked, this pop up displays to allow the user to select either a bus or train route. Bus Train

4 Adding a bus route (continued). When the user wants to find a bus, a list of all bus routes will appear. This process will be similar for adding a train route, except the train lines will be listed. User must select the direction the bus is traveling. Directions differ for each bus route. After selecting a direction, a list of bus stops are presented. search 7 Harrison 8A Halsted 9 Ashland Direction orth bound South bound Street Stop Halsted & 14th Place Halsted & 16th Place Halsted & 18th Place Halsted & 26th Street

5 Adding a bus route (cont.), alerts, and nearby routes. The bus route is added to the main page. Alert icon informs user of any interference with selected route. When the alert button is clicked, a window appears to give a brief description of any discrepancies related to a certain route. This option finds the nearest routes. Delete icon Edit icon (guides user through reselecting a bus/train route) Alert Minor delay on 16th street due to construction.

6 earby routes (continued). When earby is selected, the app will prompt the user to select either a bus or train route to look up. After the nearest route is found, walking directions are shown along with distance, arrival times, and bus direction. The user may click to add route. The selected route will be added to the main page. Bus Train orth bound to State/Roosevelt 0.4 mi 0.4 mi

7 GPS. The GPS function tracks the user and searches for appropriate bus/train routes. The user inputs his/her location, destination, and the app will navigate the most efficient way. Once walking directions are mapped, the nearest bus/train stops will be pointed out to help reach the desination. Start End Find Turn right and walk to Wabash street Turn left and walk south on Wabash street. Turn right and walk to State street. orth bound to State/Wacker 0.4 mi

8 Maps. The map function allows the user to view an interactive map of selected bus/train route. A window will prompt the user to select either the bus or train to map out. After selection, a list of all train lines are presented. Red Line Green Line Blue Line Bus Train Purple Line Pink Line Brown Line Orange Line Yellow Line

9 Maps (continued). Once a train line has been selected, the route map will appear with all the stops marked. The user may click on any of the points to receive more information on a selected train stop. When the user chooses a train stop, train direction and arrival times are shown. Pulaski Pulaski To Midway To Loop

10 Voice control. Voice control allows the user to use the app hands free and to make requests. earest bus routes are mapped and displayed for the user to view. The bus route is added to the main page. Find me the nearest bus. Pulaski To Loop Finding the nearest bus route. 4 mins, 12 mins 63W West 63rd East bound to 63rd/Central Ave 0.2 mi 63W West 63rd West bound to 63rd/Central Ave 0.2 mi Pulaski To Loop 4 mins, 12 mins 63W West 63rd West bound to 63rd/Central Ave

This reference document will help you navigate the new Electric Circuit application.

This reference document will help you navigate the new Electric Circuit application. Table of Contents 1. Downloading the Application... 2 Android... 2 Apple... 2 2. Becoming a Member and Transferring