UI / UX Design

Kursus ini dirancang untuk membekali peserta dengan keterampilan UI/UX design mulai dari riset pengguna, pembuatan wireframe, hingga prototyping interaktif. Dengan pendekatan berbasis proyek, peserta akan mempelajari cara menciptakan pengalaman digital yang intuitif dan menarik, serta membangun portofolio yang siap pakai untuk dunia kerja.🧭 STRUKTUR UI/UX DESIGN – 14 CHAPTER1. Pengenalan UI/UX DesignPerbedaan UI dan UXPeran desainer dalam tim produkJenis-jenis produk digital2. Prinsip Dasar Desain UXHuman-centered designEmpathy & user needsUX process overview (research → prototype → test)3. Riset Pengguna (User Research)Metode riset: wawancara, survei, observasiMembuat personaMenganalisis data pengguna4. Information Architecture & User FlowStruktur informasi & hierarki kontenMapping user flowUser journey mapping5. WireframingApa itu wireframe dan fungsinyaLow-fidelity vs high-fidelity wireframeTools dan praktik wireframing6. Dasar-dasar UI DesignPrinsip desain visual (kontras, alignment, whitespace)Elemen UI (button, form, navigasi)Grid system dan layout7. Color Theory & TypographyPsikologi warna dalam UIMemilih palet warna yang tepatPemilihan dan kombinasi font yang efektif8. Desain untuk AksesibilitasApa itu desain inklusifPrinsip aksesibilitas (WCAG)Praktik terbaik dalam mendesain untuk semua9. Prototyping InteraktifApa itu prototypeTools prototyping (Figma, Adobe XD)Membuat alur interaktif10. Usability TestingTeknik pengujian (A/B testing, guerilla testing)Mengumpulkan & menganalisis feedbackIterasi desain berdasarkan hasil testing11. Tools UI/UX PopulerFigma (fokus utama)FigJam (kolaborasi & brainstorming)Alternatif lain: Adobe XD, Sketch12. Responsive & Mobile DesignPrinsip mobile-first designAdaptasi desain untuk berbagai ukuran layarBreakpoints & media queries13. Kolaborasi & Workflow dalam TimHand-off ke developerKomunikasi dengan stakeholderMenggunakan design system & component library14. Membangun Portofolio UI/UXStudi kasus: cara menyusun & menampilkan proyekTips presentasi desainPersiapan interview & freelance pitch

Know More