Study Jam UIUX_Meet 1.pdf

A
INTRODUCTION
TO BE IDEAL
UI UX DESIGNER
Dulu yuk!
Perkenalan
+
Apasih UI/UX
Designer Itu??
Gunanya Apa
Maksudnya apa
Introducing to UI/UX
Caranya Gimana
Gambar doang,
gajinya berapa?
User Experience
UX berarti pengalaman
pengguna. Yaitu
bagaimana pengguna dari
suatu produk berinteraksi
dengan produk tersebut.
Introducing to UI/UX
User Interface
UI berarti antarmuka
pengguna . Yaitu bentuk
tampilan grafis yang ada
pada perangkat atau
produk yang dilihat dan
berhubungan dengan
pengguna.
Ada yang
ngerasa aneh?
Introducing to UI/UX
Kalo ini ada yang
ngerasa aneh?
Introducing to UI/UX
Introducing to UI/UX
Ada yang tau
bedanya?
Berapa sih
Gaji UI/UX Designer?
UI/UX Salary
3.000.000???
8.000.000???
10.000.000???
20.000.000???
Significant result
Berdasarkan
research kami
di laman
Glassdoor
+
12-13Jt
Per Bulan
UI/UX Salary
11-12Jt
Per Bulan
10-11Jt
Per Bulan
4-5Jt
Per Bulan
6-7Jt
Per Bulan
Terus cara
belajarnya gimanaa???
Implementation
Ngoding gak?
Cara biar gak
bikin bingung
dev?
Ada metodenya?
Cara biar user
friendly gimana?
Biar bisa interaktif?
Biar bisa interaktif?
Apa aja sih
metode yang
digunakan
para UI/UX
Designer?
Design
Thinking
01
User
Centered
Design
02
Human
Centered
Design
03
Metode UI/UX Design
Sampe sini ada
pertanyaan gak?
Good
products
always have
good
research
Apa yang
kita bahas?
Untuk Design
Process?
+
Research Step
Apa itu
Design
Thinking?
01
Kegunaan
Design
Thinking
02
Lima Fase
dalam Design
Thinking
03
Kamu familiar kan sama istilah metode? Yap~
Metode itu cara yang ditempuh untuk mencapai
tujuan tertentu. Kalo dalam penelitian, kita
mengenal yang namanya metode kualitatif
dan kuantitatif.
Dalam desain produk, ada metodenya
tersendiri. Yang disebut Design Thinking.
Apasih itu
Design Thinking
Introducing to UI/UX
Kegunaan
Design Thinking
Introducing to UI/UX
Empathize
Define
Ideate
Prototype
Testing
1.
2.
3.
4.
5.
5 Fase dalam Design Thinking
Fase pertama dari proses design thinking adalah
memahami permasalahan yang ada.
Cara memahami permasalahan bisa melalui observasi
(mengamati secara langsung) atau melalui wawancara
secara one-on-one dengan user untuk memahami
kesan mereka terhadap suatu produk.
Empathise
Setelah memperoleh data mengenai kesan dan kebutuhan user melalui
observasi maupun wawancara, selanjutnya seorang desainer UI/UX
melakukan proses define (memilah data sehingga dapat dipetakan inti
permasalahan).
Pemetaan inti permasalahan harus dilakukan dari sudut
pandang user. Misal, memetakan inti permasalahan dengan kalimat
“orang dewasa di kota A perlu trotoar yang lebar agar nyaman dipakai
untuk jogging”. Alih-alih menggunakan kalimat “kita perlu membuat
trotoar yang lebar”.
Define
Ideate
Setelah masalah dipetakan dalam fase define,
selanjutnya desainer UI/UX melakukan brainstorming,
mind mapping, dan ideasi untuk menciptakan suatu
produk yang mampu menjawab permasalahan user.
Fase brainstorming ini disebut ideate.
Pada fase ini, seorang desainer UI/UX dituntut untuk
berpikir out of the box, kreatif, dan inovatif.
Prototype
Setelah brainstorming dan ideasi selesai, selanjutnya
produk mulai dirancang dalam fase prototype.
Desainer UI/UX dan tim produksi bekerja sama untuk
merancang produk sesuai hasil ideasi.
Prototype
Setelah produk selesai, selanjutnya akan diuji
kelayakannya di internal tim atau pada tim lain. Proses
pengujian ini disebut fase testing.
Tujuannya, untuk mengetahui kelayakan dan kegunaan
produk sebelum disebarluaskan pada user.
Tahap ini penting banget, buat mastiin kalo produk
bener-bener layak digunakan.
Penting untuk di catat!
Lima fase pada gambar nggak harus linear.
Maksudnya, lima fase design thinking itu nggak harus
berjalan step by step atau sesuai urutan dari fase 1 sampai 5.
Tapi, bisa aja nggak berurutan.
Jadi, fase design thinking ini dapat berjalan tidak linear,
tetapi fleksibel, dan iteratif (berulang).
Sampe sini ada
pertanyaan?
Next kita bahas tentang
Empathize dan Define lebih detail
Introducing to UI/UX
Klik sini
1 de 25

