Desain Tampilan Web & Aplikasi (UI) Dasar

Setelah kelas ini, Anda bisa

• Membuat wireframe di kertas dan di aplikasi desain antarmuka
• Menyusun komponen tombol, kartu, dan formulir yang konsisten
• Membuat purwarupa yang bisa diklik untuk 5–6 layar
• Melakukan uji pengguna sederhana dan memperbaiki desain

Silabus per pertemuan

12 pertemuan, masing-masing sekitar 2 jam. Urutan bisa sedikit menyesuaikan kecepatan kelas.

1. Pertemuan Pert. 1

   Apa itu UI dan UX

   Membaca alur pengguna dari aplikasi sehari-hari.

2. Pertemuan Pert. 2

   Sketsa wireframe

   Wireframe di kertas, 6 sketsa cepat per layar.

3. Pertemuan Pert. 3

   Grid dan jarak

   Grid 4 dan 12 kolom, kelipatan 8 piksel, ukuran layar ponsel dan desktop.

4. Pertemuan Pert. 4

   Tipografi layar

   Ukuran teks yang terbaca, kontras warna, aksesibilitas.

5. Pertemuan Pert. 5–6

   Komponen

   Tombol, kolom isian, kartu, navigasi; varian dan status.

6. Pertemuan Pert. 7–8

   Desain layar

   Beranda, daftar, detail, formulir untuk studi kasus.

7. Pertemuan Pert. 9

   Purwarupa

   Menghubungkan layar, transisi sederhana, berbagi tautan purwarupa.

8. Pertemuan Pert. 10

   Uji pengguna

   Menyusun 3 tugas uji, mengamati 3 penguji, mencatat temuan.

9. Pertemuan Pert. 11

   Perbaikan dan serah terima

   Revisi dari temuan, dokumentasi komponen untuk pemrogram.

10. Pertemuan Pert. 12

    Proyek akhir

    Presentasi studi kasus dan penilaian.

Proyek akhir

Jadwal batch