UI-UX Design Methodology and Design Thinking

Arvie
Pravira
A generalist product designer. Currently working
on an education technology project for Indonesia
Government under GovTech Edu. Has previously
worked at various fields such as e-commerce,
fintech, and video game as a designer.
Education Background
2013 - 2017
Arvie Pravira Bachelor Degree
5 years experience as Digital
{ Information System
Product Design
Introduction to
UI-UX Design
Methodology and
Design Thinking
Rekap
Topik Sebelumnya
UX Design dan UX Designer
Outline Pembelajaran
Methodology and Design Thinking
Problem Solving Design Thinking di Industri
Dasar-Dasar logika Studi kasus Design Thinking 1
Contoh penggunaan logika Studi kasus Design Thinking 2
Design Thinking Intro
Design Thinking Usage
Dampak Design Thinking

Apa itu
Design?
Dasar dasar logika Studi kasus Design Thinking 1

Apa itu Design?
Design secara umum adalah Problem Solving, atau

pemecahan masalah.
Biasanya, ada subjek atau pengguna dalam solusi yang
dihasilkan dari proses Problem Solving tersebut
Apa itu Design?
Proses umum dalam Problem Solving:
● Identifikasi dan spesifikasi
● Eksplorasi masalah - bertanya why / kenapa
● Trial and error atau coba - coba
Contoh Kasus: Pintu
Pintu ini tertutup, bagaimana cara

kamu membuatnya terbuka?
Perhatikan proses apa saja yang
kamu lalui dalam problem solving.
Contoh Kasus: Pintu
Yang pertama kita lakukan

mungkin adalah hal yang paling
umum, mendorong atau menarik
pintu
Namun bagaimana jika tidak

berhasil?
Contoh Kasus: Pintu
Ketika mendorong dan menarik

tidak berhasil, kita mungkin akan
melakukan observasi terhadap
pintu ini dan melakukan
eksperimen
Contoh Kasus: Pintu
Ketika mendorong dan menarik

tidak berhasil, kita mungkin akan
melakukan observasi terhadap
pintu ini dan melakukan
eksperimen
Contoh Kasus: Pintu
Observasi Asumsi Validasi

Apa itu Design?
Secara umum, design dapat didefinisikan sebagai
usaha untuk memecahkan masalah dan membuat
sebuah solusi

Logika
Dasar

Dasar Logika dan Pemikiran
Selama proses berpikir dalam problem solving, kita
melakukan 2 pemikiran yang umum
● Deduksi
● Induksi
● Deduksi
● Induksi
Deduksi
Jika A benar, Maka B berlaku
100% keyakinan dalam penarikan

kesimpulan - selama pernyataan
sudah terbukti benar
Deduksi
Hari libur tidak ada pengiriman
Hari ini hari pertama tahun baru
Maka hari ini tidak ada pengiriman

Deduksi
Seluruh masyarakat di wilayah

Indonesia harus tinggal di rumah
karena wabah virus Corona
Bayu tinggal di Bali
Bayu harus tinggal di rumah

Deduksi
Zebra memiliki garis - garis hitam
Doni memiliki garis - garis hitam
Doni adalah Zebra

Deduksi
Zebra memiliki garis - garis hitam
Doni memiliki garis - garis hitam

X
Doni adalah Zebra
Deduksi
Mahluk hidup yang memiliki garis -

garis hitam adalah Zebra
Doni memiliki garis - garis hitam V

Doni adalah Zebra
Deduksi
Mahluk hidup yang memiliki garis -

garis hitam adalah Zebra
Doni memiliki garis - garis hitam X

Doni adalah Zebra
Deduksi
Pintu dorong akan terbuka saat

didorong
Pintu di samping adalah pintu

dorong
Pintu di samping akan terbuka saat

didorong
● Deduksi
● Induksi
Induksi
Penarikan kesimpulan secara

Generalisasi
Tidak 100% yakin dalam penarikan

kesimpulan - ada kemungkinan
kondisi di luar umum
Induksi
Sudah sebanyak 359 ekor bebek

yang saya temui memiliki paruh
Desi adalah seekor bebek
Maka desi memiliki paruh

Induksi
Semua anak ayam di peternakan

berwarna kuning
Saya hanya pernah melihat anak

ayam berwarna kuning
Semua anak ayam di dunia

berwarna kuning
Induksi
89% responden survey merasa

puas
Maka, 89% pelanggan / pengguna

merasa puas
Induksi
Saat musim kemarau, beberapa

bebek datang ke danau
Bebek pasti akan datang ke danau

karena musim kemarau
Induksi
Semua pintu dorong memiliki

pegangan untuk dibuka
Pintu di samping memiliki


dorong
Perhatikan kedua reasoning tersebut:
● Deduksi - sudah pasti benar
● Induksi - ada kemungkinan benar
Bagaimana kita menggunakan pemahaman ini untuk
membantu problem solving?
Bagaimana kita menggunakan pemahaman ini untuk
membantu problem solving?
Mari kembali ke kasus pintu
Deduksi
Pintu dorong akan terbuka saat

didorong

dorong
Pintu di samping akan terbuka saat

didorong
Induksi
Semua pintu dorong memiliki

Pintu di samping memiliki


dorong
Pemahaman logika membantu kita memahami mana
pemikiran yang mungkin benar dan pasti benar, lalu
aksi apa yang harus kita lakukan selanjutnya

Quiz
Logika Dasar

Perhatian!!
Cara penarikan kesimpulan yang benar, belum
tentu menghasilkan pernyataan kesimpulan yang
bernilai benar
Quiz
Orang - orang kidal yang saya

●
kenal menggunakan gunting
Benar
khusus tangan kiri
● Maka semua orang kidal
menggunakan gunting
Salah
khusus tangan kiri
Quiz
Orang - orang kidal yang saya

●
kenal menggunakan gunting
Benar
khusus tangan kiri
● Maka semua orang kidal
menggunakan gunting
Salah
khusus tangan kiri
Quiz
Kursi di ruang makan

●
berwarna merah
Benar
● Kursi di ruang keluarga
berwarna merah
Salah
● Kursi di kamar tidur berwarna
merah
● Maka semua kursi di rumah
berwarna merah
Quiz
Kursi di ruang makan

●
berwarna merah
Benar
● Kursi di ruang keluarga
berwarna merah
Salah
● Kursi di kamar tidur berwarna
merah
berwarna merah
Quiz
Jaka adalah orang Jakarta

●
Benar
● Rambut Jaka berwarna
pirang
● Semua orang di Jakarta Salah
memiliki rambut berwarna
pirang
Quiz
Jaka adalah orang Jakarta

●
Benar
● Rambut Jaka berwarna
pirang
● Semua orang di Jakarta Salah
memiliki rambut berwarna
pirang
Quiz
Dimas bekerja di Jerman

●
sebagai pemilik perusahaan
Benar
besar
● Penghasilan Dimas relatif
sangat besar
Salah
● Penghasilan orang Jerman
tidak sebesar Dimas
Quiz
Dimas bekerja di Jerman

●
sebagai pemilik perusahaan
Benar
besar
● Penghasilan Dimas relatif
sangat besar
Salah
● Penghasilan orang Jerman
tidak sebesar Dimas
Quiz
Angsa bertelur
●
Benar
● Rini bertelur
● Rini adalah seekor angsa
Salah
Quiz
Angsa bertelur
●
Benar
● Rini bertelur
● Rini adalah seekor angsa
Salah
Quiz
Meja di ruang makan

●
berwarna ungu
Benar
● Meja di ruang keluarga
berwarna ungu
Salah
● Meja di kamar tidur berwarna
ungu
berwarna ungu
Quiz
Meja di ruang makan

●
berwarna ungu
Benar
● Meja di ruang keluarga
berwarna ungu
Salah
● Meja di kamar tidur berwarna
ungu
berwarna ungu
Quiz
Unggas memiliki bulu

●
Benar
● Ayam adalah unggas
● Ayam memiliki bulu
Salah
Quiz
Unggas memiliki bulu

●
Benar
● Ayam adalah unggas
● Ayam memiliki bulu
Salah
Quiz
Semua orang Indonesia suka

●
makan nasi
Benar
● Jono suka makan mi
● Jono bukan orang Indonesia Salah
Quiz
Semua orang Indonesia suka

●
makan nasi
Benar
● Jono suka makan mi
● Jono bukan orang Indonesia Salah
Perhatian!!
Cara penarikan kesimpulan yang benar, belum
tentu menghasilkan pernyataan kesimpulan yang
bernilai benar

Apa itu
Design Thinking?

Apa itu Design Thinking?
Sebuah proses problem solving yang berbasis solusi

dan berfokus pada empati terhadap pengguna
Sifat Design Thinking
Human Centric
Solution Based
Iterative
Asal Usul Design Thinking
Dipopulerkan oleh IDEO, perusahaan konsultansi dalam

industri. Ini menandakan bahwa Design Thinking
memiliki dampak yang besar di bidang bisnis.
Dalam bisnis, salah satu peran terpenting adalah
customer atau lebih spesifiknya adalah user / pengguna.
Kenapa pakai Design Thinking?
● Memberikan struktur terhadap sesuatu yang

abstrak dan kompleks

● Membantu menyelesaikan masalah yang
kompleks dan bekerja secara tim

kompleks dan bekerja secara tim
berhubungan dengan individu atau grup lain
sebagai pengguna
Design thinking bermanfaat

untuk melahirkan inovasi
dengan konsep pemecahan
masalahnya

Penggunaan
Design Thinking

Proses dalam Design Thinking
Masalah Solusi
Pencarian
Solusi
Pencarian Penemuan
Masalah Solusi
Penentuan Penentuan
Fokus Solusi
Pencarian
Solusi
Pencarian Penemuan
Riset Desain
Masalah Solusi
Penentuan Penentuan
Fokus Solusi
Prosedur Praktikal dalam Design Thinking
Design Thinking?
Design Thinking?
Mindset dari Design Thinking
Mindset / Pola pikir utama dari Design Thinking:

● Berpikir kritis dan terstruktur, pisahkan
asumsi dan fakta. Tanya “Kenapa?”.
● Empati, selalu pikirkan konteks pengguna
yang pada umumnya adalah orang lain.
● Iterasi atau pengulangan proses hingga
masalah benar - benar selesai.
Mindset dari Design Thinking
PENTING!
Design Thinking bukanlah sebuah prosedur standar
Design Thinking adalah mindset

Contoh Dampak
Design Thinking

Contoh Design Thinking
Oral B
● Membuat sikat gigi yang bisa memutar musik?
Oral B
● Mengumpulkan data dari pengguna
Oral B
● Bekerja berdasarkan saran dan masalah yang
dihadapi langsung oleh para pengguna
Oral B
● Sikat gigi elektrik dengan charger USB dan kepala
sikat yang bisa diganti
Oral B
● Sikat gigi elektrik dengan charger USB dan kepala
sikat yang bisa diganti
● Penjualan produk baru meningkat!
AirBnB
● Perusahaan sempat tidak berkembang
AirBnB
● Foto - foto di aplikasi ternyata jelek, membuat
pengguna merasa tidak percaya
AirBnB
● Tim AirBnB membeli kamera bagus dan
mengunjungi setiap properti yang terdaftar untuk
mengambil foto baru
AirBnB
● Tim AirBnB membeli kamera bagus dan
mengunjungi setiap properti yang terdaftar untuk
mengambil foto baru
● Pemasukan perusahaan jadi 2 kali lipat!

Design Thinking
Di Industri

Contoh Praktikal Design Thinking di
Industri Teknologi
1. Lakukan penelitian terlebih dahulu

sebelum mulai formulasi solusi
Industri Teknologi
2. Lakukan eksperimen dengan

menggunakan prototype untuk mengukur
apakah produk akan berhasil atau gagal
Industri Teknologi
3. Rilis langsung produk tanpa ada

pengetahuan yang kuat, namun evaluasi
produk dilakukan secara mendalam

Studi Kasus
Design Thinking I

Search Engine
● Penggunaan paling tinggi

● Keadaan waktu yang singkat
● Banyaknya asumsi dan ide solusi
● Permasalahan belum diketahui
● Tim yang sangat besar
Proses
● Berdiskusi dengan berbagai tim yang

terlibat
● Kumpulkan data, asumsi, hipotesis, ide, dan
limitasi tim
● Lakukan penelitian untuk melihat masalah
lebih dalam
● Di saat yang sama, lakukan penelitian
untuk menguji ide solusi menggunakan
prototype
● Ulangi proses di atas beberapa kali
Hasil
● Menemukan akar permasalahan yang

dihadapi oleh pengguna
● Menemukan konsep solusi untuk
menyelesaikan masalah tersebut
● Secara desain, tim berhasil
membangun sebuah produk baru yang
menyelesaikan masalah dan
menguntungkan perusahaan

Studi Kasus
Design Thinking II

Video Game
● Perusahaan ingin meningkatkan jumlah

pengguna aktif harian (daily active users)
● Membuat pengguna yang tidak aktif menjadi aktif
menggunakan aplikasi secara harian
● Manajemen perusahaan sudah memiliki ide untuk
solusi yang akan dibuat
Proses
● Pahami ide dan ekspektasi dari manajemen

perusahaan
● Lakukan analisa kompetitor dan riset
perbandingan
● Pahami konsep produk, di saat bersamaan
lakukan penelitian mendalam terhadap
calon pengguna produk
● Uji coba produk menggunakan prototipe
dan validasi pemahaman terhadap
pengguna
Hasil
● Memahami apa yang menjadi motivasi

pengguna untuk menggunakan
aplikasi
● Membuat solusi yang menjawab
permasalahan bisnis dan pengguna
● Berhasil membuat game yang
dimainkan oleh pengguna yang
sebelumnya belum aktif secara harian

Thank you!
Session Outline
1. Rekap pertemuan sebelumnya

2. Apa itu Design?
3. Apa itu Design Thinking?
4. Praktik pengenalan mindset Design Thinking
Praktik Pengenalan
Design Thinking
Mendesain Sesuatu
Mari lakukan praktik bersama: mendesain sebuah
dompet untuk salah satu teman kita.
Durasi total aktivitas ~45 menit

Mendesain Sesuatu
Perencanaan singkat proses desain
● User interview / ngobrol dengan pengguna
● Rekap hasil interview
● Mulai mendesain solusi
Mendesain Sesuatu
Sesi user interview untuk menggali masalah, bisa dimulai dari
mencari tahu beberapa hal ini
● Pekerjaan atau kesibukan sehari - hari
● Apa saja yang kamu simpan di dompet? Kenapa?
● Kegiatan apa saja yang berhubungan dengan
penggunaan dompet dan sering kamu lakukan? Kenapa?
● Dan seterusnya...
Durasi ~10 menit

Mendesain Sesuatu
Rekap hasil interview
● Bagaimana konteks masalah (dalam kasus ini
penggunaan dompet) dari sudut pandang pengguna?
● Apa masalah yang dialami?
● Solusi apa yang mungkin kita berikan?
Durasi ~10 menit

Mendesain Sesuatu
Membuat solusi
● Solusi apa yang mungkin kita berikan?
● Berdasarkan fakta apa?
● Apa asumsi kamu terhadap solusi tersebut?
Durasi ~15 menit

Mendesain Sesuatu
Rekap tentang apa saja yang sudah dipelajari
● Berpikir kritis dan terstruktur, pisahkan asumsi dan fakta.
Tanya “Kenapa?”.
● Validasi asumsi, menjawab pertanyaan, dan eksplorasi
fakta mengenai pengguna
● Pentingnya proses iterasi dalam proses design
● Design Thinking adalah mindset

UI-UX Design Methodology and Design Thinking

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

UI-UX Design Methodology and Design Thinking

Diunggah oleh

Hak Cipta:

Format Tersedia

Arvie

Methodology and Design Thinking

Problem Solving Design Thinking di Industri

Dasar-Dasar logika Studi kasus Design Thinking 1

Contoh penggunaan logika Studi kasus Design Thinking 2

Design Thinking Intro

Design Thinking Usage

Dampak Design Thinking

Methodology and Design Thinking

Problem Solving Design Thinking di Industri

Dasar dasar logika Studi kasus Design Thinking 1

Contoh penggunaan logika Studi kasus Design Thinking 2

Design Thinking Intro

Design Thinking Usage

Dampak Design Thinking

Design secara umum adalah Problem Solving, atau

Pintu ini tertutup, bagaimana cara

Yang pertama kita lakukan

Namun bagaimana jika tidak

Ketika mendorong dan menarik

Ketika mendorong dan menarik

Observasi Asumsi Validasi

Methodology and Design Thinking

Problem Solving Design Thinking di Industri

Dasar dasar logika Studi kasus Design Thinking 1

Contoh penggunaan logika Studi kasus Design Thinking 2

Design Thinking Intro

Design Thinking Usage

Dampak Design Thinking

Methodology and Design Thinking

Problem Solving Design Thinking di Industri

Dasar dasar logika Studi kasus Design Thinking 1

Contoh penggunaan logika Studi kasus Design Thinking 2

Design Thinking Intro

Design Thinking Usage

Dampak Design Thinking

Jika A benar, Maka B berlaku

100% keyakinan dalam penarikan

Hari libur tidak ada pengiriman

Hari ini hari pertama tahun baru

Maka hari ini tidak ada pengiriman

Seluruh masyarakat di wilayah

Bayu tinggal di Bali

Bayu harus tinggal di rumah

Zebra memiliki garis - garis hitam

Doni memiliki garis - garis hitam

Doni adalah Zebra

Zebra memiliki garis - garis hitam

Doni memiliki garis - garis hitam

Mahluk hidup yang memiliki garis -

Doni memiliki garis - garis hitam V

Mahluk hidup yang memiliki garis -

Doni memiliki garis - garis hitam X

Pintu dorong akan terbuka saat

Pintu di samping adalah pintu

Pintu di samping akan terbuka saat

Penarikan kesimpulan secara

Tidak 100% yakin dalam penarikan

Sudah sebanyak 359 ekor bebek

Desi adalah seekor bebek

Maka desi memiliki paruh

Semua anak ayam di peternakan

Saya hanya pernah melihat anak

Semua anak ayam di dunia