KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and...

35
KUN NHAI Ride Thai Buses with Ease [ PROJECT TWO ] SOLO APP NISHAREE “FAH“ KOMOLKITI

Transcript of KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and...

Page 1: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

KUN NHAIRide Tha i Buses w i th Ease

[ P R O J E C T T W O ] S O L O A P P N I S H A R E E “ F A H “ K O M O L K I T I

Page 2: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

KUN NHAI

Kun Nhai [คันไหน] means ‘Which Bus’ in Thai.

The name is derived from the question

Bangkokian usually ask when they need to

catch a bus: “ต้องขึ ้นคันไหน” [Which bus to

catch?]

NAME & ICON

Page 3: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

OVERVIEW

“Kun Nhai” [คันไหน] is to make public bus

transporation in Bangkok, Thailand, easier

for first-time and regular riders. Kun Nhai is

map oriented, with the main page asking for

destination input. Hypothetically, all buses are

equipped with GPS. Kun Nhai lets riders know

how long will the buses arrive at the stop,

analyze the traffic via information from Google

Maps, and suggest the best route for the riders.

ISSUES

The bus system (TH: Rot-Mae) in Bangkok is

very complicated. There are over 400 lines, with

hard-to-access resources. It is a system that

requires people to learn from word-of-mouth.

Due to traffic, buses are unreliable. There are

no signs on the bus, resulting in riders missing

their destination. Buses are important because

they are cheap and reach almost everywhere in

Bangkok.

Issues are timing and a hard-to-learn bus system.

The existed app does not address any of these

issues — it complicates them.

TARGET AUDIENCE

Thai. Bangkokian.

Students and Adults.

First-time riders. Regular riders.

GOALS

01 Provide ease to transport with buses.

02 Riders can plan out when to catch the bus,

know the estimated time travel, and become

more productive in life.

03 Riders do not need to know everything

about the bus system, they can only put in their

destination and choose the route they would like

to take.

04 Riders are notified when to get on and/or get

off the bus. This way, they do not get off at the

wrong bus stop.

NOTICE

The target audience are Thai people, therefore

the app will be translated into Thai later on.

CREATIVE BRIEF

Page 4: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

AMARAT

Amarat is a Thai university student who

always catches a bus to school. Every

morning, she either has to wait for a very

long time, or to run after the bus because

she does not know when the next one would

arrive. She wishes she could know when

the bus is arriving so she can plan out

productively.

She first learned about routes and busses

from a blog on an internet. She learned the

shortest route to school from getting on

every bus that would pass her school. She

wishes that her first time riding a bus could

be easier without any trials and errors.

PETCH

Petch is a Thai worker who rarely rides

busses. The bus is too unreliable to him.

When he rides the bus, he has difficulty

finding which bus to take. When at the bus

stop, he would look at the side of the moving

bus to see if his destination is on there. This

is very frustrating because sometimes he

waits at the wrong bus stop and ends up

wasting his time looking for the right bus.

When on the bus, there is no signs nor

signals of where it currently is. He is too shy

to ask the officers to let him know when the

station arrives, so he always gets off either

before or after the intended stop.

PERSONAS

Page 5: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

COMPETITIVE ANALYSIS

Page 6: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

COMPETITIVE ANALYSIS: GOOGLE MAPS

aesthetics

clarity

functionality

Google Maps is very easy to use - just enter the address and then choose

the preferred route. Google map provides estimated time for the total trip,

and also provides accurate traffic display. This is where Kun Nhai is pulling

the traffic information from, with the location of the bus via GPS tracker, to

calculate the estimated wait time for the app.

Page 7: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

cont.

COMPETITIVE ANALYSIS: ROT-MAE (รถเมล)์

Bus lines Bus lines: Bus no. 1013 Bus lines: Map with all the stops Bus stops

Page 8: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

COMPETITIVE ANALYSIS: ROT-MAE CONT.

aesthetics

clarity

functionality

Rot Mae is for those who already know and familiar with the system. This is

the reason the ‘search route’ is the last one on the main tab.

Both ‘Bus lines’ and ‘Bus stops’ lead to the same place, which is redundant.

The information is also out of date. (compared to the updated one on BMTA

[Bangkok Mass Transit Authority] website)

