SlideShare a Scribd company logo
1 of 76
Download to read offline
Annur
Syahdyanto
Design
Thinker
Intro to UI/UX
Annur
Syahdyanto
Design
Thinker
Annur Syahdyanto
10+ Years Product Designer
Vidio - Design Lead Business
2021 - present
Startup Studio - Product Design Coach
2020 - present
The Design Thinker - Organizer & Mentor
2020 - present
Tokopedia - Product Design Lead
2015 - 2021
Kompas Gramedia - Web Designer
2013 - 2015
Annur
Syahdyanto
Design
Thinker
Topics
Pengenalan UI/U
Proses Desig
Initial Product Requiremen
Implementasi Design Thinkin
Tips Desai
Heuristic Usabilit
Implementasi Desain
Annur
Syahdyanto
Design
Thinker
Ice Breaking
UI/UX
Pengenalan
Annur
Syahdyanto Design
Thinker
Solution
Problem
Target Customer
Underserved Needs
Value Proposition
Feature Set
UX
Product Market Fit
Perasaan, emosi, psikologi,
dan kebiasaan/perilaku
pengguna
Kemampuan produk dalam
memenuhi kebutuhan
pengguna
RESULT
Meaningfulness
Hubungan jangka panjang
antara pengguna dengan produk
Membuat produk
yang disukai orang
Product-
Market Fit
Annur
Syahdyanto
Design
Thinker
Apa itu
User Experience?
Dampak keseluruhan yang dirasakan oleh
pengguna terhadap suatu produk saat sebelum,
selama, dan setelah menggunakannya
Annur
Syahdyanto
Design
Thinker
User Interface?
Apa itu
Antarmuka dalam perangkat untuk
menjembatani interaksi antara pengguna dengan
sebuah perangkat
Annur
Syahdyanto
Design
Thinker
UX UI
UX/UI
Padaintinyaadalahsatukesatuanyangbertujuan
untukmemudahkanpenggunaberinteraksidengan
sebuahperangkatuntukmencapaitujuanmereka
Annur
Syahdyanto
Design
Thinker
Annur
Syahdyanto
Design
Thinker
Apa itu ?
“Good Design”
Annur
Syahdyanto
Design
Thinker
Annur
Syahdyanto
Design
Thinker
Annur
Syahdyanto
Design
Thinker
Annur
Syahdyanto
Design
Thinker
Apa itu ?
“Good Design”
Mudah digunakan

mudah digunakan dan dimengerti,
sehingga membuat user nyaman dalam
berinteraksi

Bermanfaat

Bermanfaat, menyelesaikan masalah
dan membantu user mencapai goalnya  


Long-Lasting

desain presisi dan jelas, sehingga
desainnya tidak menua. Karena
mengikuti trend tidak menjamin desain
kita akan tahan-lama
Konsisten

Memiliki visual dan behaviour yang
konsisten sehingga pengguna familiar
dan tidak bingung pada saat
berinteraksi
Jujur & Transparan

Menampilkan informasi apa adanya dan
memberikan value yang benar-benar
bisa user dapatkan (tidak manipulatif)

Membantu Produk Sukses 

Pada akhirnya design yang baik pasti
akan bisa membantu sebuah produk
menjadi sukses

Annur
Syahdyanto
Design
Thinker
Desain
Proses
Annur
Syahdyanto
Design
Thinker
Apa itu
Design Thinking
“Design thinking is a human-centered approach
to innovation that draws from the designer’s
toolkit to integrate the needs of people, the
possibilities of technology, and the requirements
for business success.”


- Tim Brown, Executive Chair Of IDEO
Innovation
User Needs
Business Technology
Annur
Syahdyanto
Design
Thinker
Kenapa?
Design Thinking
Memecahkan masalah yang sebenarnya
Menghasilkan solusi yang inovatif
Mengurangi resiko kegagalan
Annur
Syahdyanto
Design
Thinker
Tahapan
Design Thinking
#1
Empathize
#2
Define
#3
Ideate
#4
Prototype
#5
Test
ProductRequirement
Initial
Annur
Syahdyanto Design
Thinker
Apa itu
Initial Product 

Requirement?
merupakan hipotesis awal tentang produk yang
berisi tentang pengguna disertai dengan
masalahnya dengan scope yang jelas, dapat di
mengerti, dan dapat ditindaklanjuti.
Annur
Syahdyanto
Design
Thinker
Menentukan
Potensial 

Persona
Profilfiksidarihipotesisawalkitayang
mewakilisekelompokpenggunadanmemiliki
beberapatujuan,kriteria,dananatomi
tertentu.
Persona
Demografi
Tinggaldikot
23-40tahun
Kriteria
Kegiatansehari-harinyasibuk mengurususahadanbekerja,
memilikikepeduliansosialyangbaikuntukberbagi
TujuanUtama
Bekerjadenganbaik,daninginbermanfaatuntuksosialdan
oranglaindenganbersedekahmembagikansebagianrizkinya
Pengusaha dan
pekerja kantoran
Annur
Syahdyanto
Design
Thinker
Menentukan
Latar Belakang
Masalah
Sebuahhipotesisyangberisimasalahyang
merekaalamidanapayangperlukitaperbaiki,
sebagailandasanawalpembuatanproduk
Latar Belakang
Sebagaimakhluksosial,kitadianjurkanuntuksalingberbagidan
peduliterhadaporanglain.Ditengahperkembanganjaman
dimanaaktifitasmanusiasemakinsibukdengankegiatannya
masing-masing.Parapengusahadanpekerjakantoranadalah
yangpalingsulitdalammeluangkanwaktunya,karenamereka
sudahterfokuspadabisnis,pekerjaandankeluarganya.Disisi
lainmerekatetapinginbisamemberikanmanfaatsosialdengan
bersedekahkeoranglain.


Namundenganketerbatasanwaktudankesibukannyatersebut,
merekasulituntukbisameluangkanwaktudanseringlupa
untukbersedekah.
Annur
Syahdyanto
Design
Thinker
Menentukan
Objective
Objectiveadalahtujuanutamayanginginkita
capaiuntukpelanggan,produkataubisnis
yangakankitabuat.
Objective
Memudahkanparapengusahadanpekerjakantoranditengah
kesibukannyauntukbisaberbagidanmensedekahkansebagian
rizkinyakepadaoranglain
Annur
Syahdyanto
Design
Thinker
InitialProductRequirement
LatarBelakang
Sebagaimakhluksosial,kitadianjurkanuntuksalingberbagidanpeduli
terhadaporanglain.Ditengahperkembanganjamandimanaaktifitas
manusiasemakinsibukdengankegiatannyamasing-masing.Para
pengusahadanpekerjakantoranadalahyangpalingsulitdalam
meluangkanwaktunya,karenamerekasudahterfokuspadabisnis,
pekerjaandankeluarganya.Disisilainmerekatetapinginbisamemberikan
manfaatsosialdenganbersedekahkeoranglain.


