SlideShare uma empresa Scribd logo
1 de 25
Baixar para ler offline
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

Mais conteúdo relacionado

Semelhante a Study Jam UIUX_Meet 1.pdf

Android umy-yogyakarta
Android umy-yogyakartaAndroid umy-yogyakarta
Android umy-yogyakartaWidy Priasmoro
 
UX Fundamental - UX Afdan.pptx
UX Fundamental - UX Afdan.pptxUX Fundamental - UX Afdan.pptx
UX Fundamental - UX Afdan.pptxAfdan Rojabi
 
UX Design Process - Developer Student Clubs.pptx
UX Design Process - Developer Student Clubs.pptxUX Design Process - Developer Student Clubs.pptx
UX Design Process - Developer Student Clubs.pptxYOSAFAT11
 
1 introduction to uiux
1 introduction to uiux1 introduction to uiux
1 introduction to uiuxSudirman
 
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
 
Seminar and DevTalk : Mastering UX Research - 5 Whys Framework
Seminar and DevTalk : Mastering UX Research - 5 Whys FrameworkSeminar and DevTalk : Mastering UX Research - 5 Whys Framework
Seminar and DevTalk : Mastering UX Research - 5 Whys Frameworkpmgdscunsri
 
Ulasan UI/UX by Mana Sempat Team
Ulasan UI/UX by Mana Sempat TeamUlasan UI/UX by Mana Sempat Team
Ulasan UI/UX by Mana Sempat TeamCavanBadiuzMaa
 
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
 
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
 
User Interface (UI) & User Experience (UX).pdf
User Interface (UI) & User Experience (UX).pdfUser Interface (UI) & User Experience (UX).pdf
User Interface (UI) & User Experience (UX).pdfMamankHD
 
Prototyping kelompok 1 tugas 1
Prototyping kelompok 1 tugas 1Prototyping kelompok 1 tugas 1
Prototyping kelompok 1 tugas 1WGAMERS
 
Design UI With Figma.pptx
Design UI With Figma.pptxDesign UI With Figma.pptx
Design UI With Figma.pptxAnanda389897
 
Penggunaan VR pada era digitalisasi dan modernisasi
Penggunaan VR pada era digitalisasi dan modernisasiPenggunaan VR pada era digitalisasi dan modernisasi
Penggunaan VR pada era digitalisasi dan modernisasiMuhammadWahyudi900199
 
Visual Design. Penting Sangat ke?
Visual Design. Penting Sangat ke?Visual Design. Penting Sangat ke?
Visual Design. Penting Sangat ke?Lalaland Media
 
2022.08.25-Siti Nurul-Role di Bidang UI UX Design_1.pptx
2022.08.25-Siti Nurul-Role di Bidang UI UX Design_1.pptx2022.08.25-Siti Nurul-Role di Bidang UI UX Design_1.pptx
2022.08.25-Siti Nurul-Role di Bidang UI UX Design_1.pptxhavorezi1
 
Lesson 04 - Desain.ppt
Lesson 04 - Desain.pptLesson 04 - Desain.ppt
Lesson 04 - Desain.pptAlTechnology
 

Semelhante a Study Jam UIUX_Meet 1.pdf (20)

Android umy-yogyakarta
Android umy-yogyakartaAndroid umy-yogyakarta
Android umy-yogyakarta
 
UX Fundamental - UX Afdan.pptx
UX Fundamental - UX Afdan.pptxUX Fundamental - UX Afdan.pptx
UX Fundamental - UX Afdan.pptx
 
UI/UX Intro
UI/UX IntroUI/UX Intro
UI/UX Intro
 
UX Design Process - Developer Student Clubs.pptx
UX Design Process - Developer Student Clubs.pptxUX Design Process - Developer Student Clubs.pptx
UX Design Process - Developer Student Clubs.pptx
 
Understanding UX as Developer
Understanding UX as DeveloperUnderstanding UX as Developer
Understanding UX as Developer
 
1 introduction to uiux
1 introduction to uiux1 introduction to uiux
1 introduction to uiux
 
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...
 
Seminar and DevTalk : Mastering UX Research - 5 Whys Framework
Seminar and DevTalk : Mastering UX Research - 5 Whys FrameworkSeminar and DevTalk : Mastering UX Research - 5 Whys Framework
Seminar and DevTalk : Mastering UX Research - 5 Whys Framework
 
Ulasan UI/UX by Mana Sempat Team
Ulasan UI/UX by Mana Sempat TeamUlasan UI/UX by Mana Sempat Team
Ulasan UI/UX by Mana Sempat Team
 
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
 
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
 
User Interface (UI) & User Experience (UX).pdf
User Interface (UI) & User Experience (UX).pdfUser Interface (UI) & User Experience (UX).pdf
User Interface (UI) & User Experience (UX).pdf
 
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 ...
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
 
Prototyping kelompok 1 tugas 1
Prototyping kelompok 1 tugas 1Prototyping kelompok 1 tugas 1
Prototyping kelompok 1 tugas 1
 
Design UI With Figma.pptx
Design UI With Figma.pptxDesign UI With Figma.pptx
Design UI With Figma.pptx
 
Penggunaan VR pada era digitalisasi dan modernisasi
Penggunaan VR pada era digitalisasi dan modernisasiPenggunaan VR pada era digitalisasi dan modernisasi
Penggunaan VR pada era digitalisasi dan modernisasi
 
Visual Design. Penting Sangat ke?
Visual Design. Penting Sangat ke?Visual Design. Penting Sangat ke?
Visual Design. Penting Sangat ke?
 
