Silabus UI/UX Design Master Class dengan Adobe XD (3 Hari, 9:00 – 16:00)
Total: 3 Hari (18 Jam, dengan istirahat 12:00 – 13:00)
???? Hari 1: Pengenalan UI/UX & Dasar Adobe XD
⏰ 09:00 – 12:00 (Sesi 1)
✅ Pendahuluan UI/UX Design
- Pengertian UI (User Interface) dan UX (User Experience)
- Perbedaan UI vs UX
- Prinsip Desain UX: Usability, Accessibility, Visual Hierarchy
- Tren UI/UX terbaru di industri
✅ Dasar-Dasar Adobe XD
- Mengenal Antarmuka Adobe XD
- Tools dan fitur utama
- Artboard dan pengaturan grid
- Pemilihan warna dan tipografi
⏳ 12:00 – 13:00
⏰ 13:00 – 16:00 (Sesi 2)
✅ Wireframing dan Layouting
- Konsep wireframing dalam UX
- Membuat low-fidelity wireframe
- Struktur tata letak halaman (Grids, Columns, Spacing)
- Best practice dalam wireframing
✅ Praktik: Membuat Wireframe Aplikasi Mobile
- Hands-on: Membuat wireframe untuk aplikasi e-commerce sederhana
???? Hari 2: Desain Visual & Prototyping Interaktif
⏰ 09:00 – 12:00 (Sesi 1)
✅ High-Fidelity UI Design di Adobe XD
- Membuat UI yang menarik dan responsif
- Pemilihan warna, ikon, dan elemen grafis
- Membuat komponen reusable (buttons, cards, navbar)
- Variasi layout untuk mobile vs desktop
✅ Membuat Style Guide & Design System
- Pembuatan komponen UI yang konsisten
- Library warna, tipografi, dan ikon
- Aturan desain untuk menjaga konsistensi
⏳ 12:00 – 13:00
⏰ 13:00 – 16:00 (Sesi 2)
✅ Prototyping Interaktif & Animasi
- Membuat prototipe navigasi antar halaman
- Micro-interactions & animasi transisi
- Simulasi user flow dalam Adobe XD
✅ Praktik: Membuat Prototipe Website Responsif
- Hands-on: Membuat prototipe interaktif untuk website bisnis
???? Hari 3: Pengujian UX, Kolaborasi, & Finalisasi Proyek
⏰ 09:00 – 12:00 (Sesi 1)
✅ User Testing & Iterasi Desain
- Teknik pengujian UX (Usability Testing, A/B Testing)
- Cara mendapatkan feedback dari pengguna
- Menganalisis pain points pengguna
- Iterasi desain berdasarkan hasil testing
✅ Adobe XD untuk Kolaborasi
- Fitur berbagi proyek dengan tim
- Eksport desain untuk developer
- Integrasi dengan tools lain (Figma, Zeplin, dll.)
⏳ 12:00 – 13:00
⏰ 13:00 – 16:00 (Sesi 2)
✅ Finalisasi Proyek & Presentasi
- Penyempurnaan desain berdasarkan feedback
- Dokumentasi dan handoff untuk developer
- Presentasi proyek UI/UX hasil dari kelas
- Diskusi dan sesi tanya jawab
???? Hasil Akhir Setelah 3 Hari:
✅ Peserta memahami konsep dasar UI/UX
✅ Mampu menggunakan Adobe XD secara profesional
✅ Mampu membuat wireframe, UI design, dan prototipe interaktif
✅ Menguasai teknik pengujian UX dan kolaborasi desain
✅ Mempresentasikan proyek UI/UX yang siap dikembangkan
???? Bonus:
???? Template UI Kit & Design System siap pakai
???? Sertifikat Partisipasi
