Implementasi Design Thinking dalam

Membangun Aplikasi
Tito Hanafi
 Design Thinking Process

EMPATHIZE DEFINE IDEATION PROTOTYPE TEST

What problem
Who is our
should we Find the Transform our Validate our
user?
solve? solution ideas into design
design
What is our
What needs
user problem?
should we
deliver
 Empathize Define Ideation Prototype Test

Who’s our user?

What’s their problem/need?
Role Method Output

UX Researcher User interview User persona

Online Survey Problems/Needs
Usability Testing
 Empathize Define Ideation Prototype Test

How could we find it?

Challenge/Asumsi Observe Engage

 Empathize Define Ideation Prototype Test

Problem
Need

Up to date Information
overload
Banyak berita
HOAX Ga ada waktu
buat baca
berita

WARGA JAKARTA
Sibuk

Informasi yang
relevan untuk
Info kereta, mobilitasnya
Event yang MRT, cuaca,
sedang hits secara real
time
Empathize Define Ideation Prototype Test

Profil
Tommy (30 Tahun) adalah seorang
karyawan yang bekerja dan tinggal di
Jakarta. Setiap hari ia pulang pergi
menggunakan angkutan umum.
Ketika ada waktu luang, dia
“
Terkadang saya
malas untuk
membaca berita,
begitu banyak
informasi yang
memanfaatkannya untuk bekerja
tidak penting untuk
freelance saya” -Tommy

Frustasi
Tujuan
1. Terlalu sibuk sampai melewatkan
informasi yang sebenarnya penting Mendapatkan
untuk dirinya. informasi yang
2. Informasi di internet yang begitu relevan dan akurat
banyak, ujaran kebencian, dan hoax yang penting untuk
membuat ia bingung informasi mana dirinya
yang harus dipercaya.
Empathize Define Ideation Prototype Test

Could we solve all the the

problem and deliver all needs?
 Empathize Define Ideation Prototype Test

What problem
should we solve?
Role Method Output

UX Researcher Affinity Diagram HMW Questions

UX Designer Discuss
How Might We
 Empathize Define Ideation Prototype Test

Affinity Diagram
user 1 [problem 1, problem 2,..., problem n]
The Affinity Diagram is a method ...
which can help you gather large user n [problem 1, problem 2,..., problem n]
amounts of data and organise
them into groups or themes based
on their relationships.

problem 1 [user 1, user 2, ... user n]

...
problem n [user 1, user 2, ... user n]
 Empathize Define Ideation Prototype Test

👧 Ani 👦 Budi

👧 Cindy 👦 Dadang
 Empathize Define Ideation Prototype Test

👧 Ani 👦 Budi

👧 Cindy 👦 Dadang
 Empathize Define Ideation Prototype Test

👧 Ani 👦 Budi

👧 Cindy 👦 Dadang
 Empathize Define Ideation Prototype Test

👧 Ani 👦 Budi

👧 Cindy 👦 Dadang
 Empathize Define Ideation Prototype Test

👧 Ani 👦 Budi

👧 Cindy 👦 Dadang
 Empathize Define Ideation Prototype Test

👧 Ani 👦 Budi

👧 Cindy 👦 Dadang
Empathize Define Ideation Prototype Test

Problem 1 Problem 2 Problem 3 Problem 4 Problem 5 Problem 6

Empathize Define Ideation Prototype Test

Problem 1 Problem 2 Problem 3 Problem 4 Problem 5 Problem 6

 Empathize Define Ideation Prototype Test

Problem 1 Problem 2 Need 1 Need 2

Banyak berita Event yang

Sibuk Up to date sedang hits
HOAX

Info kereta,
Ga ada waktu
Information MRT, cuaca,
buat baca
overload secara real
berita
time

Informasi yang
relevan untuk
mobilitasnya
 Empathize Define Ideation Prototype Test

Point of View

User Need/Problem Insight

Warga Jabodetabek yang Informasi yang akurat dan User menginginkan

bekerja di Jakarta relevan sesuai dengan apa
yang dibutuhkan
mendapatkan informasi yang
benar-benar sesuai
kebutuhannya dengan mudah
tanpa harus menyita waktu
banyak untuk
membaca/mencari beritanya
karena mereka sudah cukup
sibuk.
Empathize Define Ideation Prototype Test