Recomendados

UI & UX kel 5.pptxUI & UX kel 5.pptx
UI & UX kel 5.pptxrifqiarif6
42 visualizações13 slides
UX Design.pptxUX Design.pptx
UX Design.pptxRiskaDhenabayu
18 visualizações29 slides
BAB_III1.pptxBAB_III1.pptx
BAB_III1.pptxSlamet Achwandy
5 visualizações43 slides
Materi Introduction to UIUX.pdfMateri Introduction to UIUX.pdf
Materi Introduction to UIUX.pdfssusera99749
13 visualizações76 slides

Mais conteúdo relacionado

Similar a Study Jam UIUX_Meet 1.pdf

UX Fundamental - UX Afdan.pptxUX Fundamental - UX Afdan.pptx
UX Fundamental - UX Afdan.pptxAfdan Rojabi
16 visualizações26 slides
UI/UX IntroUI/UX Intro
UI/UX IntroRezkaBunaiyaPrayudha
23 visualizações31 slides
1 introduction to uiux1 introduction to uiux
1 introduction to uiuxSudirman
354 visualizações37 slides

Similar a Study Jam UIUX_Meet 1.pdf(20)

UX Fundamental - UX Afdan.pptxUX Fundamental - UX Afdan.pptx
UX Fundamental - UX Afdan.pptx
Afdan Rojabi16 visualizações
UI/UX IntroUI/UX Intro
UI/UX Intro
RezkaBunaiyaPrayudha23 visualizações
Understanding UX as DeveloperUnderstanding UX as Developer
Understanding UX as Developer
Faizal Rahman Hakim499 visualizações
1 introduction to uiux1 introduction to uiux
1 introduction to uiux
Sudirman 354 visualizações
Ulasan UI/UX by Mana Sempat TeamUlasan UI/UX by Mana Sempat Team
Ulasan UI/UX by Mana Sempat Team
CavanBadiuzMaa95 visualizações
07 UI _ UX DESIGN - Fundamental [2].pptx07 UI _ UX DESIGN - Fundamental [2].pptx
07 UI _ UX DESIGN - Fundamental [2].pptx
MaheswararivaiJamhur5 visualizações
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
MULTIMEDIA 'n BROADCASTING SMKN 1 PUNGGING MOJOKERTO2.5K visualizações
Prototyping kelompok 1 tugas 1Prototyping kelompok 1 tugas 1
Prototyping kelompok 1 tugas 1
WGAMERS354 visualizações
Design UI With Figma.pptxDesign UI With Figma.pptx
Design UI With Figma.pptx
Ananda38989715 visualizações
Lesson 04 - Desain.pptLesson 04 - Desain.ppt
Lesson 04 - Desain.ppt
AlTechnology6 visualizações
UI UXUI UX
UI UX
SMKASSUUDIYYAH13 visualizações
PZSIB Dunia Product Design.pdfPZSIB Dunia Product Design.pdf
PZSIB Dunia Product Design.pdf
Riskyardiansyah96 visualizações
Powerfull Design Presentation by: Yuda Mahendra AsmaraPowerfull Design Presentation by: Yuda Mahendra Asmara
Powerfull Design Presentation by: Yuda Mahendra Asmara
Yuda Mahendra Asmara1.2K visualizações
Profil Desain Modern IndonesiaProfil Desain Modern Indonesia
Profil Desain Modern Indonesia
Muhammad Nur Ridhoaji201 visualizações
Ui designer 101Ui designer 101
Ui designer 101
lega adilawati127 visualizações
Design sprint-by Raden Bagoes YudhaDesign sprint-by Raden Bagoes Yudha
Design sprint-by Raden Bagoes Yudha
Rbyudha143 visualizações
Kelompok 2_Desain Interaksi.pptxKelompok 2_Desain Interaksi.pptx
Kelompok 2_Desain Interaksi.pptx
AnnaUrnika1117 visualizações