Namundenganketerbatasanwaktudankesibukannyatersebut,mereka
sulituntukbisameluangkanwaktudanseringlupauntukbersedekah.
Objective
Memudahkanparapengusahadanpekerjakantoranditengah
kesibukannyauntukbisaberbagidanmensedekahkansebagian
rizkinyakepadaoranglain
Annur
Syahdyanto Design
Thinker
Persona
Demografi
Tinggaldikot
23-40tahun
Kriteria
Kegiatansehari-harinyasibuk mengurususahadanbekerja,
memilikikepeduliansosialyangbaikuntukberbagi
TujuanUtama
Bekerjadenganbaik,daninginbermanfaatuntuksosialdan
oranglaindenganbersedekahmembagikansebagianrizkinya
Pengusahadan
pekerjakantoran
Annur
Syahdyanto
Design
Thinker
Empathize Phase
Fase ini bertujuan untuk mengumpulkan dan
mendapatkan pemahaman yang lebih mendalam
tentang behaviour dan kebutuhan pengguna
#1
Mempersiapkan
Research
Di fase ini, Kita akan menggunakan metode yang
umum digunakan yaitu In-depth interview dan
mengundang target user kita berdasarkan
potensial persona yang telah kita tentukan. 


Kita akan mencari tahu dan memvalidasi
behaviour pengguna serta mengetahui masalah
yang sebenarnya dihadapi pengguna.
Annur
Syahdyanto
Design
Thinker
Apa itu
Behaviour?
Behavior, proses berfikir, dan cara melakukan
sesuatu atau berinteraksi dengan sesuatu di
dunia nyata.
Annur
Syahdyanto
Design
Thinker
Interview
Mulailah interview dengan bertanya ke masing-masing pengguna beberapa pertanyaan dan catat
jawaban di sticky notes kemudian petakan kedalam Hook Model Canvas.
Pertanyaan
01 Trigger
Apa yang memicu dan
menyebabkan Kamu sehingga
ingin sekali berbagi/bersedekah
kepada orang lain?
Kemudian tanyakan “Kenapa”
sebanyak mungkin atas
jawabannya untuk mengetahui
motivasi dari pengguna.
02 Action
Tindakan apa saja yang Kamu
lakukan untuk mencapai tujuan
tersebut?
03 Variable Reward
Apa yang ingin Kamu harapkan
dan dapatkan setelah melakukan
beberapa tindakan tersebut?
04 Investment
Apa yang Kamu investasikan dan
berikan untuk dapat mencapai
tujuan Kamu?
Annur
Syahdyanto
Design
Thinker
Langkah 1
Pertanyaan
Apa saja masalah yang Kamu hadapi ketika
melakukan tindakan-tindakan untuk
mencapai tujuan Kamu?
Memvalidasi
Masalah
Selanjutnya tanyakan kepada Pengguna
tentang masalah yang mereka hadapi dalam
mencapai tujuan mereka dan catat jawaban
mereka.
Annur
Syahdyanto
Design
Thinker
Langkah 2
Annur
Syahdyanto
Design
Thinker
Hook Model Canvas
External
Trigger Internal Trigger Investment
Immediate
Reward
Action
Kasihan
melihat orang
miskin
Lihat orang
sedekah,
rejekinya
banyak
Siapkan uang
setelah gajian
Mencari orang
miskin di
lingkungan
sekitar
datang ke
rumahnya
kasih uang ke
orang miskin
Siapkan uang Cari Yayasan
Catat no
rekening
Transfer uang
Sebagai rasa
syukur & Ingin
dapat pahala
Takut
rejekinya
berkurang
Waktu,

Uang
Tenaga,

uang
Rasa senang
bisa
membantu
orang lain
Hati menjadi
tenang dan
damai, berasa
dapat pahala
Ingin
bermanfaat
untuk orang
lain
Melaksanakan
perintah
agama
Ingin
mempunyai
impact sosial
Siapkan uang
Mencari
masjid yang
sedang
dibangun
Transfer uang
Catat no
rekening
Uang
Senang bisa
berkontribusi
membangun
masjid
User 3
User 1
User 2
Tujuan Utama:
Bekerja dengan baik, dan ingin bermanfaat untuk sosial dan orang lain dengan bersedekah membagikan sebagian rizkinya
Kelompokkan
Menyatukanbehavioryangserupadanrelevantdaritiap-tiappenggunamenjadisebuahMental
ModelkedalamUserJourneyMap,kemudianubahactionmenjadiflowaktifitasutamayang
dilakukanpenggunaketikamerekainginmencapaigoalmereka.
Annur
Syahdyanto
Design
Thinker
Langkah 3
Annur
Syahdyanto
Design
Thinker
User Journey Map
Tujuan Utama:
Bekerja dengan baik, dan ingin bermanfaat untuk sosial dan orang lain dengan bersedekah membagikan sebagian rizkinya
External
Trigger Internal Trigger Investment
Immediate
Reward
Preparation Discover Give
Kasihan
melihat orang
miskin
Lihat orang
sedekah,
rejekinya
banyak
Mencari orang
miskin di
lingkungan
sekitar
datang ke
lokasi atau
catat nomor
rekening
Menyiapkan
uang untuk
disedekahkan
Cari yayasan
panti asuhan
Transfer/
Kasih uang
Sebagai rasa
syukur & Ingin
dapat pahala
Takut
rejekinya
berkurang
Tenaga,
Waktu, 