2022.08.25-Siti Nurul-Role di Bidang UI UX Design_1.pptx
2022.08.25-Siti Nurul-Role di Bidang UI UX Design_1.pptx2022.08.25-Siti Nurul-Role di Bidang UI UX Design_1.pptx
2022.08.25-Siti Nurul-Role di Bidang UI UX Design_1.pptx
 
Lesson 04 - Desain.ppt
Lesson 04 - Desain.pptLesson 04 - Desain.ppt
Lesson 04 - Desain.ppt
 
UI UX
UI UXUI UX
UI UX
 

Mais de AdiMasmudi

Study Jam UIUX_Meet 2.pdf
Study Jam UIUX_Meet 2.pdfStudy Jam UIUX_Meet 2.pdf
Study Jam UIUX_Meet 2.pdfAdiMasmudi
 
Study Jam UIUX_Final Meet.pdf
Study Jam UIUX_Final Meet.pdfStudy Jam UIUX_Final Meet.pdf
Study Jam UIUX_Final Meet.pdfAdiMasmudi
 
Day 1 - Dasar Android.pptx
Day 1 - Dasar Android.pptxDay 1 - Dasar Android.pptx
Day 1 - Dasar Android.pptxAdiMasmudi
 
Day 2 - Dasar Kotlin.pptx
Day 2 - Dasar Kotlin.pptxDay 2 - Dasar Kotlin.pptx
Day 2 - Dasar Kotlin.pptxAdiMasmudi
 
Day 3 - Activity dan View.pptx
Day 3 - Activity dan View.pptxDay 3 - Activity dan View.pptx
Day 3 - Activity dan View.pptxAdiMasmudi
 
Day 4 - RecyclerView.pptx
Day 4 - RecyclerView.pptxDay 4 - RecyclerView.pptx
Day 4 - RecyclerView.pptxAdiMasmudi
 
Study Jam Frontend #2 (Bootstrap).pptx
Study Jam Frontend #2 (Bootstrap).pptxStudy Jam Frontend #2 (Bootstrap).pptx
Study Jam Frontend #2 (Bootstrap).pptxAdiMasmudi
 
studyjam-frontend-3.pptx
studyjam-frontend-3.pptxstudyjam-frontend-3.pptx
studyjam-frontend-3.pptxAdiMasmudi
 
Getting start with vue.pptx
Getting start with vue.pptxGetting start with vue.pptx
Getting start with vue.pptxAdiMasmudi
 
Study Jam Backend.pptx
Study Jam Backend.pptxStudy Jam Backend.pptx
Study Jam Backend.pptxAdiMasmudi
 
Study Jam Backend - Firebase.pptx
Study Jam Backend - Firebase.pptxStudy Jam Backend - Firebase.pptx
Study Jam Backend - Firebase.pptxAdiMasmudi
 
[info session] Intro GDSC Trunojoyo Madura University 2022.pptx
[info session] Intro GDSC Trunojoyo Madura University 2022.pptx[info session] Intro GDSC Trunojoyo Madura University 2022.pptx
[info session] Intro GDSC Trunojoyo Madura University 2022.pptxAdiMasmudi
 

Mais de AdiMasmudi (13)

Study Jam UIUX_Meet 2.pdf
Study Jam UIUX_Meet 2.pdfStudy Jam UIUX_Meet 2.pdf
Study Jam UIUX_Meet 2.pdf
 
Study Jam UIUX_Final Meet.pdf
Study Jam UIUX_Final Meet.pdfStudy Jam UIUX_Final Meet.pdf
Study Jam UIUX_Final Meet.pdf
 
Day 1 - Dasar Android.pptx
Day 1 - Dasar Android.pptxDay 1 - Dasar Android.pptx
Day 1 - Dasar Android.pptx
 
Day 2 - Dasar Kotlin.pptx
Day 2 - Dasar Kotlin.pptxDay 2 - Dasar Kotlin.pptx
Day 2 - Dasar Kotlin.pptx
 
Day 3 - Activity dan View.pptx
Day 3 - Activity dan View.pptxDay 3 - Activity dan View.pptx
Day 3 - Activity dan View.pptx
 
Day 4 - RecyclerView.pptx
Day 4 - RecyclerView.pptxDay 4 - RecyclerView.pptx
Day 4 - RecyclerView.pptx
 
Study Jam Frontend #2 (Bootstrap).pptx
Study Jam Frontend #2 (Bootstrap).pptxStudy Jam Frontend #2 (Bootstrap).pptx
Study Jam Frontend #2 (Bootstrap).pptx
 
studyjam-frontend-3.pptx
studyjam-frontend-3.pptxstudyjam-frontend-3.pptx
studyjam-frontend-3.pptx
 
Getting start with vue.pptx
Getting start with vue.pptxGetting start with vue.pptx
Getting start with vue.pptx
 
Back-End.pptx
Back-End.pptxBack-End.pptx
Back-End.pptx
 
Study Jam Backend.pptx
Study Jam Backend.pptxStudy Jam Backend.pptx
Study Jam Backend.pptx
 
Study Jam Backend - Firebase.pptx
Study Jam Backend - Firebase.pptxStudy Jam Backend - Firebase.pptx
Study Jam Backend - Firebase.pptx
 
[info session] Intro GDSC Trunojoyo Madura University 2022.pptx
[info session] Intro GDSC Trunojoyo Madura University 2022.pptx[info session] Intro GDSC Trunojoyo Madura University 2022.pptx
[info session] Intro GDSC Trunojoyo Madura University 2022.pptx
 

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