Mais de AdiMasmudi

Study Jam UIUX_Meet 2.pdfStudy Jam UIUX_Meet 2.pdf
Study Jam UIUX_Meet 2.pdfAdiMasmudi
9 visualizações20 slides
Study Jam UIUX_Final Meet.pdfStudy Jam UIUX_Final Meet.pdf
Study Jam UIUX_Final Meet.pdfAdiMasmudi
9 visualizações27 slides
Day 1 - Dasar Android.pptxDay 1 - Dasar Android.pptx
Day 1 - Dasar Android.pptxAdiMasmudi
11 visualizações11 slides
Day 2 - Dasar Kotlin.pptxDay 2 - Dasar Kotlin.pptx
Day 2 - Dasar Kotlin.pptxAdiMasmudi
27 visualizações18 slides
Day 3 - Activity dan View.pptxDay 3 - Activity dan View.pptx
Day 3 - Activity dan View.pptxAdiMasmudi
19 visualizações18 slides
Day 4 - RecyclerView.pptxDay 4 - RecyclerView.pptx
Day 4 - RecyclerView.pptxAdiMasmudi
18 visualizações7 slides

Mais de AdiMasmudi(13)

Study Jam UIUX_Meet 2.pdfStudy Jam UIUX_Meet 2.pdf
Study Jam UIUX_Meet 2.pdf
AdiMasmudi9 visualizações
Study Jam UIUX_Final Meet.pdfStudy Jam UIUX_Final Meet.pdf
Study Jam UIUX_Final Meet.pdf
AdiMasmudi9 visualizações
Day 1 - Dasar Android.pptxDay 1 - Dasar Android.pptx
Day 1 - Dasar Android.pptx
AdiMasmudi11 visualizações
Day 2 - Dasar Kotlin.pptxDay 2 - Dasar Kotlin.pptx
Day 2 - Dasar Kotlin.pptx
AdiMasmudi27 visualizações
Day 3 - Activity dan View.pptxDay 3 - Activity dan View.pptx
Day 3 - Activity dan View.pptx
AdiMasmudi19 visualizações
Day 4 - RecyclerView.pptxDay 4 - RecyclerView.pptx
Day 4 - RecyclerView.pptx
AdiMasmudi18 visualizações
Study Jam Frontend #2 (Bootstrap).pptxStudy Jam Frontend #2 (Bootstrap).pptx
Study Jam Frontend #2 (Bootstrap).pptx
AdiMasmudi11 visualizações
studyjam-frontend-3.pptxstudyjam-frontend-3.pptx
studyjam-frontend-3.pptx
AdiMasmudi8 visualizações
Getting start with vue.pptxGetting start with vue.pptx
Getting start with vue.pptx
AdiMasmudi8 visualizações
Back-End.pptxBack-End.pptx
Back-End.pptx
AdiMasmudi17 visualizações
Study Jam Backend.pptxStudy Jam Backend.pptx
Study Jam Backend.pptx
AdiMasmudi17 visualizações
Study Jam Backend - Firebase.pptxStudy Jam Backend - Firebase.pptx
Study Jam Backend - Firebase.pptx
AdiMasmudi19 visualizações