Uang
Rasa senang
bisa
membantu
orang lain
Hati menjadi
tenang dan
damai, berasa
dapat pahala
Ingin
bermanfaat
untuk orang
lain
Melaksanakan
perintah
agama
Ingin
mempunyai
impact sosial
Senang bisa
berkontribusi
membangun
masjid
Mencari
masjid yang
sedang
dibangun
C
urrent
Menta
l
Mo
d
e
l
Memetakan Masalah
Kemudian petakan masalah yang telah kita dapat dari validasi tadi kedalam User Journey Map
sesuai dengan aktifitas dan flow yang terkait.
Annur
Syahdyanto
Design
Thinker
Langkah 3
Annur
Syahdyanto
Design
Thinker
User Journey Map
Tujuan Utama:
Bekerja dengan baik, dan ingin bermanfaat untuk sosial dan orang lain dengan bersedekah membagikan sebagian rizkinya
External
Trigger Internal Trigger Investment
Immediate
Reward
Preparation Discover Give
Kasihan
melihat orang
miskin
Lihat orang
sedekah,
rejekinya
banyak
Mencari orang
miskin di
lingkungan
sekitar
datang ke
lokasi atau
catat nomor
rekening
Menyiapkan
uang untuk
disedekahkan
Cari yayasan
panti asuhan
Transfer/
Kasih uang
Sebagai rasa
syukur & Ingin
dapat pahala
Takut
rejekinya
berkurang
Tenaga,
Waktu, 

Uang
Rasa senang
bisa
membantu
orang lain
Hati menjadi
tenang dan
damai, berasa
dapat pahala
Ingin
bermanfaat
untuk orang
lain
Melaksanakan
perintah
agama
Ingin
mempunyai
impact sosial
Senang bisa
berkontribusi
membangun
masjid
Mencari
masjid yang
sedang
dibangun
C
urrent
Menta
l
Mo
d
e
l
P
ro
bl
ems
Tidak tahu
nominal yang
ideal untuk
sedekah
Tidak percaya
terhadap
yayasan/
lembaga amal
Tidak ada
waktu untuk
pergi ke lokasi
Tidak tahu
uangnya
masuk atau
tidak
Takut jika tidak
disalurkan untuk
anak yatim
Tidak tahu
uangnya
dipakai untuk
apa?
Menghabis
kan uang dan
waktu
Salah dalam
mencatat
nomor
rekening
LupaNama/
no. rekening
untuk transfer
berikutnya
Uang sudah
terpakai untuk
kebutuhan
Suka lupa
untuk
sedekah
Annur
Syahdyanto
Design
Thinker
Define Phase
Menggunakan insights yang kita kumpulkan pada
fase empathize dan menerjemahkan ke dalam
bentuk “Tantangan” untuk mempermudah
mencari solusi
#2
Annur
Syahdyanto
Design
Thinker
Menentukan tantangan
HMW (How Might We)

Framework
HMW (How Might We) ini adalah metode untuk
merubah masalah dan beberapa opportunity
yang kita temukan menjadi tantangan dan
actionable statement.
Terjemahkan
Terjemahkansemuamasalahyangtervalidasidanopportunityyangkitadapatkedalambentuk
“Tantangan/Challenge”lalupetakankedalamuserjourneymapberdasarkanjourneyyang
terkait
Annur
Syahdyanto
Design
Thinker
Annur
Syahdyanto
Design
Thinker
User Journey Map
Tujuan Utama:
Bekerja dengan baik, dan ingin bermanfaat untuk sosial dan orang lain dengan bersedekah membagikan sebagian rizkinya
External
Trigger Internal Trigger Investment
Immediate
Reward
Preparation Discover Give
Kasihan
melihat orang
miskin
Lihat orang
sedekah,
rejekinya
banyak
Mencari orang
miskin di
lingkungan
sekitar
datang ke
lokasi atau
catat nomor
rekening
Menyiapkan
uang untuk
disedekahkan
Cari yayasan
panti asuhan
Transfer/
Kasih uang
Sebagai rasa
syukur & Ingin
dapat pahala
Takut
rejekinya
berkurang
Tenaga,
Waktu, 

Uang
Rasa senang
bisa
membantu
orang lain
Hati menjadi
tenang dan
damai, berasa
dapat pahala
Ingin
bermanfaat
untuk orang
lain
Melaksanakan
perintah
agama
Ingin
mempunyai
impact sosial
Senang bisa
berkontribusi
membangun
masjid
Mencari
masjid yang
sedang
dibangun
C
urrent
Menta
l
Mo
d
e
l
P
ro
bl
ems
Tidak tahu
nominal yang
ideal untuk
sedekah
Tidak percaya
terhadap
yayasan/
lembaga amal
Tidak ada
waktu untuk
pergi ke lokasi
Tidak tahu
uangnya
masuk atau
tidak
Takut jika tidak
disalurkan
untuk anak
yatim
Tidak tahu
uangnya
dipakai untuk
apa?
Sia-sia
Menghabis
kan uang dan
waktu
Salah dalam
mencatat
nomor
rekening
LupaNama/
no. rekening
untuk transfer
berikutnya
Uang sudah
terpakai untuk
kebutuhan
Suka lupa
untuk
sedekah
H
o
w
M
igh
t
W
e
HMW membuat
user tau nominal
yang ideal untuk
disedekahkan?
HMW membuat
user bisa
menyisihkan
uang untuk
sedekah?
HMW membuat
user ingat
bersedekah di
waktu yang
tepat?
HMW memicu dan memotivasi user untuk mau
berbagi dan bersedekah?
HMW
memudahkan
user menemukan
lembaga amal
yang terpercaya?
HMW
memudahkan
user mengirim
uang sedekah?
HMW membuat
user tahu status
sedekahnya
diterima/tidak?
HMW membuat
user mengetahui
penyaluran
sedekah mereka?
HMW user
merasa
sedekahnya
bermanfaat dan
tidak sia-sia?
HMW
memudahkan
user mencatat
nomor rekening?
HMW
memudahkan
saat bersedekah
di periode
berikutnya?
Annur
Syahdyanto
Design
Thinker
Ideate Phase
Mencari peluang dan solusi yang tepat untuk
membantu pengguna mencapai tujuan dan
menyelesaikan masalah mereka
#3
Generate Ideas
Ajak semua peserta untuk melakukan brainstorming mengacu kepada HMW yang sudah dibuat
dan hasilkan ide yang spesifik sebanyak-banyaknya. Letakkan dan petakan ide-ide kedalam
user journey map berdasarkan HMW dan funnel yang terkait. Kemudian masing-masing peserta
mempresentasikan ide nya.
Annur
Syahdyanto
Design
Thinker
Langkah 1
Annur
Syahdyanto
Design
Thinker
User Journey Map
Tujuan Utama:
Bekerja dengan baik, dan ingin bermanfaat untuk sosial dan orang lain dengan bersedekah membagikan sebagian rizkinya
External
Trigger Internal Trigger Investment
Immediate
Reward
Preparation Discover Give
Kasihan
melihat orang
miskin
Lihat orang
sedekah,
rejekinya
banyak
Mencari orang
miskin di
lingkungan
sekitar
datang ke
lokasi atau
catat nomor
rekening
Menyiapkan
uang untuk
disedekahkan
Cari yayasan
panti asuhan
Transfer/
Kasih uang
Sebagai rasa
syukur & Ingin
dapat pahala
Takut
rejekinya
berkurang
Tenaga,
Waktu, 

