Issuu

Portofolio Showcase

Nadia Amira Husna dianadia.super.site

T r a n s p o rt

gotransit With gotransit, we can easily buy tickets for various public transport that connect to an e-wallet (gopay) or credit/debit card and provide information schedule and location about various transportation to complete the experience.

Overview

Impact Some metrics that I use to measure success are SUS and NPS. The impact on users is that, for now, people might not bring cards or anything else to buy transit tickets. It is convenient and easy.

Net Promotor Score (NPS)

User

Score

NPS : Promoters % - Detractors % : 60% - 0% : 60% (B / Great)

System Usability Scale (SUS)

User

Score

67.5

87.5

SUS : Total score / 5 : 74 (B / Good)

dianadia.super.site |

Product Design Portfolio

Research

Background

User Surveys & Interviews

In Jabodetabek, there are several type of public transport, such as KRL, MRT, Transjakarta, and LRT. Based on data, almost 40% of passengers use single trips, 35% use multitrip, and the last 25% use a smartcard (e-money, flazz, etc) or apps.

After reaching out to more users through multiple questions, I compiled the results of a user survey (22 participants). As a result, I reached more users and gained some initial and follow-up insight.

Passengers Payment Options

Multi card

Multi card used for electronic transportation payment (KRL and MRT)

Percentage

(%)

Smart card and apps

Smart card used for electronic payment Apps for buying ticket such as LinkAja and MRT-J

Single card

Single card provides ticket for only one trip/day

The most frequently used payment system

sumber: kompas.com

But nowadays, since the pandemic, the single trip payment is unavailable to support social distancing. So that, people can use a multi-trip, smart card or apps.

dianadia.super.site | Product Design Portfolio

Percentage

(%)

Single/Multi card Application Smart card

(e-money, etc)

Have used apps for

purchasing ticket

62.5

Percentage

(%)

37.5

The most frequently used public transport

Never

KRL Commuter Line

Ever

Bus Transjakarta

12(54%) 7(31.8%)

MRT

Gopay

13(59%) 6(28.8%)

OVO DANA

3(12.2%)

The most used e-wallet

3(12.2%)

Affinity Mapping Tapping Machine

Payment Apps

Smart Card

Single/Multi Trip

Tap kartu kurang sentitive / lama Tap kartu maintancenya kurang MRT gakbisa pake tap cash (tap cash mahasiswa/KTM)

Klo lagi lupa bawa kartu, ribet Ribet,gak bisa dipake 2 orang Harus nyari tempat top up kartunya dulu Gak bisa top up sendiri (device tidak mendukung)

Sistemnya sekali beli, bukan dari saldo yang ke cut Tiketnya kalo gak dipake dalam sehari bisa angus Gaktau sistem lain selain kartu (gak ada infonya)

Mesin single tripnya gakbisa2 (butuh 20 menit buat scan uang) MRT dan KRL sudah tidak bisa menggunakan single trip

Survey Insight

37.5% of the participants have been used app to buy ticket. Most of participants used KRL because it has a large scope not only in jakarta. The most used e-wallet is Gopay.

Research

User Journey Map

User journey map helped me to understand the context of users and gave a clear picture of the steps the user would go through when engaging with the product. Stage Doing

Discover Get ads on IG / FB / Google (online)

See the online reviews (online)

Receive recommendation from friends

Compare Check the rating (app store)

Read the review (online)

Try the apps (phone)

Buy

Use

OTW Station

At Station

Use other public transportation to go to station

At Station

