Bahan_Paparan_Pemodelan_Antarmuka_Figma.pptx

Bahan paparan Pemodelan antar muka - Figma

1. Pemodelan Antarmuka Pengguna Sistem Menggunakan Figma

2. Pendahuluan - Pentingnya antarmuka pengguna (UI) - Peran UI dalam pengembangan sistem - Tujuan: • Memahami UI/UX • Mengenal Figma • Membuat prototipe UI

3. Konsep Dasar UI/UX - UI (User Interface) vs UX (User Experience) - Prinsip UI: konsistensi, navigasi intuitif, feedback - Pendekatan desain: Design Thinking, User-Centered Design

4. Mengenal Figma - Aplikasi desain UI berbasis cloud - Kolaboratif dan real-time - Fitur utama: artboards, components, styles, plugins

5. Alur Kerja Desain di Figma - Wireframe: struktur dasar antarmuka - UI: styling, layout, design system - Prototype: interaksi dan animasi - Testing dan iterasi

6. Studi Kasus dan Demo - Kasus: Desain UI aplikasi layanan publik - Langkah: Wireframe → UI → Prototype - Simulasi perbaikan berdasarkan feedback

7. Kolaborasi dan Handoff - Komunikasi desainer-developer - Fitur Inspect di Figma - Dokumentasi design specification

8. Penutup - Rangkuman materi - Tips desain efisien di Figma - Tanya Jawab

9. Referensi - Lidwell, W., Holden, K., & Butler, J. (2010). Universal Principles of Design - Norman, D. (2013). The Design of Everyday Things - Figma.com - Official Documentation and Community - Nielsen Norman Group: www.nngroup.com