Britta Nielsen Seattle, WA 360.220.6193
www.BrittaNielsen.com
Redesign of One Bus Away/Seattle Bus Finder
Seattle Bus Navigation
REQUIREMENTS: SEATTLE BUS NAVIGATION
Problem:
When navigating Seattle by bus I find myself using 2 different apps at a time. One Bus Away shows where bus stops are located.
Seattle Bus finder shows where the buses are. A better app. would combine these two features plus a trip planning features and a
smoother user interface.
Use Cases Profiles:
Commuter:
Rides the same commute route daily. This user is most interested in knowing when, as closely as possible, their bus is arriving or if there are any unusual delays.
Tourist:
This user is unsure of all locations, general geography, bus stops, routes.
Getting home from the bars:
User is unsure of specific routes, bus stop locations. Has knowl- edge of general geography.
Requirements:
Show user actual location of buses as they approach Show user where bus stops are located
Map route given start and end locations Additional Features
Estimate cost of trip
Estimate distance and walk time from user to bus stop Provide information about how long trip will take total/ETA Show user the bus route on the map
One Bus Away
•Android Interface not as pretty as IOS
•Stop icons accompanied by redundant arrow
•Doesn’t show bus location
Seattle Bus Finder:
•Doesn’t seem to work anymore
•Doesn’t show stop location
•Doesn’t show bus location
•No trip planner function
EXISTING PRODUCTS: WHAT’S OUT THERE
Google maps bus function:
•Doesn’t show bus location
•Doesn’t show stop location
•Good trip planner function
FLOW CHART: BUS NAVIGATION APP.
My Location Map
Selet Bus Select Stop Trip Planner Addresses
Information On Bus Displayed
•Route number
•Visually display bus route
•Arrival at next stop
Select Route
Specify Times
Specify Walk Distance
Request Alternate Route
Specify Locations
Route Provided
•Visual display of route
•Step by step insturctions Information Displayed
•Route # of buses at stop
•Visually display bus routes
Information On Route Displayed
•Other routes eliminated
•Next arrival at stop
•More arrivals
Menu
Saved Trips
IDEATION: WIRE FRAME SKETCHES
Opening screen:
•Bus Stops
•Buses
•Plan Trip Button
Bus Selected:
•Selected Bus Highlighted
•Route Shown on Map
•Next Stop Address and Time shown
•Next Stop highlighted on map Plan Trip
WIRE FRAMES: BUS SELECTION
Plan Trip Bus ##
NextStop 10:10am Next Stop Address
Opening screen:
•Bus Stops
•Buses
•Plan Trip Button
Stop Selected:
•Selected Stop highlighted
•All routes serviced by Stop shown on map
•Route numbers listed
Route Selected:
•Other routes disappear
•Next bus arrival time displayed
Plan Trip Plan Trip
Stop Address
## ## ##
Plan Trip
Stop Address
## ## ##
Next Bus 10:10am
Plan Trip
WIRE FRAMES: STOP SELECTION
Select Plan Trip:
•Plan Trip button lower Left
Stop Selected:
•Field to input Start location
•Field to input End Location
•Quick selection for ‘MY LOCATION’
•Quick selection for ‘HOME’
•’TAKE ME HERE’ movable icon can be placed on map to input end locaton
Route Selected:
•Other routes disappear
•Next bus arrival time displayed
WIRE FRAMES: TRIP PLANNER
Plan Trip
•Walk West to ### ##th St 4min
•Take Bus ## at 10:12am
•Exit at ### ##th st 10min
•Walk East to ### ##th st 3min Estimated Arrival Time: 10: 32am Total Cost of Trip: $2.75
Start:
End:
MY LOCATION
TAKE ME HOME TAKE ME HERE
AESTHETIC CONSIDERATIONS: WHAT SHOULD IT LOOK LIKE?
Environments
Urban
•Concrete
•Tall buildings
•Lots of People Seattle
•Foliage, trees and nature
•Techie
•Music
•Granola
•Maritime
•Cloudy
Appears on a Phone
•Most phones are black
•Tend to have a techie aesthetic
•Google Maps used as base On a bus
•Maybe loud
•Public
•Moving
Functional
•Clear and easy. Information display should take precedence.
•Readable by colorblind.
•A lot of information will occur on map.
Icons on map will be small yet must be clear and informative.
•Screen size restrictions.
Emotional Effect
•Reliablity
•Calm
•Security
VISUAL DESIGN: ELEMENTS & ASSETS
Highlighted Text
Inactive Field
Active Field
Button
Heading:
Ipsom Lorem Menu BackgroundText -enter fields
Non selected icon
Selected Icon
Selected Icon glow
Menu Colors Map Elements
Route Ribbons
Stop Icon
Bus Icon
VISUAL DESIGN: BUS SELECTION
Plan Trip Plan Trip
Next Stop: 7400 5th Ave NE Arrival Time: 10:10am Arrival Time: 10:10am
Route 242
Overlake Center/Bellevue
Plan Trip Plan Trip
VISUAL DESIGN: STOP SELECTION
[email protected]
Plan Trip Plan Trip
Routes: 242 48 27
Routes: 242 48 27 7400 5th Ave NE
Plan Trip Plan Trip
Routes: 242 48 27
Routes: 242 48 27 7400 5th Ave NE
Plan Trip Plan Trip
11:05am 11:30am Arrival Times: 10:10am 10:45am 11:05am 11:30am
VISUAL DESIGN: TRIP PLANNER
Plan Trip Plan Trip
Walk Bike:
NextNext
1 Mile Or
Departure Time:
Arrival Time:
Depart Now
NextNext
10:03am
Or
VISUAL DESIGN: TRIP PLANNER
[email protected]
Next
•Walk 1.5 miles South along 5th Ave to 638 Greenlake BLVD
•At 10:12 am take Route 48 North towards Northgate
•Stay on Route 27 for 3 Stops
•Exit at 7550 5th Ave NE
•Walk 100ft South.
•Destination will be on your left
Start:
End:
My Location
Take Me Home
Take Me Home Take Me HereTake Me Here 7400 5th Ave NE
Search Search
My Location Route 48
Arrival Time: 10:54am Total Time: 51 min.
Cost: $2:50
Route 358
Arrival Time: 11:02am Total Time: 59 min.
Cost: $2.50
Route 358, 42
Arrival Time: 11:22am Total Time: 1hr. 19 min.
Cost: $2.50
VISUAL DESIGN: MENU
Saved Trips
2660 152nd Ave NE, Redmond WA, 98025
to
628 NW 80th, Seattle WA 98117
628 NW 80th, Seattle WA 98117
to
7400 5th Ave NE, Seattle WA 98115
1531 Western Ave
Seattle, Washington 98101 to
2660 152nd Ave NE, Redmond WA, 98025
Home Address
2660 152nd Ave NE, Redmond WA, 98025
628 NW 80th, Seattle WA 98117
7400 5th Ave NE, Seattle WA 98115
Add New:
Plan TripPlan Trip
Addresses Addresses
Saved Trips
Saved Trips