Uang
Rasa senang
bisa
membantu
orang lain
Hati menjadi
tenang dan
damai, berasa
dapat pahala
Ingin
bermanfaat
untuk orang
lain
Melaksanakan
perintah
agama
Ingin
mempunyai
impact sosial
Senang bisa
berkontribusi
membangun
masjid
Mencari
masjid yang
sedang
dibangun
C
urrent
Menta
l
Mo
d
e
l
P
ro
bl
ems
Tidak tahu
nominal yang
ideal untuk
sedekah
Tidak percaya
terhadap
yayasan/
lembaga amal
Tidak ada
waktu untuk
pergi ke lokasi
Tidak tahu
uangnya
masuk atau
tidak
Takut jika tidak
disalurkan
untuk anak
yatim
Tidak tahu
uangnya
dipakai untuk
apa?
Sia-sia
Menghabis
kan uang dan
waktu
Salah dalam
mencatat
nomor
rekening
LupaNama/
no. rekening
untuk transfer
berikutnya
Uang sudah
terpakai untuk
kebutuhan
Suka lupa
untuk
sedekah
H
o
w
M
igh
t
W
e
HMW membuat
user tau nominal
yang ideal untuk
disedekahkan?
HMW membuat
user bisa
menyisihkan
uang untuk
sedekah?
HMW membuat
user ingat
bersedekah di
waktu yang
tepat?
HMW memicu dan memotivasi user untuk mau
berbagi dan bersedekah?
HMW
memudahkan
user menemukan
lembaga amal
yang terpercaya?
HMW
memudahkan
user mengirim
uang sedekah?
HMW membuat
user tahu status
sedekahnya
diterima/tidak?
HMW membuat
user mengetahui
penyaluran
sedekah mereka?
HMW user
merasa
sedekahnya
bermanfaat dan
tidak sia-sia?
HMW
memudahkan
user mencatat
nomor rekening?
HMW
memudahkan
saat bersedekah
di periode
berikutnya?
I
d
eas
Sediakan
kalkulator
sedekah
Buat cerita inspirasional jika bersedekah terbukti
bermanfaat untuk diri sendiri dan orang lain 

(contoh: Anak-anak yang menerima sedekah menjadi
berprestasi)
Buat kegiatan
berbagi/
sedekah bareng
bersama
yayasan
Buat campaign edukasi untuk
sedekah yang baik melalui sosial
media
Sediakan
penyaluran ke
lembaga yang
sudah valid
(terverifikasi)
Sediakan
layanan transfer
dan jemput
sedekah
Buat jasa
penyaluran
sehingga user
tidak perlu
mencatat
Buat fitur auto
debet sedekah
sehingga user
tidak lupa
Beri notifikasi
info status
sedekah kepada
user
Sediakan invoice
atau tanda
terima sedekah
Sediakan laporan penyaluran dan
penggunaan dana sedekah
Ajak user untuk ikut dalam kegiatan
yayasan
Buat siaran live streaming saat
kegiatan yang menggunakan dana
sedekah
Berikan laporan dampak/prestasi dari
yayasan sebagai info dampak dari
sedekahnya
Sediakan jasa
tabungan
sedekah
Beri pengigat ke
user untuk
sedekah
Value Proposition
Manfaat yang kita berikan/tawarkan untuk menyelesaikan permasalahan dan
memenuhi kebutuhan pengguna. Sehingga pengguna memilih untuk tetap
menggunakan produk kita dibandingkan dengan yang lain.
Annur
Syahdyanto
Design
Thinker
Langkah 2
Annur
Syahdyanto
Design
Thinker
Ubah tantangan
menjadi kebutuhan
pengguna
Translate insights dan beberapa ide menjadi
user need (kebutuhan pengguna).
ValueProposition
Ini adalah untuk
dapat
BerbagiApp para pengusaha dan
pekerja kantoran mensedekahkan sebagian
rizkinya dengan transparan ke penerima yang tepat
Formula
Ini adalah
untuk dapat
(nama produk kita) 

(jenis pengguna) (user need)
Annur
Syahdyanto
Design
Thinker
Membuat Desain
Menerjemahkan ide kedalam bentuk antarmuka
pengguna agar pengguna dapat berinteraksi dan
menggunakan produk/sistem yang kita buat.
TipsDesign
Annur
Syahdyanto Design
Thinker
Jangkauan Jari
jangkauan jari sangatlah penting karena ini akan
membantu kita dalam penyusunan dan tata letak
di area manakah design kita harus diletakkan. 


Merah: Membutuhkan dua tangan 

Kuning: Perlu menggeser posisi tangan & jari
Hijau: Mudah dijangkau oleh jempol
Annur
Syahdyanto
Design
Thinker
Tangan Kiri Tangan Kanan
Annur
Syahdyanto
Design
Thinker
Spacing
Spacing sangat penting karena ini akan menjaga
tata letak elemen, hierarki, dan konsistensi. Ini
berfungsi untuk membuat design kita terlihat
rapih dan terstruktur.
8
16
24
32
48
56
Annur
Syahdyanto
Design
Thinker
Color 60-30-10 Rule
Aturan sederhana yang membagi 3 jenis warna
Warna netral atau dasar merupakan 60% dari
palet.
Warna pelengkap mengisi 30% dari palet.
Warna ketiga digunakan sebagai aksen untuk
sisa 10% desainnya.
60% 30% 10%
BerbagiApp
Sumbangan 100
Obat-obatan Ke
yayasan Budi
Penyerahan
seragam sekolah 

