1. Teknologi, Informatika
Daring
Merancang UI/UX untuk Aplikasi Smartphone (Daring)
Kelas .com
Mengenai Institusi

Kelas .com
Detail Kelas
Usia 18 - 64 Tahun
Kelas Online
SMA/SMK Sederajat - S3
Tentang Kelas
Tingkat Materi
Menengah
Total Durasi Kelas
15 jam
Detail Lokasi
-
Tentang Kelas/Deskripsi
Pelatihan ini menggunakan moda Webinar dengan Okupasi Pelatihan Arsitek Solusi Cloud dan Desainer UI/UX dari Critical Occupation List (COL). Pelatihan UI/UX Designer memberikan pengetahuan mengenai cara merancang antarmuka yang baik dan pengalaman pengguna yang nyaman. Dengan mempelajari manajemen target pengguna, membuat rencana UX, dan praktik desain dengan Figma. Dalam pelatihan ini, peserta akan diberikan bekal pengetahuan dalam merancang User Interface (UI) dan User Experience (UX) agar aplikasi yang dikembangkan memiliki antarmuka yang intuitif dan menarik. Peserta akan mempelajari identifikasi sumber kebutuhan perangkat lunak dan teknik elisitasi yang sesuai untuk memahami kebutuhan pengguna dengan baik. Selanjutnya, mereka akan diajarkan cara menyusun dokumentasi spesifikasi perangkat lunak untuk memastikan pemahaman yang jelas dan komprehensif terhadap proyek pengembangan perangkat lunak.
Deskripsi Metode Pembelajaran
Metode ajar yang digunakan adalah ceramah interaktif, serta bahan bacaan dengan penugasan praktek
Metode Evaluasi
Pre Test
Kuis
TPM
Post Test
Unjuk Keterampilan
Tujuan Pembelajaran
Tujuan Umum
Peserta pelatihan mampu mendesain UI dan UX dengan menunjukkan minimal 80% penguasaan materi saat unjuk keterampilan.
Tujuan Khusus
1. Peserta mampu menentukan pengertian dan perbedaan UI/UX, serta menggambarkan Learning Roadmap seorang UI/UX Designer.
2. Peserta mampu menggunakan teori desain, psikologi digital dan product Design, serta warna, tipografi dan filosofi desain.
3. Peserta mampu menentukan target pengguna menggunakan User Persona, menggunakan customer experience map untuk melakukan UX Design dan membuat product Backlog: user stories.
4. Peserta mampu melakukan prototype, wireframe dan mock up dengan menggunakan figma.
5. Peserta mampu melakukan Usability Testing, Incremental A/B Testing dan Multivariate Testing, dan dokumentasi UX.
Kurikulum dan Kompetensi
Kurikulum
Pertemuan 1
18:30 - 18:50 WIB (20 menit - Sesi pembuka dan aktivitas commit)
18:50 - 20:30 WIB (100 menit - Memulai Perjalanan Seorang UI/UX Designer)
1. Pengertian dan perbedaan UI/UX.
2. Konsep dasar UI dan UX dari meme dan ilustrasi sederhana, serta benda di sekeliling.
3. Peran, tugas, dan kualifikasi seorang UI/UX Designer.
4. Learning Roadmap seorang UI/UX Designer: UI/UX Designer Roadmap 2017 - Github & Self-Taught UI/UX Designer 2021- Andy Chan.
20:30 - 21:00 WIB (60 menit - aktivitas practice)
Pertemuan 2
18:30 - 18:50 WIB (20 menit - Aktivitas commit)
18:50 - 20:30 WIB (100 menit - Fundamental UI/UX Design)
1. Teori desain: warna, tipografi dan filosofi desain.
2. Psikologi digital: Laws of UX & Human Decision Making.
3. roduct design: Empathising, Defining, Ideating, Prototyping, Testing, serta agile/scrum workflow.
4. Framework: Fogg Behavior Model dan Decision-Making Models.
5. Panduan Mobile & Web: iOS Human Interface Guideline dan Google Material Design, serta goodui.org.
20:30 - 21:00 WIB (60 menit - aktivitas practice)
Pertemuan 3
18:30 - 18:50 WIB (20 menit - Aktivitas commit)
18:50 - 20:30 WIB (100 menit - Practice UX Design)
1. Produk yang dikembangkan: Target Outcome, Target Actor, Target Action.
2. User Persona & customer experience map.
3. Keep It Simple, Stupid (KISS).
4. Product Backlog: user stories.
20:30 - 21:00 WIB (60 menit - aktivitas practice)
Pertemuan 4
18:30 - 18:50 WIB (20 menit - Aktivitas commit)
18:50 - 20:30 WIB (100 menit - Practice UI Design)
1. Konsep Prototype dan MockUp
2. Melakukan eksplorasi Figma yang digunakan dalam mengembangkan Prototype dan Mock Up.
3. Membuat Prototype dan Mock Up.
4. Melakukan pembuatan wireframing & prototyping di Figma.
20:30 - 21:00 WIB (60 menit - aktivitas practice)
Pertemuan 5
18:30 - 18:50 WIB (20 menit - Aktivitas commit)
18:50 - 20:30 WIB (100 menit - Saatnya Usability Testing!)
1. Mengenal pengertian Usability Testing
2. Manfaat dan kegunaan dari Usability Testing
3. Langkah-langkah Usability Testing
4. Incremental A/B Testing dan Multivariate Testing
5. Dokumentasi UX.
20:30 - 21:00 WIB (60 menit - aktivitas practice)
Aspek Kompetensi
Pengetahuan (Kognisi)
1. Peran, tugas, dan kualifikasi seorang UI/UX Designer.
2. Panduan Mobile & Web: iOS Human Interface Guideline dan Google Material Design, serta goodui.org.
3. Produk yang akan dikembangkan.
4. Figma dan berbagai fitur di dalamnya.
5. Usability Testing.
Sikap Kerja (Afeksi)
1. Teliti, cermat dan adaptif terhadap konsep dasar UI dan UX secara komprehensif.
2. Terampil dan cakap dalam melakukan Framework: Fogg Behavior Model dan mengaplikasikan Decision-Making Models dengan teliti.
3. Inovatif dan Komprehensif dalam menggunakan customer experience map & user persona untuk melakukan UX Design dengan detail dan tepat.
4. Cermat dan mendetail dalam melakukan eksplorasi konsep Prototype dan Mock Up secara kreatif dan inovatif.
5. Teliti dan cermat dalam membedakan Usability Testing dalam melakukan testing dengan kredibel dan akurat.
Keterampilan (Psikomotor)
1. Membangun Learning Roadmap seorang UI/UX Designer agar dapat menyesuaikan keterampilan/kualifikasi yang dibutuhkan sebagai UI/UX Designer, serta mengadaptasi penggunaan konsep - konsep dasar UI/UX.
2. Mengadopsi teori desain, psikologi digital dan product design ke dalam pekerjaan desainer UI/UX.
3. Mengaplikasikan UX Research untuk membangun produk yang akan dibuat dengan menggunakan customer experience map & user persona secara detail dan tepat.
4. Melakukan pembuatan wireframing & prototyping di Figma dengan menggunakan konsep secara kreatif dan inovatif.
5. Mengerjakan Usability Testing dengan tingkat kredibilitas dan keakuratan yang tinggi.
Fasilitas
1. Ujian & Evaluasi Pembelajaran
2. Sertifikat Digital
Jenis Sertifikat
1. Sertifikat Penyelesaian Pelatihan
Instruktur
Arya Ronggo Suwingyo
Pengalaman Bekerja
- Agustus 2023 - sekarang : Senior UI/UX Designer di Mobee Digital Asset Exchance
- Desember 2021 - Agustus 2023 : Senior UI/UX Designer di SehatQ
- Agustus 2022 - Maret 2023 : Freelance UX Generalist di Telkom Indonesia
- Maret 2020 - Desember 2021 : UI/UX Designer di Equity Life Indonesia, merupakan outsourcing dari PTN Infotech
- Desember 2017 - Februari 2020 : UI/UX Designer di BTS.id
Pengalaman Mengajar
- 2022 : UI/UX Facilitator di Binar Academy
Syarat dan Cara Mengikuti Pelatihan
Syarat
1. Peserta memiliki usia minimal 18 tahun ke atas
2. Syarat pendidikan minimal peserta mengikuti webinar adalah minimal SMA/SMK sederajat
3. Memiliki gawai/ perangkat elektronik untuk mengikuti webinar
Cara Mengikuti Pelatihan
Langkah Redeem Kode Voucher
1. Buka link https://kelas.com/
2. Lakukan login atau daftar akun (apabila kamu belum memiliki akun kelas.com)
3. Masuk ke katalog prakerja
4. Pilih kelas yang ingin kamu redeem
5. Pilih tombol redeem kelas
6. Kamu akan diarahkan ke halaman Form Aktivasi Kelas Kartu Prakerja
7. Masukan Kode Voucher dan Kode Redeem yang sudah kamu terima
8. Klik tombol "Tukarkan" (pastikan kamu redeem sesuai jam redeem yang sudah ditentukan Prakerja)
*Note : untuk 1 kode voucher hanya dapat ditukarkan 1x
Langkah Redeem Redemption Code
1. Buka link https://kelas.com/
2. Lakukan login atau daftar akun (apabila kamu belum memiliki akun kelas.com)
3. Masuk ke katalog prakerja
4. Pilih kelas yang ingin kamu redeem
5. Pilih tombol redeem kelas
6. Kamu akan diarahkan ke halaman Form Aktivasi Kelas Kartu Prakerja
7. Masukan Kode Voucher dan Kode Redeem yang sudah kamu terima
8. Klik tombol "Tukarkan" (pastikan kamu redeem sesuai jam redeem yang sudah ditentukan Prakerja)
*Note : untuk 1 kode redeem hanya dapat ditukarkan 1x