(รถเมล)์

Road names Search routes Search routes Search routes: bus number 40

Page 9: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

cont.

COMPETITIVE ANALYSIS: CITYGLIDE

Page 10: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

COMPETITIVE ANALYSIS: CITYGLIDE

aesthetics

clarity

functionality

Cityglide is the website owned by the private company. They equipped GPS

on some buses owned by private companies and present the ETA for the bus

to arrive at the bus stop. The target audience of the website are foriegners

and Thai who know English and waiting at the bus stop. Those who are first-

time rider or those who cannot read English will not be able to use this

website.

Page 11: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

COMPETITIVE ANALYSIS: MOOVIT

cont.

Page 12: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

COMPETITIVE ANALYSIS: MOOVIT (CONT.)

aesthetics

clarity

functionality

Moovit is a great app for inspitation. It has a clean system and easy to use

transportation guru. Moovit has access to transportation in almost all the

countries, with USA and Europe being the most accurate. Moovit is designed

to travelers; the get off alert.

Page 13: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

COMPETITIVE ANALYSIS: UBER

aesthetics

clarity

functionality

Uber has a great tracking system of where the car / the riders are. This

prevents getting lost. The riders can visually see where the uber is and

therefore can plan out their time wisefully to fit in with the arrival of the uber.

The down side is that sometimes Uber does not use GPS and therefore get

lost, and the pickup location pin is always off from where riders actually are.

Page 14: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

KUN NHAIFEATURES, USERFLOW, PRELIMINARY SKETCHES,

FLATS, AND FINAL CLICKABLE PROTOTYPE

Page 15: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

MAIN TABS

01 Directions

02 Lines

03 Profile

FEATURES

01 Directions:

• The ability to input destination; would

like to get from A to B. (similar to Map).

• The app uses current location as a

default starting point.

• Quick access to favorite places i.e. home,

work, saved locations.

• Route suggestion: estimated time before

it arrives, estimated travel time. The best

one is at the top of the list.

• Track the trip, and notify you when to

get off the bus.

02 Lines:

• Search for the bus number to see its

information and stops.

• The app automatically pins the most-

used and recent bus line to the top, so

riders can check the time it will arrive at

the closest bus stop. (this can be done

manually too)

03 Profile:

• Connect to Facebook or Google to store

favorite locations across multiple devices.

• settings & terms of use

FEATURES

Page 16: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

USER FLOW

DirectionsSearch

Destination

Add Address Search Address

Suggested Routes

Route Overview Live Direction

Arrival Alert on/off

Enter Destination

Cancel

Confirm

Back

Back Stop

Collapse

SelectSelect Start

Alert on/offAlert on/off

LinesSearch

Bus LineInbound

Outbound

Selected Bus Line Overview

Add Favorite Search Bus Line(s)

Live Direction to the bus stop

Live Direction to the bus stop

Arrival Alert on/off

Search bus line

Select bus line

Back

Cancel

Add

Stop

Stop

SelectStart

Start

SettingsNotification

Route Suggestion

Connect & Sync Recent Trips

Help & Feedback

Terms of Use

Page 17: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

PRELIMINARY SKETCHESDirections

Live Directions

Search Destination

Lines Line Overview

Route OverviewRoute Options

Settings

Page 18: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

ON-BOARDING PROCESS

Splash page Introduce traveling features

100%9:41 AM 100%9:41 AM 100%9:41 AM

Page 19: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

ON-BOARDING PROCESS

Introduce the alert feature Without enabling the access to location, the app will not allow riders to continue.

100%9:41 AM 100%9:41 AM 100%9:41 AM

Page 20: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

SEARCH DIRECTIONS

Ready to use the app. Search directions: tapped the ‘enter direction’

Given the option to use your current location.

100%9:41 AM 100%9:41 AM 100%9:41 AM

Page 21: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

SEARCH DIRECTIONS

Type in ‘Siam Paragon’ and selected the first one on the list.

Kun Nhai calculates the time when the bus arrive by using GPS on the bus, and the calculation of the traffic information.

The route overview. Riders can decide to toggle on the arrival notification. Notification settings can be changed in Settings.