Korban bencana
Pemberian 100
buku ke Yayasan
Budi Pekerti
Penyaluran zakat bulan lalu
Berbagi dengan
mudah, transparan
dan tepat sasaran
Masukkan Nominal
Rp
Lanjut Bayar
Sedekah Hitung Zakat
Mau hitung atau langsung sedekah?
Annur
Syahdyanto
Design
Thinker
Typography
Typhography adalah salah satu alat komunikasi
terpenting antara user dengan aplikasi,
tujuannya untuk membuat semua teks dapat
dibaca dan terbaca.
Heading 1
Heading 2
Heading 3
Heading 4
Body Text
Caption
Bold,20pt
Bold,18pt
Bold,16pt
Bold,14pt
Regular, 14pt
Regular, 12pt
Annur
Syahdyanto
Design
Thinker
Design Principle
Sebuah prinsip penerapan informasi ke dalam
desain untuk meningkatkan estetika desain
serta fungsionalitas dan kenyamanan users.
Annur
Syahdyanto
Design
Thinker
Visual Hierarchy
Membantu menyajikan informasi dengan struktur
yang jelas sehingga pengguna bisa memahami
urutan informasi dari setiap elemen.


Visual hierarchy bisa dibedakan dengan ukuran,
warna, kontras, font, dan menggunakan prinsip-
prinsip dasar desain lainnya.
Inidibacapertama
Lalubacaini
Lalubacaini
Terakhirbacaini
Design Principle
Manusia cenderung menganggap elemen yang serupa
dalam suatu kelompok sebagai objek yang saling
berkaitan. Objek itu bisa berupa warna, ukuran, bentuk, dan
orientasi.
Contoh
Headline banner dibuat besar sendir
Menu kategori dibuat dengan bentuk lingkara
Pertandingan pilihan dibuat persegi panjang
Similarity (kesamaan)
Design Principle
Annur
Syahdyanto
Jarak
Jarak
Objek yang dekat, atau berdekatan satu sama lain,
cenderung dianggap sebagai kelompok yang sama.
Contoh:

Daftar movies disamping dibagi berdasarkan kategori/
genre yang diletakkan dengan berdekatan dan
dipisahkan dengan jarak.
Proximity (kedekatan)
Design Principle
Annur
Syahdyanto
Category

Region
Content

Region
Main 

Navigation

Region
Prinsip ini sangat terkait dengan Similarity dan Proximity.
Elemen cenderung dianggap ke dalam grup-grup jika
mereka berbagi area dengan batas yang jelas.
Contoh:

Halaman disamping memiliki beberapa grup yang jelas
Common Region
Design Principle
Annur
Syahdyanto
Prinsip kontinuitas menyatakan bahwa objek-objek
yang tersusun pada garis dianggap lebih
berhubungan daripada yang tidak berada pada garis
Contoh:

Vidio original series berada sejajar ke kanan
Continuity
Design Principle
Annur
Syahdyanto
Secara naluriah manusia melihat objek sebagai
foreground atau background. Mereka akan berdiri di
depan gambar atau terlihat di belakang.
Contoh:

Cover movie terlihat stand out berdiri di atas latar belakang
blur dan hitam.
Figure/Ground
Design Principle
Annur
Syahdyanto
Prinsip titik fokus menyatakan bahwa apa pun yang
menonjol secara visual akan mengambil perhatian
audiens lebih dulu.
Contoh:

CTA di halaman detail movie dibuat stand out untuk
menarik pengguna agar mengklik tombol “Play Now”
Focal Point
Design Principle
Annur
Syahdyanto
Usability
Heuristic
Annur
Syahdyanto Design
Thinker
Apa itu
Heuristic Usability
Adalah prinsip-prinsip dasar penggunaan
produk secara umum untuk membantu designer
menghasilkan produk yang mudah digunakan
Annur
Syahdyanto
Design
Thinker
Sistemberikaninformasikepadapengguna
tentangapayangsedangterjadi.Karena
digantungitutidakenak.
#1Visibilityofsystem
status

HeuristicUsability
Annur
Syahdyanto
Sistem harus berkomunikasi dengan
merepresentasikan dunia nyata yang
familiar, mulai dari bahasa sampai konsep
desain itu sendiri
#2 Match between system
and the real world

Heuristic Usability
Annur
Syahdyanto
Users sering tidak sengaja atau mencoba-
coba fungsi pada sistem. Sehingga
diperlukan "Emergency Exit" yang dapat
dimengerti dengan jelas.
#3 User control and
freedom
Heuristic Usability
Annur
Syahdyanto
Sistem sebaiknya memiliki desain yang
konsisten mulai dari kata, situasi, atau aksi 


Internal konsistensi: Yang terdapat dalam
produk kita secara keseluruhan


External konsistensi: 

Yang terdapat pada produk lain yang serupa
#4 Consistency and
Standards
Heuristic Usability
Annur
Syahdyanto
Desainyanglebihbaikadalahyang
mencegahmasalahterjadisejakawal.
Sebelumusermelakukankesalahan
sebaiknyaperiksadanberikankonfirmasi
sebelummerekamelakukanaksi
#5Errorprevention
HeuristicUsability
Annur
Syahdyanto
Lebih mudah mengenali sesuatu saat kita melihat
daripada mengingat.

Pengguna harus diberi opsi untuk dipilih, daripada
harus memikirkan opsi yang memungkinkan
sendiri.


Recognation: Surabaya adalah ibukota Jawa Timur

Recall: Apa ibu kota Jawa Timur?
#6 Recognition rather
than recall
Heuristic Usability
Annur
Syahdyanto
Mudah dipelajari oleh user baru, 

Cepat digunakan oleh expert user.


Flexible: Banyak cara untuk melakukan aksi
yang sama

Efficient: Ada cara lebih cepat untuk
melakukan aksi yang sama.
#7 Flexibility and
efficiency of use
Heuristic Usability
Annur
Syahdyanto
Desain minimalis adalah tentang
memastikan bahwa semua yang disajikan
itu perlu dan berguna. 

So, tidak usah lebay.
#8 Aesthetic and
Minimalist Design
Heuristic Usability
Annur
Syahdyanto
Ketikausermelakukankesalahansebisa
mungkinkomunikasiyangdisampaikan
mudahdipahamidanmemudahkanuser
untukmenyelesaikanmasalahnya.
#9Helpusersrecognize,
diagnose,andrecover
fromerrors

