Design UI/UX Website menggunakan Figma untuk Pemula

-

Tentang Kelas
Tingkat Materi
Dasar

Total Durasi Kelas
15 jam

Tentang Kelas/Deskripsi
Pelatihan ini menggunakan moda Webinar

Rujukan Okupasi: Critical Occupation List (COL) 2018 / Desainer UI/UX

Kompetensi yang dilatih:
Pada pelatihan ini, peserta akan dilatih untuk memperoleh kompetensi yang dibutuhkan dalam merancang user interface dan user experience.

Gambaran Pelatihan:
Peluang bagi desainer UI/UX meluas secara global, dengan berbagai industri mencari profesional yang terampil. Perusahaan-perusahaan di sektor-sektor seperti teknologi, e-commerce, kesehatan, dan keuangan aktif mencari desainer UI/UX untuk meningkatkan keberadaan digital mereka dan meningkatkan kepuasan pengguna.

Kelas ini dirancang tidak hanya memberikan dasar-dasar desain, tetapi juga memberikan keterampilan praktis hingga mengeksplor Figjam dan mengaplikasikannya dalam pengujian kegunaan menjadi nilai tambah yang signifikan. Dengan target pencapaian kemahiran sebesar 80%, peserta akan mampu membuat desain UI yang tidak hanya menarik secara visual tetapi juga berfokus pada pengalaman pengguna yang optimal. Oleh karena itu, penting bagi siapa saja yang ingin meningkatkan kemampuan mereka sebagai Desainer UI/UX untuk mengikuti pelatihan ini.

Deskripsi Metode Pembelajaran
Metode ajar yang digunakan adalah ceramah interaktif, studi kasus, dan bahan bacaan dengan penugasan praktek

Metode Evaluasi
Pre Test
Post Test
Skill Test

Tujuan Pembelajaran

Tujuan Umum
Peserta mampu menyusun Design UI Website sesuai dengan tujuan pembuatannya dengan mendapatkan nilai 80% pada unjuk keterampilan

Tujuan Khusus
1. Peserta mampu membuat kuesioner yang bersifat tepat sasaran
2. Peserta mampu membuat aset dengan menggunakan fitur-fitur pada Figma
3. Peserta mampu membuat prototype UI/UX sederhana dengan menggunakan tools dan shortcut pada Figma
4. Peserta mampu mengaplikasikan prinsip UI Design
5. Peserta mampu menggunakan Figjam dalam proses usability testing

Kurikulum dan Kompetensi
Kurikulum
Pertemuan 1
14.00-17.00 WIB (180 menit - Pengenalan pada Dasar UI/UX Design)

Pertemuan 2
14.00-17.00 WIB (180 menit - Pengenalan Fitur pada Figma Tahap Awal)

Pertemuan 3
14.00-17.00 WIB (180 menit - Pengenalan Fitur pada Figma Tahap Lanjutan)

Pertemuan 4
14.00 - 17.00 WIB (180 menit - Tahapan dalam membuat Landing Page dengan High Conversion Rate)

Pertemuan 5
14.00 - 17.00 WIB (180 menit - Merancang Usability Testing)

Aspek Kompetensi
Pengetahuan (Kognisi)
1. Perbedaan antara UI dan UX
2. Design Thinking dalam UI/UX Design
3. Pembuatan kuesioner dan pondasi dalam UI/UX Design
4. Perbedaan size dan grid pada mobile dan desktop
5. Tools page, layer, shape, fill, stroke, dan effects
6. Penggunaan color dan text style
7. Tipe tipe shortcut dan plugin pada Figma
8. Tools auto layout, component, dan variant
9. Komponen dalam sebuah website
10. Prinsip dasar UI Design
11. Prinsip warna dan standar tipografi dalam UI Design
12. Tahapan usability testing
13. Tipe-tipe usability testing
14. Pemanfaat Figjam dalam proses usability testing

Sikap Kerja (Afeksi)
1. Teliti dalam membuat Design Thinking
2. Berpikir analitis saat membuat kuesioner
3. Teliti dalam menggunakan size website
4. Teliti saat menggunakan tools di figma
5. Kreatif dalam menggunakan color dan text style
6. Teliti dalam menggunakan tools yang ada di Figma
7. Efektif dalam penggunaan shortcut Figma
8. Kreatif dalam menggunakan warna, tipografi dan style icon
9. Teliti dalam melakukan usability testing
10. Inisiatif dalam menggunakan Figjam

Keterampilan (Psikomotor)
1. Menyusun kuesioner untuk mengetahui kebutuhan pengguna website
2. Membuat contoh usability heuristics
3. Merancang frame dan grid sesuai kebutuhan user
4. Membuat aset dalam figma
5. Menyusun list konten pada website
6. Membuat protype
7. Menggunakan fitur kolaborasi dalam Figma
8. Membuat wireframe
9. Mengimplementasi 5 prinsip UI
10. Membuat palet warna berdasarkan rule 60-30-10
11. Membuat contoh usability testing
12. Melakukan usability testing menggunakan fitur Figjam

Fasilitas
1. Ujian & Evaluasi
2. Sertifikat Digital

Jenis Sertifikat
1. Sertifikat Penyelesaian Pelatihan

Instruktur
Kerin Dela
Pengalaman Bekerja
- UX Research and Design Section Head - PT. MNC Okezone Network (MNC Media) - Mei 2021 s.d. Saat ini
- UI/UX Designer - Nukegraphic Indonesia - Februari 2019 s.d. Mei 2021

Pengalaman Mengajar
Tidak Ada

Pengalaman Presentasi Publik (Public Speaking) Dalam 5 Tahun Terakhir
Tidak Ada

Syarat dan Cara Mengikuti Pelatihan

Syarat dan Ketentuan
- Berusia 18-64 tahun
- Pendidikan terakhir minimal SMP
- Sehat jasmani dan rohani
- Mengunduh aplikasi Figma
- Memiliki Laptop/Komputer dan Smartphone

Cara Mengikuti Pelatihan
Cara Mendapatkan dan Menukarkan Kode Voucher untuk User
1. Setelah berhasil membeli pelatihan, peserta akan mendapatkan email berisi kode redeem dari Prakerja dan email berisi kode voucher dari digital platform
2. Kunjungi link https://www.masteringskill.com/id/redeem-prakerja, buatlah akun sebelum melanjutkan
Catatan: Gunakan nama lengkap dan email yang sesuai dengan ID Prakerja. Data tersebut akan ditampilkan pada sertifikat hingga kelas berakhir pastikan data diri dengan benar.
3. Input kode redeem.
4. Input kode voucher.
5. Klik gunakan voucher untuk lanjut ke tahap verifikasi.
6. Setelah kode redeem diinput, peserta akan langsung diarahkan ke halaman login di website Prakerja untuk melakukan verifikasi wajah.
7. Peserta akan langsung diarahkan ke halaman pelatihan setelah verifikasi wajah berhasil