100%9:41 AM 100%9:41 AM 100%9:41 AM

Page 22: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

SEARCH DIRECTIONS: BUS ARRIVAL NOTIFICATION

Ask to send notifications To confirm that the arrical notification is on. The button is toggled on. Riders can simply toggle on/off the notification freely.

100%9:41 AM 100%9:41 AM 100%9:41 AM

Page 23: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT I

SEARCH DIRECTIONS: LIVE DIRECTIONS

By enabling live directions, riders can toggle on the get off alert. (There in no actual sign on the bus, so riders miss their destination unless they are familiar with the surrounding)

By having the live direction running in the background, Kun Nhai will notify when to get off the bus.

The collapse version of the live direction.

100%9:41 AM 100%9:41 AM 100%9:41 AM

Page 24: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

DIRECTIONS: SET WORK ADDRESS

To set the work place, tap the work section. Enter the address.

100%9:41 AM 100%9:41 AM 100%9:41 AM

Page 25: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT I

DIRECTIONS: SET WORK ADDRESS

The work address is added.The recent trip appears on the Directions screen for easy access. Further detail can be set in Settings.

The recent trip leads to the suggested routes of that trip. In case riders want to go to the same destination, they do not have to search for the address again.

100%9:41 AM 100%9:41 AM

Page 26: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT I

LINES

Lines is for those who are more familiar with the system. The bus is displayed with its starting and ending destinations.

Search the bus line. Nearby buses are offered when tapped on search button.(same as that on the Lines main screen)

Select bus number 40, in bound. Swipe up to view the bus stops.

100%9:41 AM 100%9:41 AM 100%9:41 AM

Page 27: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT I

LINES: BUS NO. 40 ARRIVAL ALERT AT SIAM SQUARE

Bus stops for No.40 in bound. The closest stop to the rider is ‘Siam Square’, automatically show when the bus will arrive.

Set the arrival alert by tapping the ‘bell’ icon. The arrival alert is active. The alert will be reset to inactive once the bus arrives and departs from the stop.

100%9:41 AM 100%9:41 AM 100%9:41 AM

Page 28: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

LINES: BUS NO. 40 ARRIVAL ALERT AT SIAM SQUARE

Riders can also view arrival time at other bus stops too.

Switch to Out bound by tapping the bar at the top.

100%9:41 AM 100%9:41 AM

Arrival Alert. (the arrival alert is set to 2 minutes before the bus arrive)

100%9:41 AM

Page 29: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

LINES: ADD FAVORITE BUS

Adding favorite buses Recent bus is offered as an option when search for the favorite bus line.

102 is the bus line you will be taking often in this upcoming week, so you want to add it to the main page.

100%9:41 AM 100%9:41 AM 100%9:41 AM

Page 30: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

LINES: ADD FAVORITE BUS

Select the bus line and tap add. Multiple bus lines can be added during this process.

Bus 102 is shown.

100%9:41 AM 100%9:41 AM

Page 31: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

DUX | PR OJECT TWO | KUN NHAI

SETTINGS: CONNECT TO FACEBOOK

Settings. Since signing in is not essential for the app like Kun Nhai, riders can choose to connect to their social media afterwards.

By connecting to Facebook, the favorites, saved locations, and settings will be stored across multiple connected devices.

100%9:41 AM 100%9:41 AM 100%9:41 AM

Page 32: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

SETTINGS: CONNECT TO FACEBOOK

You are connected! Profile picture and name are displayed.

100%9:41 AM 100%9:41 AM

Page 33: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT I

SETTINGS

Notifications: set how long before the bus arrive / reach destination will the notification go off.

Route Suggestion: set the default of the rounte suggestions.

Recent trip: Riders can choose to not allow the app to track the trip history.

100%9:41 AM 100%9:41 AM 100%9:41 AM

Page 34: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

NISH AREE “FAH ” KO M O L K IT IDUX | PR OJECT TWO | KUN NHAI

PROTOTYPE

MARVEL PROTOTYPE

Page 35: KUN NHAInisharee.com/KunNhai.pdf · transporation in Bangkok, Thailand, easier for first-time and regular riders. Kun Nhai is map oriented, with the main page asking for destination

THANK YOU!