HeuristicUsability
Annur
Syahdyanto
Idealnya, semua sistem bisa berjalan tanpa
membutuhkan bantuan, tapi itu tidak
mungkin. Ketika bantuan dan dokumentasi
dibutuhkan, mereka harus mudah diakses,
dimengerti dan akurat.
#10 Help and
documentation
Heuristic Usability
Annur
Syahdyanto
BuatUserFlow
Buatmainflowyangdimulaidarimomentawaldihalamanmanapenggunapertamakaliberada
danberinteraksidenganproductkitasampaipenggunamencapaigoalnya.
Annur
Syahdyanto Design
Thinker
Langkah1
Annur
Syahdyanto
Design
Thinker
User Flow
Visit Landing 

Page
Pilih Yayasan/

Lembaga penyalur
Sukses

Bayar
Dapat Laporan 

penyaluran
Pambayaran Penawaran

AutoDebet
Hitung/input 

nominal Sedekah
Dapat Laporan

Penggunaan Dana
Dapat Laporan

Dampak Sedekah
Preparation Discover Give Rewards
Sitemap
Sitemap/diagramperencanaandanstrukturhalamanweb/appyangtersusundalam
bentukhierarki,yangmasing-masinghalamannyasalingterhubungdandapatdiakses
olehpenggunauntukmenjalankanserangkaiantask.
Annur
Syahdyanto
Design
Thinker
Langkah 2
Annur
Syahdyanto
Design
Thinker
Sitemap
Homepage
Registrasi Kalkulator Sedekah
Artikel dan

Kegiatan
Riwayat Sedekah Akun
Penyalur Sedekah
Detail 

Artikel/Kegiaatan
Laporan Sedekah
Dampak Sedekah
Detail 

Transaksi
Pembayaran
Sitemap
BerbagiApp
Pemberian 100
buku ke Yayasan
Budi Pekerti
Penyerahan
seragam
sekolah
Pemberian 100
buku ke Yayasan
Budi Pekerti
Penyaluran zakat bulan lalu
Artikel & Kegiatan
Selain mendapat pahala dan
membersihkan dosa,
bersedekah juga akan

5 hari lalu
Manfaat dari sedekah
Santunan rutin ini diadakan
setahun sekali, tahun ini
diselenggarakan pada
Minggu
Kegiatan Santunan Yatim
Mau hitung atau langsung sedekah?
Masukkan Nominal
Rp
Sedekah
Sedekah Hitung Zakat
Home Berita Riwayat Akun
Partner Yayasan
Nama 

Partner
Nama 

Partner
Nama 

Partner
Nama 

Partner
Nama 

Partner
Mari berbagi dengan
nyaman, transparan
dan tepat sasaran
Berita
Selain mendapat pahala dan
membersihkan dosa,
bersedekah juga akan 

5 hari lalu
Manfaat dari sedekah
Santunan rutin ini diadakan
setahun sekali, tahun ini
diselenggarakan pada

2 minggu lalu
Kegiatan Santunan Yatim
Santunan rutin ini diadakan
setahun sekali, tahun ini
diselenggarakan pada
Minggu
Kegiatan Santunan Yatim
Kepala Dusun Tutul menyelenggarakan santunan
anak yatim, janda, dan kaum dhuafa.
Kegiatan santunan anak yatim bulan ini
Home Berita Riwayat Akun
Artikel Kegiatan
Riwayat
Home Berita Riwayat Akun
Semua Berhasil Menunggu Pembayaran
19 April 2023 ID Transaksi: 10293
Sedekah: Rp80.000 Berhasil
2 Maret 2023 ID Transaksi: 10293
Sedekah: Rp100.000 Berhasil
1 Februari 2023 ID Transaksi: 10293
Sedekah: Rp120.000 Berhasil
3 Januari 2023 ID Transaksi: 10293
Sedekah: Rp80.000 Berhasil
4 Desember 2023 ID Transaksi: 10293
Sedekah: Rp100.000 Berhasil
Laporan Sedekah
Terima kasih telah bersedekah dengan berbagiApp.  

Sedekahmu pada tanggal 19 April 2023 telah berhasil
disalurkan untuk Wakaf Masjid Az-Zahra yang terletak
di Desa Cahaya Negeri, Kec. Abung Barat, Kab.
Lampung Utara.


Sejatinya berwakaf untuk membangun masjid ibarat
investasi untuk masa depan, menyiapkan tempat
tinggal terbaik di akhirat.


Semoga setiap gema adzan, jejak kaki jamaah dan
lirih khusu' doa di Masjid Az-Zahra ini menjadi amal
jariah yang tak terputus sampai yaumil akhir nanti.
Kembali
Sedekahmu berhasil disalurkan
19 April 2023 ID Transaksi: 10293
Sedekah: Rp80.000 Berhasil
Dampak Sedekahmu
Wakaf Masjid Az-Zahra Selesai Dibangun
Alhamdulillah tanah seluas 550 m2 telah berdiri
masjid kokoh dengan 2 lantai, Masjid Az-Zahra ini
terletak di Desa Cahaya Negeri, Kec. Abung Barat, Kab.
Lampung Utara. Masjid ini mampu menampung
hingga 550 jamaah, selain untuk kegiatan Ibadah
Masjid ini juga digunakan untuk sentra pendidikan
yang diharapakan turut meningkatkan pendidikan.
Testimoni:
"Alhamdulillah ada masjid baru yang
besar, kokoh dan bagus di desa kami,
warga jadi rajin shalat berjamaah",
Deskripsi Donatur
Bagikan dampak sedekahmu agar
memotivasi orang lain bersdekah
Bagikan
Pembayaran
Nominal Sedekah: Rp 80.000
Kurangi penghasilan kena pajak
Perkiraan Distribusi: 31 Juni 2023
Metode Pembayaran: Pilih
Lembaga Penyalur: Dipilihkan Admin Edit
Bayar
Laporan penyaluran sedekah akan dikirim
maks 1 bulan setelah sedekah diterima
Sitemap
BerbagiApp
Berbagi dengan
mudah, transparan
dan tepat sasaran
Sumbangan 100
Obat-obatan Ke
yayasan Budi
Penyerahan
seragam sekolah 

Korban bencana
Pemberian 100
buku ke Yayasan
Budi Pekerti
Penyaluran zakat bulan lalu
Artikel & Kegiatan
Selain mendapat pahala dan
membersihkan dosa,
bersedekah juga akan ...

5 hari lalu
Manfaat dari sedekah
Santunan rutin ini diadakan
setahun sekali, tahun ini
diselenggarakan pada ... 

2 minggu lalu
Kegiatan Santunan Yatim
Home Eksplore Riwayat Akun
Partner Yayasan
Satu

