Pendahuluan
Desain User Interface (UI) dan User Experience (UX) memainkan peran penting dalam pengembangan aplikasi dan website. UI berfokus pada tampilan visual dan estetika, sedangkan UX memastikan kenyamanan serta kemudahan dalam navigasi.
Dalam industri digital saat ini, kebutuhan akan desainer UI/UX semakin meningkat. Oleh karena itu, menguasai keterampilan UI/UX menjadi nilai tambah bagi seorang desainer grafis muda. Pelatihan ini akan membekali peserta dengan keterampilan praktis dalam mendesain wireframe, prototipe, serta memahami prinsip UI/UX yang baik, menggunakan Figma dan Adobe XD.
Setelah menyelesaikan pelatihan, peserta berhak mengikuti sertifikasi BNSP sebagai Desainer Grafis Muda, yang akan menjadi bukti kompetensi profesional di bidang UI/UX.
Unit Kompetensi
Pelatihan ini mencakup beberapa unit kompetensi utama:
-
Pengenalan UI/UX Design
-
Dasar-dasar desain UI dan UX
-
Perbedaan antara UI dan UX
-
-
Wireframing dan Prototyping
-
Membuat wireframe dengan Figma
-
Menyusun prototipe interaktif
-
-
Prinsip UI/UX dalam Desain Aplikasi dan Website
-
Hierarki visual dan tata letak
-
Warna, tipografi, dan iconografi
-
-
Pengujian dan Validasi Desain
-
Usability testing dan iterasi desain
-
Implementasi feedback dari pengguna
-
Contoh Studi Kasus dan Penyelesaiannya
Studi Kasus:
Seorang desainer UI/UX diminta untuk membuat tampilan login untuk aplikasi mobile menggunakan Figma dengan elemen berikut:
-
Field input untuk email dan password
-
Tombol login dengan efek hover
-
Link “Lupa Password?”
-
Tombol “Masuk dengan Google”
Penyelesaian dengan Figma:
-
Buka Figma, buat frame baru dengan ukuran iPhone 13 (390 x 844 px).
-
Tambahkan elemen berikut:
-
Rectangle untuk background
-
Input field dengan placeholder “Email” dan “Password”
-
Tombol login dengan warna biru dan teks putih
-
Teks hyperlink “Lupa Password?” dengan warna biru muda
-
Ikon Google dan teks “Masuk dengan Google”
-
-
Gunakan Auto Layout agar komponen fleksibel.
-
Tambahkan interaksi:
-
Hover effect pada tombol login
-
Navigasi dari layar login ke halaman dashboard
-
-
Simpan dan export hasil desain dalam format PNG atau SVG untuk pengujian.
Silabus Pelatihan dalam 2 Hari
| Hari | Topik | Materi |
|---|---|---|
| Hari 1 | Dasar UI/UX dan Prinsip Desain | – Perbedaan UI dan UX – Hierarki visual dalam desain |
| Wireframing dan Layout | – Membuat wireframe aplikasi – Prinsip tata letak yang baik |
|
| Hari 2 | Prototyping dan Interaksi | – Membuat prototipe interaktif – Simulasi user flow dengan Figma |
| Pengujian dan Evaluasi Desain | – Usability testing – Implementasi feedback dari pengguna |
Kesimpulan
Pelatihan ini memberikan keterampilan desain UI/UX untuk aplikasi dan website, mulai dari dasar hingga tahap prototyping menggunakan Figma dan Adobe XD. Dengan sertifikasi BNSP, peserta akan memiliki keunggulan kompetitif di dunia industri digital.
Pelatihan ini dapat diikuti secara online dengan biaya Rp700.000. Untuk informasi lebih lanjut mengenai pelatihan dan sertifikasi, silakan kunjungi:
🔗 Skema Sertifikasi BNSP Bidang Komputer