Pendahuluan
Desain UI/UX (User Interface / User Experience) adalah salah satu keterampilan paling dicari dalam industri teknologi saat ini, terutama untuk menciptakan pengalaman pengguna yang optimal pada aplikasi dan situs web. Figma dan Adobe XD adalah dua alat desain terkemuka yang digunakan oleh para desainer grafis untuk merancang antarmuka pengguna (UI) dan pengalaman pengguna (UX).
Pelatihan Desainer Grafis Muda dengan fokus pada UI/UX Design menggunakan Figma dan Adobe XD akan membantu peserta menguasai keterampilan dasar hingga lanjutan dalam menciptakan desain antarmuka yang interaktif dan pengalaman pengguna yang menarik. Pelatihan ini juga disertai dengan sertifikasi BNSP yang diakui secara profesional, yang akan meningkatkan kredibilitas peserta di dunia industri desain.
Unit Kompetensi
Pelatihan ini mencakup unit kompetensi berikut:
-
Pengenalan UI/UX Design:
-
Pengenalan konsep dasar UI/UX Design.
-
Proses desain UX mulai dari riset pengguna hingga prototyping.
-
-
Penggunaan Figma untuk Desain UI:
-
Membuat desain antarmuka menggunakan Figma.
-
Menggunakan tools Figma untuk wireframing dan prototyping interaktif.
-
-
Penggunaan Adobe XD untuk UI/UX Design:
-
Mendesain dan membuat prototipe antarmuka pengguna di Adobe XD.
-
Menambahkan interaksi dan transisi untuk meningkatkan pengalaman pengguna.
-
-
Prototyping dan User Testing:
-
Membuat prototipe interaktif dan uji coba pengalaman pengguna.
-
Menggunakan alat desain untuk pengujian usability dan iterasi desain.
-
Contoh Studi Kasus dan Penyelesaiannya
Studi Kasus: Mendesain Halaman Login Aplikasi Menggunakan Figma dan Adobe XD
Tugas: Mendesain halaman login untuk aplikasi mobile menggunakan Figma dan Adobe XD dengan mempertimbangkan UX design principles seperti kemudahan akses dan navigasi.
Langkah-langkah Pengerjaan:
-
Mendesain di Figma:
-
Buat wireframe sederhana untuk halaman login, dengan elemen seperti kolom input untuk username, password, dan tombol login.
-
Tentukan warna dan elemen desain untuk menciptakan kesan visual yang bersih dan minimalis.
-
Gunakan fitur Figma untuk menambahkan interaksi sederhana seperti hover effect pada tombol login.
-
-
Mendesain di Adobe XD:
-
Buat layout halaman login menggunakan Adobe XD dengan tools yang lebih terfokus pada interaksi dan animasi.
-
Tambahkan tombol interaktif dan transisi antar halaman (misalnya, setelah login sukses, pindah ke halaman utama).
-
-
Penyelesaian:
-
Finalisasi desain dengan pengaturan elemen secara konsisten di seluruh halaman.
-
Ekspor desain dan prototipe untuk diuji pada perangkat pengguna atau tim pengujian.
-
Penyelesaian: Desain halaman login yang profesional dan interaktif, siap untuk pengujian usability dan iterasi lebih lanjut.
Silabus dalam 2 Hari Pelatihan
| Hari | Topik | Materi |
|---|---|---|
| Hari 1 | Pengenalan UI/UX Design dan Figma | – Dasar-dasar UI/UX Design – Menggunakan Figma untuk wireframing dan desain antarmuka – Desain interaktif dengan Figma |
| Desain UI/UX dengan Figma | – Membuat prototipe interaktif – Penggunaan Figma untuk kolaborasi tim dan feedback |
|
| Hari 2 | Penggunaan Adobe XD untuk UI/UX Design | – Pengenalan Adobe XD untuk desain UI – Membuat layout dan elemen antarmuka – Desain interaktif dan animasi |
| Prototyping dan User Testing dengan Adobe XD | – Membuat prototipe fungsional dan interaktif – Pengujian usability dan iterasi desain – Finalisasi proyek desain |
Kesimpulan
Pelatihan UI/UX Design dengan menggunakan Figma dan Adobe XD ini akan memberi peserta keterampilan desain grafis yang sangat dibutuhkan di industri teknologi. Dengan sertifikasi BNSP yang diberikan, peserta dapat meningkatkan keterampilan dan membuktikan kemampuan mereka dalam mendesain antarmuka pengguna yang efektif dan menarik. Pelatihan ini dapat diikuti secara online dengan biaya yang sangat terjangkau yaitu Rp700.000. Untuk informasi lebih lanjut mengenai pelatihan dan sertifikasi, Anda dapat mengunjungi Skema Sertifikasi BNSP Bidang Komputer.