Study Jam UIUX_Meet 1.pdf

  • 3. Apasih UI/UX Designer Itu?? Gunanya Apa Maksudnya apa Introducing to UI/UX Caranya Gimana Gambar doang, gajinya berapa?
  • 4. User Experience UX berarti pengalaman pengguna. Yaitu bagaimana pengguna dari suatu produk berinteraksi dengan produk tersebut. Introducing to UI/UX User Interface UI berarti antarmuka pengguna . Yaitu bentuk tampilan grafis yang ada pada perangkat atau produk yang dilihat dan berhubungan dengan pengguna.
  • 6. Kalo ini ada yang ngerasa aneh? Introducing to UI/UX
  • 7. Introducing to UI/UX Ada yang tau bedanya?
  • 8. Berapa sih Gaji UI/UX Designer? UI/UX Salary 3.000.000??? 8.000.000??? 10.000.000??? 20.000.000???
  • 9. Significant result Berdasarkan research kami di laman Glassdoor + 12-13Jt Per Bulan UI/UX Salary 11-12Jt Per Bulan 10-11Jt Per Bulan 4-5Jt Per Bulan 6-7Jt Per Bulan
  • 10. Terus cara belajarnya gimanaa??? Implementation Ngoding gak? Cara biar gak bikin bingung dev? Ada metodenya? Cara biar user friendly gimana? Biar bisa interaktif? Biar bisa interaktif?
  • 11. Apa aja sih metode yang digunakan para UI/UX Designer? Design Thinking 01 User Centered Design 02 Human Centered Design 03 Metode UI/UX Design
  • 13. Good products always have good research Apa yang kita bahas? Untuk Design Process? + Research Step Apa itu Design Thinking? 01 Kegunaan Design Thinking 02 Lima Fase dalam Design Thinking 03
  • 14. Kamu familiar kan sama istilah metode? Yap~ Metode itu cara yang ditempuh untuk mencapai tujuan tertentu. Kalo dalam penelitian, kita mengenal yang namanya metode kualitatif dan kuantitatif. Dalam desain produk, ada metodenya tersendiri. Yang disebut Design Thinking.
  • 18. Fase pertama dari proses design thinking adalah memahami permasalahan yang ada. Cara memahami permasalahan bisa melalui observasi (mengamati secara langsung) atau melalui wawancara secara one-on-one dengan user untuk memahami kesan mereka terhadap suatu produk. Empathise
  • 19. Setelah memperoleh data mengenai kesan dan kebutuhan user melalui observasi maupun wawancara, selanjutnya seorang desainer UI/UX melakukan proses define (memilah data sehingga dapat dipetakan inti permasalahan). Pemetaan inti permasalahan harus dilakukan dari sudut pandang user. Misal, memetakan inti permasalahan dengan kalimat “orang dewasa di kota A perlu trotoar yang lebar agar nyaman dipakai untuk jogging”. Alih-alih menggunakan kalimat “kita perlu membuat trotoar yang lebar”. Define
  • 20. Ideate Setelah masalah dipetakan dalam fase define, selanjutnya desainer UI/UX melakukan brainstorming, mind mapping, dan ideasi untuk menciptakan suatu produk yang mampu menjawab permasalahan user. Fase brainstorming ini disebut ideate. Pada fase ini, seorang desainer UI/UX dituntut untuk berpikir out of the box, kreatif, dan inovatif.
  • 21. Prototype Setelah brainstorming dan ideasi selesai, selanjutnya produk mulai dirancang dalam fase prototype. Desainer UI/UX dan tim produksi bekerja sama untuk merancang produk sesuai hasil ideasi.
  • 22. Prototype Setelah produk selesai, selanjutnya akan diuji kelayakannya di internal tim atau pada tim lain. Proses pengujian ini disebut fase testing. Tujuannya, untuk mengetahui kelayakan dan kegunaan produk sebelum disebarluaskan pada user. Tahap ini penting banget, buat mastiin kalo produk bener-bener layak digunakan.
  • 23. Penting untuk di catat! Lima fase pada gambar nggak harus linear. Maksudnya, lima fase design thinking itu nggak harus berjalan step by step atau sesuai urutan dari fase 1 sampai 5. Tapi, bisa aja nggak berurutan. Jadi, fase design thinking ini dapat berjalan tidak linear, tetapi fleksibel, dan iteratif (berulang).
  • 25. Next kita bahas tentang Empathize dan Define lebih detail Introducing to UI/UX Klik sini