Partner
Yayasan

Dua
Patner

Ke tiga
Nama 

Partner
Nama 

Partner
Masukkan Nominal
Rp
Lanjut Bayar
Sedekah Hitung Zakat
Mau hitung atau langsung sedekah?
Eksplor
Selain mendapat pahala dan
membersihkan dosa,
bersedekah juga akan ... 

5 hari lalu
Manfaat dari sedekah
Santunan rutin ini diadakan
setahun sekali, tahun ini
diselenggarakan pada ...

2 minggu lalu
Kegiatan Santunan Yatim
Santunan rutin ini diadakan
setahun sekali, tahun ini
diselenggarakan pada
Minggu
Pembagian Seragam
Kepala Dusun Tutul menyelenggarakan santunan
anak yatim, janda, dan kaum dhuafa.
Kegiatan santunan anak yatim bulan ini
Artikel Kegiatan
Home Eksplore Riwayat Akun
Riwayat Sedekah
Home Berita Riwayat Akun
19 April 2023 ID Transaksi: 10293
Sedekah: Rp80.000 Berhasil
2 Maret 2023 ID Transaksi: 10293
Sedekah: Rp100.000 Berhasil
1 Februari 2023 ID Transaksi: 10293
Sedekah: Rp120.000 Berhasil
3 Januari 2023 ID Transaksi: 10293
Sedekah: Rp80.000 Berhasil
4 Desember 2023 ID Transaksi: 10293
Sedekah: Rp100.000 Berhasil
Semua Berhasil Menunggu Pembayaran
Laporan Sedekah
Terima kasih telah bersedekah dengan berbagiApp.  

Sedekahmu pada tanggal 19 April 2023 telah berhasil
disalurkan untuk Wakaf Masjid Az-Zahra yang terletak
di Desa Cahaya Negeri, Kec. Abung Barat, Kab.
Lampung Utara.


Sejatinya berwakaf untuk membangun masjid ibarat
investasi untuk masa depan, menyiapkan tempat
tinggal terbaik di akhirat.


Semoga setiap gema adzan, jejak kaki jamaah dan
lirih khusu' doa di Masjid Az-Zahra ini menjadi amal
jariah yang tak terputus sampai yaumil akhir nanti.
Kembali
Sedekahmu berhasil disalurkan
2 Maret 2023 ID Transaksi: 10293
Sedekah: Rp100.000 Berhasil
Dampak Sedekahmu
Wakaf Masjid Az-Zahra Selesai Dibangun
Alhamdulillah tanah seluas 550 m2 telah berdiri
masjid kokoh dengan 2 lantai, Masjid Az-Zahra ini
terletak di Desa Cahaya Negeri, Kec. Abung Barat, Kab.
Lampung Utara. Masjid ini mampu menampung
hingga 550 jamaah, selain untuk kegiatan Ibadah
Masjid ini juga digunakan untuk sentra pendidikan
yang diharapakan turut meningkatkan pendidikan.
Testimoni:
"Alhamdulillah ada masjid baru yang
besar, kokoh dan bagus di desa kami,
warga jadi rajin shalat berjamaah",
Bagikan dampak sedekahmu agar
memotivasi orang lain bersdekah
Bagikan
Deskripsi Donatur
Pembayaran
Nominal Sedekah: Rp 80.000
Kurangi penghasilan kena pajak
Perkiraan Distribusi: 31 Juni 2023
Metode Pembayaran: Pilih
Lembaga Penyalur: Dipilihkan Admin Edit
Bayar
Laporan penyaluran sedekah akan dikirim
maks 1 bulan setelah sedekah diterima
i
Terimakasih
Annur
Syahdyanto Design
Thinker

More Related Content

Similar to Materi Introduction to UIUX.pdf

PDKT WITH UIUX DESIGN.pdf
PDKT WITH UIUX DESIGN.pdfPDKT WITH UIUX DESIGN.pdf
PDKT WITH UIUX DESIGN.pdfSriIndarti24
 
07 UI _ UX DESIGN - Fundamental [2].pptx
07 UI _ UX DESIGN - Fundamental [2].pptx07 UI _ UX DESIGN - Fundamental [2].pptx
07 UI _ UX DESIGN - Fundamental [2].pptxMaheswararivaiJamhur
 
6e902f5a-1187-4b6a-8ec3-411ca64a8defpdf.pdf
6e902f5a-1187-4b6a-8ec3-411ca64a8defpdf.pdf6e902f5a-1187-4b6a-8ec3-411ca64a8defpdf.pdf
6e902f5a-1187-4b6a-8ec3-411ca64a8defpdf.pdfJanuarAdiPutra3
 
GITS Webinar: How to Build UI/UX Portfolio that Stand Out
GITS Webinar: How to Build UI/UX Portfolio that Stand Out GITS Webinar: How to Build UI/UX Portfolio that Stand Out
GITS Webinar: How to Build UI/UX Portfolio that Stand Out GITS Indonesia
 
Kenalan Sama Design Thinking
Kenalan Sama Design ThinkingKenalan Sama Design Thinking
Kenalan Sama Design ThinkingFri Rasyidi
 
PZSIB Dunia Product Design.pdf
PZSIB Dunia Product Design.pdfPZSIB Dunia Product Design.pdf
PZSIB Dunia Product Design.pdfRiskyardiansyah9
 
(2021). Silabus_ Training "CREATIVE THINKING and DECISION MAKING"
(2021). Silabus_ Training "CREATIVE THINKING and DECISION MAKING"(2021). Silabus_ Training "CREATIVE THINKING and DECISION MAKING"
(2021). Silabus_ Training "CREATIVE THINKING and DECISION MAKING"Kanaidi ken
 
Baparekraf Digital Talent Day: Monitoring dan Coaching Penerima Fasilitasi BD...
Baparekraf Digital Talent Day: Monitoring dan Coaching Penerima Fasilitasi BD...Baparekraf Digital Talent Day: Monitoring dan Coaching Penerima Fasilitasi BD...
Baparekraf Digital Talent Day: Monitoring dan Coaching Penerima Fasilitasi BD...DicodingEvent
 
1 introduction to uiux
1 introduction to uiux1 introduction to uiux
1 introduction to uiuxSudirman
 
bahan PPT pertemuan 1A.docx
bahan PPT pertemuan 1A.docxbahan PPT pertemuan 1A.docx
bahan PPT pertemuan 1A.docxfatekbisIGA
 
