Pertemuan 1 - Pengantar UI/UX Design .pptx

Pengantar UI/UX Design

1. UI dan UX Design Pengantar Kuliah

2. Pendahuluan UI (User Interface): tampilan antarmuka pengguna UX (User Experience): pengalaman pengguna saat memakai produk UI bagus → tampilan menarik UX bagus → produk mudah dipahami & nyaman

3. Perbedaan UI & UX UI → fokus pada visual, warna, ikon, tipografi UX → fokus pada alur, kemudahan, kepuasan UI: 'Bagaimana tampilannya?' UX: 'Bagaimana rasanya dipakai?'

4. Prinsip UI Design Consistency: konsisten dalam warna, ikon, gaya Clarity: tampilan jelas, mudah dipahami Hierarchy: elemen penting lebih menonjol Feedback: ada respon ketika pengguna berinteraksi

5. Prinsip UX Design Useful: sesuai kebutuhan pengguna Usable: mudah digunakan Desirable: memberi pengalaman menyenangkan Accessible: dapat diakses semua orang Credible: menumbuhkan kepercayaan

6. Proses UX Design 1. Research: memahami pengguna 2. Define: tentukan masalah & kebutuhan 3. Ideate: membuat ide solusi 4. Prototype: buat wireframe/mockup 5. Test: uji coba dengan pengguna 6. Iterate: perbaikan berdasarkan feedback

7. Tools untuk UI/UX UI Design: Figma, Adobe XD, Sketch Prototyping: InVision, Marvel User Research: Google Forms, Maze, Hotjar

8. Studi Kasus: Aplikasi Ride-Hailing UI → warna khas, ikon jelas, tombol besar UX → pemesanan mudah hanya 3-4 langkah

9. Kesimpulan UI = tampilan antarmuka UX = pengalaman pengguna UI dan UX harus berjalan bersama agar produk efektif dan menyenangkan