Set the location (from-to Check far Buy ticket

Review

Queue for tap in

Tap in the barcode on phon Waiting the train comin Get on the train

In Train 5. Need to change

Arrived at destination 6. Tap out

Rate the service in app

Write the review

or complain

Need help - if someone left behind things in the train

Call customer service/ support

Touchpoint Thinking

Phone/laptop Friends

Phone/laptop

“This looks interesting!”

“I wonder if I don’t need to use card again”

“The interface looks cool”

“The rating are important”

“The review can be interesting to read”

“Need more time at station to buy on phone instead of card”

“I can easily check my money on app dan top up”

“It’s easy, No need to queue at locket to top up”

Uncertainty & Suprised

Confidence

Other vehicles

Phone

Tapping Machine

Train

“This is worth to use, I become concious about the fare”

“Sometimes, I have to change destination in rush”

Phone “This is good, I’ll influence my colleague to use it”

“That was all worth it”

Feeling Curiosity & Expectancy

Opportunity

dianadia.super.site | Product Design Portfolio

Put any ads in the public space (station or offline The station staff can give direction to buy ticket by phone

Customer can buy ticket in advance (earlier Customer can top up through his phone

Pleasure & Realived Customer can change the destination (Before tap out Cut the payment (gopay) after tap out

Satisfaction

solution

How Might We I started figuring out ideas by making how might we based on the personas.

Story Board Scenario: Ken takes the MRT train to work, but on the way he remembers that he needs to meet a friend.

dianadia.super.site | Product Design Portfolio

solution

Userflow & Wireframe

dianadia.super.site | Product Design Portfolio

Final result

Main Page On gotransit main page, users can choose public transportation what they want to use and also can search the destination directly.

8:00

Stasiun MRT Lebak Bulus Stasiun MRT Istora

Edit

Swipe!

Ticket

Touch!

Route

Where do you want to go? From

Set amount of passanger 2 Adult

Rp22.000

Stasiun MRT Dukuh Atas Kebon Melati, Tanah Abang, Central Jakarta City, Jakarta, Indonesia Stasiun MRT ASEAN Selong, Kebayoran Baru, South Jakarta City, Jakarta, Indonesia

dianadia.super.site | Product Design Portfolio

Adult range is age 3+

1 Adult

Rp11.000

2 Adult

Rp22.000

3 Adult

Rp33.000

4 Adult

Rp44.000

5 Adult

Rp55.000 Next

final result

Tap In & Out On gotransit main page, users can choose public transportation what they want to use and also can search the destination directly.

dianadia.super.site | Product Design Portfolio

Final result

Change Destination

Sometimes people change their minds immediately about their destination, with this feature, users can easily change their destination even they are already on public transportation.

Ensure the user for their order and then buy new ticket for their trip

Touch!

Buy New Ticket

User write the new destionation where they want to go

dianadia.super.site | Product Design Portfolio

e n t e rta i n m e n t

Drakor ID Drakor ID, is a mobile video streaming service that allows Indonesian k-drama fans to watch Korean drama with Indonesian subtitles which has a huge potential market.

Overview

Impact SUBSCRIBE

Trending Now

New episodes

EPISODE 12

EPISODE 13

EPISODE 4

EPISODE 25

Top picks for you

Before

After

The existing have limitation about giving

Some metrics that I use to measure success are task

recommendations and search features which leads to

completion time and NPS. For task completion time it

use user’s time more looking for something they want.

takes 2x faster than before and NPS score is 60

It takes 20 s to search for the newest updated content.

dianadia.super.site |

Product Design Portfolio

Home

Series

Movies

Research

Understand The Goal

Define The Audience

Nowadays, Korean dramas have become even more popular as more audiences outside Asia are caught in the now-global Korean wave through streaming services. In 2020 Indonesia ranked first among its markets when it came to tweeting about K-dramas on Twitter, indicating a large presence of K-culture fans in the country and the high engagement.

People who stream Korean content are most probably: Have an interest in Korean culture

Middle-upper class

Someone who needs to be entertained

18-40 (teenager to adult), especially women

Drakor ID, is a mobile video streaming service that allows Indonesian

k-drama fans to watch Korean drama with Indonesian subtitles which has a huge potential market. By improving the experience streams content, Drakor ID would increase the number of users, and as a result, their retention and revenue. Drakor ID already has a product for streaming content, but I’m not sure people would stream content a lot. Hence, I’m going to improve it.

dianadia.super.site | Product Design Portfolio

We can divide the product’s audience into 2 groups: First-time streams Korean conten Have experience streaming Korean content

Research

Understand The Customer’s Context and Needs When thinking of customer context in relation to watching k-dramas, these things come: ou can watch everywhere, just need a phone and interne During the day and nigh eeling unsure about which drama to watc A possibility of watching for a long tim tress due to work Y

Here are some user stories based on the context and the needs As a customer, I want to make sure I find the content that I’m interested in, so that I’m confident they discover content that I enjoy.

As a customer, I want to stream without an internet connection so that I could save my uota and have a stable video streaming.

As a customer, I want to know if the recommend updated content so that I don’t need to spend my time searching for the latest episode.

As a customer, I want to make sure I can watch even without pa ing so that I can save my money.

The needs a customer has while streaming content may be: Fast connectio High-resolution vide Free or affordabl Quick searc Updated popular conten A few ads

I believe there are some sub-optimal conditions while watching in Drakor ID today that we have an opportunity to improve : eed to search contents manuall Annoy by many ad emembering the exact drama’s titl ffer the low-resolution vide ack of customi ation content for different users N

dianadia.super.site | Product Design Portfolio

IDEAs

List Ideas Interface redesign

Building a clearer and more efficient interface, so we can reduce usage error, annoying ads, and the time spent by customers

2. Autoplay video

Automatically play the video when it is in the focus area of the screen (mid of the screen) a bit longer than usual (people always give a movement by scrolling through the page).

3. Personalized content for different users

Giving the movies or dramas recommendations based on what users love. Helping them to discover which content they will enjoy because each person has a different view of the content.

. uggestions and search features

4 S

The suggestion feature would present the same “categories” content after selecting movies/dramas that users want to watch. It gives plenty of catalogs for suggestions. On top of that, search features would show popular searches that other users perform to help you make a choice.

dianadia.super.site | Product Design Portfolio

Prioritize and Choose an Idea I’ll place the ideas on an Impact/Effort matrix to assess their feasibility. The interface redesign (#1) is the quickest improvement we could ship. Solutions #2, #3, and #4 have a similar approach because they reduce the user's effort.

Despite making users' lives easier, Autoplay video #2 might be annoyed if the content isn't relevant to the user. I’m not sure about the technical things of idea #3, which might require a lot of effort to implement, so I’d probably avoid using this idea. I believe that #4 has the biggest impact since it has several advantages. It helps users to make choices by giving several suggestions, minimizes time to search content, and makes categories for the different genres.

Solution

User Tasks

Home Screen

Firstly, the solution we have is about suggesting a way to enhance the existing Drakor ID mobile experience. I will make the assumption that recently customers enjoy romance dramas. This process could be optimized by grouping users based on their interests.

Our customer who is the first time using this app would feel unclear about the initial process. That’s why the screen after logging in should include some interesting parts to encourage people to watch such as promotions. At this point, the existing home screen merely displays all contents without ads/promotions. Although, after clicking on the content that we would like to watch, we can see ads, and they are placed so haphazardly on the screen.

I’ll map user tasks that explain the steps users should take to use our app successfully:

So I take away the ads from the content page to the home screen and arrange them in one place. The home screen looks good if we can make it less overwhelming, so I divide it into 2 parts: Ads / Promotion

promotion: gives the newest content information

ads: area that can help generate more revenue

Content

streaming content that can be watched by customers

dianadia.super.site | Product Design Portfolio

Final result

Navigation The essential part of finding the right content to watch is searching and scrolling on a home screen. By searching, users know what they want to watch and in this situation, we can help them choose by giving them some popular searches based on other users' performance. And then, to make it more scannable on a home screen when scrolling I think it would be good to filter the content.

dianadia.super.site | Product Design Portfolio

Suggestions Identifying which content users enjoy is one of my objectives, so I want people to spend less time finding something to watch, and more time watching what they truly enjoy. Since this app has lots of content, it would make choosing from them easier if the contents were divided according to type, such as comedy, romance, horror, fiction, etc.

Final result

High-fidelity Prototype Search for series, movies,etc

Filters