Seminar and DevTalk : Mastering UX Research - What is UX Research
Seminar and DevTalk : Mastering UX Research - What is UX ResearchSeminar and DevTalk : Mastering UX Research - What is UX Research
Seminar and DevTalk : Mastering UX Research - What is UX Researchpmgdscunsri
 
Bisnis plan
Bisnis planBisnis plan
Bisnis planibnuelm
 
Proses Perancangan - Buku Computer Graphic Design
Proses Perancangan - Buku Computer Graphic DesignProses Perancangan - Buku Computer Graphic Design
Proses Perancangan - Buku Computer Graphic DesignHendi Hendratman
 
UI & UX kel 5.pptx
UI & UX kel 5.pptxUI & UX kel 5.pptx
UI & UX kel 5.pptxrifqiarif6
 
Fundamental of UI_UX - Developer Student Clubs.pptx
Fundamental of UI_UX - Developer Student Clubs.pptxFundamental of UI_UX - Developer Student Clubs.pptx
Fundamental of UI_UX - Developer Student Clubs.pptxYOSAFAT11
 
DESIGN THINGKING & PROJECT MANAGEMENT
DESIGN THINGKING & PROJECT MANAGEMENTDESIGN THINGKING & PROJECT MANAGEMENT
DESIGN THINGKING & PROJECT MANAGEMENTLusiana Diyan
 
Berpikir kreatif dan inovasi diklatpim iv indra ridwadinata
Berpikir kreatif dan inovasi diklatpim iv indra ridwadinataBerpikir kreatif dan inovasi diklatpim iv indra ridwadinata
Berpikir kreatif dan inovasi diklatpim iv indra ridwadinataIndra Riswadinata
 

Similar to Materi Introduction to UIUX.pdf (20)

PDKT WITH UIUX DESIGN.pdf
PDKT WITH UIUX DESIGN.pdfPDKT WITH UIUX DESIGN.pdf
PDKT WITH UIUX DESIGN.pdf
 
07 UI _ UX DESIGN - Fundamental [2].pptx
07 UI _ UX DESIGN - Fundamental [2].pptx07 UI _ UX DESIGN - Fundamental [2].pptx
07 UI _ UX DESIGN - Fundamental [2].pptx
 
6e902f5a-1187-4b6a-8ec3-411ca64a8defpdf.pdf
6e902f5a-1187-4b6a-8ec3-411ca64a8defpdf.pdf6e902f5a-1187-4b6a-8ec3-411ca64a8defpdf.pdf
6e902f5a-1187-4b6a-8ec3-411ca64a8defpdf.pdf
 
GITS Webinar: How to Build UI/UX Portfolio that Stand Out
GITS Webinar: How to Build UI/UX Portfolio that Stand Out GITS Webinar: How to Build UI/UX Portfolio that Stand Out
GITS Webinar: How to Build UI/UX Portfolio that Stand Out
 
Kenalan Sama Design Thinking
Kenalan Sama Design ThinkingKenalan Sama Design Thinking
Kenalan Sama Design Thinking
 
Space identity bank mantap
Space identity bank mantapSpace identity bank mantap
Space identity bank mantap
 
PZSIB Dunia Product Design.pdf
PZSIB Dunia Product Design.pdfPZSIB Dunia Product Design.pdf
PZSIB Dunia Product Design.pdf
 
(2021). Silabus_ Training "CREATIVE THINKING and DECISION MAKING"
(2021). Silabus_ Training "CREATIVE THINKING and DECISION MAKING"(2021). Silabus_ Training "CREATIVE THINKING and DECISION MAKING"
(2021). Silabus_ Training "CREATIVE THINKING and DECISION MAKING"
 
Baparekraf Digital Talent Day: Monitoring dan Coaching Penerima Fasilitasi BD...
Baparekraf Digital Talent Day: Monitoring dan Coaching Penerima Fasilitasi BD...Baparekraf Digital Talent Day: Monitoring dan Coaching Penerima Fasilitasi BD...
Baparekraf Digital Talent Day: Monitoring dan Coaching Penerima Fasilitasi BD...
 
1 introduction to uiux
1 introduction to uiux1 introduction to uiux
1 introduction to uiux
 
Persiapan Tahap Diagnose Laboratorium Inovasi Kota Samarinda
Persiapan Tahap Diagnose Laboratorium Inovasi Kota SamarindaPersiapan Tahap Diagnose Laboratorium Inovasi Kota Samarinda
Persiapan Tahap Diagnose Laboratorium Inovasi Kota Samarinda
 
bahan PPT pertemuan 1A.docx
bahan PPT pertemuan 1A.docxbahan PPT pertemuan 1A.docx
bahan PPT pertemuan 1A.docx
 
Seminar and DevTalk : Mastering UX Research - What is UX Research
Seminar and DevTalk : Mastering UX Research - What is UX ResearchSeminar and DevTalk : Mastering UX Research - What is UX Research
Seminar and DevTalk : Mastering UX Research - What is UX Research
 
Bisnis plan
Bisnis planBisnis plan
Bisnis plan
 
Proses Perancangan - Buku Computer Graphic Design
Proses Perancangan - Buku Computer Graphic DesignProses Perancangan - Buku Computer Graphic Design
Proses Perancangan - Buku Computer Graphic Design
 
UI & UX kel 5.pptx
UI & UX kel 5.pptxUI & UX kel 5.pptx
UI & UX kel 5.pptx
 
Fundamental of UI_UX - Developer Student Clubs.pptx
Fundamental of UI_UX - Developer Student Clubs.pptxFundamental of UI_UX - Developer Student Clubs.pptx
Fundamental of UI_UX - Developer Student Clubs.pptx
 
DESIGN THINGKING & PROJECT MANAGEMENT
DESIGN THINGKING & PROJECT MANAGEMENTDESIGN THINGKING & PROJECT MANAGEMENT
DESIGN THINGKING & PROJECT MANAGEMENT
 
Berpikir kreatif dan inovasi diklatpim iv indra ridwadinata
Berpikir kreatif dan inovasi diklatpim iv indra ridwadinataBerpikir kreatif dan inovasi diklatpim iv indra ridwadinata
Berpikir kreatif dan inovasi diklatpim iv indra ridwadinata
 
Design-Thinking2.pdf
Design-Thinking2.pdfDesign-Thinking2.pdf
Design-Thinking2.pdf
 

Materi Introduction to UIUX.pdf