Warga yang bekerja di Jakarta membutuhkan

mendapatkan informasi yang akurat dan
relevan dengan mudah karena mereka tidak
punya waktu yang cukup dan malas mencari
berita dari media berita ataupun media sosial
mainstream.
 Empathize Define
Point of View
Warga yang bekerja di Jakarta
membutuhkan mendapatkan informasi
yang akurat dan relevan dengan mudah
karena mereka tidak punya waktu yang
cukup dan malas mencari berita dan
membaca
Ideation Prototype Test
How Might We
Amp up the good: HMW menyajikan informasi yang beragam, yang juga
seluruhnya adalah informasi yang relevan dengan kebutuhan
Remove the bad: HMW menghilangkan informasi yang tidak relevan dan
hoax di media eksisting?
Explore the opposite: HMW membuat informasi hoax dan tidak relevan
menjadi hal yang menarik untuk dibaca?
Question an assumption: HMW menyajikan informasi yang singkat,
kredibel dan relevan dengan mudah dan menyenangkan?
ID Unexpected resources: HMW berita hoax dan tidak relevan menjadi
konten informasi yang dicari?
Create an analogy from need to context: HMW menerima informasi dari
media eksisting seperti belajar di sekolah?
Play PoV against the challenge: HMW membuat media eksisting menjadi
tempat mencari informasi yang kredibel?
Change a status quo: HMW menyediakan informasi yang lebih singkat,
padat, bermanfaat
Break PoV into pieces: HMW menyediakan akurat informasi? relevan?
 Empathize Define Ideation Prototype Test

Find the solution!,

Which Idea should be prototyped?

Role Method Output

UX Researcher SCAMPER Final Idea

UX Designer Team discussion
UI Designer Impact Vs Effort
UX Writer
 Empathize Define Ideation Prototype Test

➔ Focus on the number of ideas, not quality

➔ Come up with crazy ideas/out of the box
➔ There are no good or bad ideas
 Empathize Define Ideation Prototype Test

Personal Assistant Media berita

melalui pesan dengan Big Data
suara/shortcut dan AI
How Might We
Bagaimana caranya menyajikan informasi
yang singkat, kredibel dan relevan
dengan mudah dan menyenangkan?

Push Notification
bila ada informasi IoT dengan AR/VR
yang relevan
 Empathize Define Ideation Prototype Test

Personal Assistant Media berita which idea should be

melalui pesan dengan Big Data
suara/shortcut dan AI prototyped?

★ Team discussion
★ Voting
★ Impact Vs Effort
Push Notification
bila ada informasi IoT dengan AR/VR
yang relevan
 Empathize Define Ideation Prototype Test

Personal Assistant
melalui pesan IoT dengan
suara/shortcut AR/VR

Media berita
IMPACT dengan Big Data
dan AI
Push Notification
bila ada informasi
yang relevan

EFFORT
 Empathize Define Ideation Prototype Test

Transform our ideas

into design
Role Method Output

UX Designer User flow Prototype

UX Writer Low-Fi Wireframe
UI Designer Hi-Fi Wireframe
 Empathize Define Ideation Prototype Test

User Flow
What people do in our product to achieve their goals

�� �� �� ℹ
Berita yang relevan dan
Buka Aplikasi JARVIS Lengkapi Profil Konfigurasi terpercaya
(Suara, shortcut, sumber
informasi)
Empathize Define Ideation Prototype Test
Empathize Define Ideation Prototype Test
 Empathize Define Ideation Prototype Test

Apa yang harus diperhatikan?

➔ UX Law
➔ Competitive analyze
➔ UI Principle
 Empathize Define Ideation Prototype Test

Validate Our Design

Role Method Output

UX Researcher Usability Testing Feedback

Empathize Define Ideation Prototype Test
Terima Kasih
1 2 3

4 5
1. Bebas

Back
2. Traveling ke Mars

Back
3. Pilih 1 dari Tes PDA Tokopedia

Back
4. Redesign salah satu fitur di JAKI

Back
5. Produk Baru di JSC

Back