A. Judul dan Deskripsi Pelatihan
Judul :
Merancang user interface dan user experience untuk membuat spesifikasi kebutuhan perangkat lunak sebagai Desainer Website
Rp. 500.000
Deskripsi :
Dengan mengikuti pelatihan ini, peserta akan menjadi desainer website
Sebagai seorang desainer website, peserta memadukan antara warna, tipografi dan transisi antar halaman dengan elemen yang telah dibuat menjadi sebuah tampilan yang indah pada tampilan wesbsite dan aplikasi.
Selain itu peserta mampu menampilkan fitur dan alur website yang baik sesuai dengan kepuasan pelanggan
berdasarkan konsep desain UI dan UX
Menurut data dari World Economic Forum dalam buku The Future of Jobs 2020 (https://drive.google.com/file/d/1WtWFbH8_CdjWbRKGJBOfxZTDIX9z2rMV/view?usp=sharing ) kebutuhan akan teknologi desain sangat tinggi dan menjadi top ketrampilan yang dibutuhkan.
Jika peserta mempunyai keahlian ini, maka tidak akan sulit bagi peserta untuk menemukan pekerjaan di masa sekarang ini
Pelatihan ini merujuk pada KBJI 2014 dengan kode 2166.10 profesi Desainer Website. Pelatihan ini disesuaikan dengan Standar Kompetensi Kerja Nasional Indonesia (SKKNI) Nomor 44 Tahun 2017
Kompetensi yang dilatih dalam pelatihan ini, yaitu :
1. Kompeten memahami apa itu User Interface Desain (UI)
2. Kompeten memahami apa itu User Experience (UX) Desain
3. Kompeten menggunakan Adobe XD
4. Kompeten merancang desain sendiri
5. Kompeten membuat prototyping dan wireframe dalam merancang desain
6. Kompeten memahami user / pengguna
7. Kompeten membuat konten dengan menggunakan strategi
B. kompetensi
Aspek Kompetensi: Pengetahuan (Knowledge) :
Dengan mempelajari materi Merancang user interface dan user experience untuk membuat spesifikasi kebutuhan perangkat lunak sebagai desainer sistem, peserta :
1.Memahami apa itu User Interface (UI) (Aspek ini dapat di lihat pada modul 1 tentang PENGENALAN UI/UX DAN ADOBE XD pada menit 00.00 – 01:60)
2.Memahami apa itu User Experience (UX)(Aspek ini dapat di lihat pada modul 1 tentang APA ITU USER EXPERIENCE pada menit 00.00 – 05:46)
3.Memahami user / pengguna dan perjalanan mereka (Aspek ini dapat di lihat pada modul 1 tentang TIPS PENERAPAN USER EXPERIENCE Part 1 dan 2 pada menit 00.00 – 13:36)
4.Memahami cara membuat prototyping ( Aspek ini dapat di lihat pada modul 3 tentang MEMBUAT HALAMAN PRODUCT DAN PROTOTYPE pada video berjudul Membuat Prototype Part 1-3 pada menit 00.00 – 07:11)
5.Memahami cara installasi Adobe XD ( Aspek ini dapat di lihat pada modul 1 tentang PENGENALAN UI/UX DAN ADOBE XD pada video berjudul INSTALASI ADOBE XD pada menit 00.00 – 07:23)
6.Memahami cara membuat wireframe ( Aspek ini dapat di lihat pada modul 2 tentang WIREFRAME, TOMBOL DAN WEBSITE IKON PROJECT UI/UX pada video berjudul BEKERJA DENGAN TYPE PADA WIREFRAME XD PART 1 – 2 pada menit 00.00 – 16:21)
7.Memahami website icon untuk project UI dan UX ( Aspek ini dapat di lihat pada modul 2 tentang WIREFRAME, TOMBOL DAN WEBSITE IKON PROJECT UI/UX pada video berjudul WEBSITE IKON GRATIS UNTUK PROJECT UI&UX Part 1 bagian A – Part 5 bagian C pada menit 00.00 – 64.00 )
8. Memahami cara penggunakan adobe XD ( Aspek ini dapat di lihat pada modul 1 tentang PENGENALAN UI/UX DAN ADOBE XD pada video berjudul PENGENALAN ADOBE XD pada menit 00.00 – 16:53)
Aspek Kompetensi: Keterampilan (Skill) :
Dengan mempelajari materi Merancang user interface dan user experience untuk membuat spesifikasi kebutuhan perangkat lunak sebagai desainer sistem, peserta :
1.Mampu mengenal kegunaan User Interface (UI) (Aspek ini dapat di lihat pada modul 1 tentang PENGENALAN UI/UX DAN ADOBE XD pada menit 00.00 – 01:60)
2.Mampu mengenal kegunaan User Experience (UX)(Aspek ini dapat di lihat pada modul 1 tentang APA ITU USER EXPERIENCE pada menit 00.00 – 05:46)
3.Mampu mengidentifikasi user / pengguna dan perjalanan mereka (Aspek ini dapat di lihat pada modul 1 tentang TIPS PENERAPAN USER EXPERIENCE Part 1 dan 2 pada menit 00.00 – 13:36)
4.Mampu membuat prototyping ( Aspek ini dapat di lihat pada modul 3 tentang MEMBUAT HALAMAN PRODUCT DAN PROTOTYPE pada video berjudul Membuat Prototype Part 1-3 pada menit 00.00 – 07:11)
5.Mampu menginstallasi Adobe XD ( Aspek ini dapat di lihat pada modul 1 tentang PENGENALAN UI/UX DAN ADOBE XD pada video berjudul INSTALASI ADOBE XD pada menit 00.00 – 07:23)
6.Mampu membuat wireframe ( Aspek ini dapat di lihat pada modul 2 tentang WIREFRAME, TOMBOL DAN WEBSITE IKON PROJECT UI/UX pada video berjudul BEKERJA DENGAN TYPE PADA WIREFRAME XD PART 1 – 2 pada menit 00.00 – 16:21)
7.Mampu membuat website icon untuk project UI dan UX( Aspek ini dapat di lihat pada modul 2 tentang WIREFRAME, TOMBOL DAN WEBSITE IKON PROJECT UI/UX pada video berjudul WEBSITE IKON GRATIS UNTUK PROJECT UI&UX Part 1 bagian A – Part 5 bagian C pada menit 00.00 – 64.00 )
8. Mampu menggunakan adobe XD ( Aspek ini dapat di lihat pada modul 1 tentang PENGENALAN UI/UX DAN ADOBE XD pada video berjudul PENGENALAN ADOBE XD pada menit 00.00 – 16:53 )
Aspek Kompetensi: Sikap (Attitude) :
Dengan mempelajari materi Merancang user interface dan user experience untuk membuat spesifikasi kebutuhan perangkat lunak sebagai desainer sistem, peserta :
1.Teliti dalam pengenalan User Interface (Aspek ini dapat di lihat pada modul 1 tentang PENGENALAN UI/UX DAN ADOBE XD pada menit 00.00 – 01:60)
2.Teliti dalam pengenalan User Experience (UX) (Aspek ini dapat di lihat pada modul 1 tentang APA ITU USER EXPERIENCE pada menit 00.00 – 05:46)
3.Cekatan dalam Memahami user / pengguna dan perjalanan mereka (Aspek ini dapat di lihat pada modul 1 tentang TIPS PENERAPAN USER EXPERIENCE Part 1 dan 2 pada menit 00.00 – 13:36)
4.Membuat prototyping dengan kaidah design ( Aspek ini dapat di lihat pada modul 3 tentang MEMBUAT HALAMAN PRODUCT DAN PROTOTYPE pada video berjudul Membuat Prototype Part 1-3 pada menit 00.00 – 07:11)
5.Cekatan dalam menginstall Adobe XD( Aspek ini dapat di lihat pada modul 1 tentang PENGENALAN UI/UX DAN ADOBE XD pada video berjudul INSTALASI ADOBE XD pada menit 00.00 – 07:23)
6.Teliti dalam membuat wireframe ( Aspek ini dapat di lihat pada modul 2 tentang WIREFRAME, TOMBOL DAN WEBSITE IKON PROJECT UI/UX pada video berjudul BEKERJA DENGAN TYPE PADA WIREFRAME XD PART 1 – 2 pada menit 00.00 – 16:21)
7.Teliti dalam membuat website icon untuk project UI dan UX dengan teliti ( Aspek ini dapat di lihat pada modul 2 tentang WIREFRAME, TOMBOL DAN WEBSITE IKON PROJECT UI/UX pada video berjudul WEBSITE IKON GRATIS UNTUK PROJECT UI&UX Part 1 bagian A – Part 5 bagian C pada menit 00.00 – 64.00 )
8. Bertanggung jawab menggunakan adobe XD ( Aspek ini dapat di lihat pada modul 1 tentang PENGENALAN UI/UX DAN ADOBE XD pada video berjudul PENGENALAN ADOBE XD pada menit 00.00 – 16:53)
C. Sasaran Peserta
Peserta yang dapat mengikuti pelatihan ini, yaitu :
1. Pendidikan minimal SMA.SMK
2. Memiliki Smartphone dan atau laptop
3. Memiliki pengetahuan dasar-dasar desain
4. Memiliki kreatifitas dan rasa desain (sense of art)
D. Tujuan Pelatihan
Tujuan umum :
Di akhir pelatihan, peserta mendesain tampilan fitur dan alur sistem / website yang baik sesuai dengan kepuasan pelanggan berdasarkan konsep UI dan UX Desain
Tujuan khusus :
Program pelatihan Merancang user interface dan user experience untuk membuat spesifikasi kebutuhan perangkat lunak sebagai desainer sistem, yaitu :
1. Kompeten memahami apa itu User Interface Desain (UI)
2. Kompeten memahami apa itu User Experience (UX) Desain
3. Kompeten menggunakan Adobe XD
4. Kompeten merancang desain sendiri
5. Kompeten membuat prototyping dan wireframe dalam merancang desain
6. Kompeten memahami user / pengguna
7. Kompeten membuat konten dengan menggunakan strategi
E. Silabus dan Durasi
1. Opening Introduction 04:04
2. APA ITU USER INTERFACE 06:40
3. BEBERAPA ASPEK DALAM DESAIN UI 08:59
4. FUNGSI USER INTERFACE 06:44
5. PENTINGNYA UI BAGI SEBUAH PRODUK 09:12
6. KARAKTERISTIK UI YANG BAIK PART 1 07:58
7. KARAKTERISTIK UI YANG BAIK PART 2 04:42
8. INSTALASI ADOBE XD 07:23
9. PENGENALAN ADOBE XD 05:45
10. APA ITU USER EXPERIENCE 05:46
11. EFEK USER EXPERIENCE YANG BURUK BAGI BISNIS ANDA 04:57
12. TIPS PENERAPAN USER EXPERIENCE PART 1 04:01
13. TIPS PENERAPAN USER EXPERIENCE PART 2 07:26
14. USER EXPERIENCE ITU PENTING 01:32
15. PEMBUATAN DESAIN SEDERHANA PART 1 09:03
16. PEMBUATAN DESAIN SEDERHANA PART 2 04:24
17. BEKERJA DENGAN TYPE PADA WIREFRAME XD PART 1 08:42
18. BEKERJA DENGAN TYPE PADA WIREFRAME XD PART 2 07:39
19. MEMBUAT TOMBOL CEKBOX PADA ADOBE XD bagian A 08:27
20. MEMBUAT TOMBOL CEKBOX PADA ADOBE XD bagian B 07:45
21. WEBSITE IKON GRATIS UNTUK PROJECT UI&UX Part 1 bagian A 06:03
22. WEBSITE IKON GRATIS UNTUK PROJECT UI&UX Part 1 bagian B 06:09
23. WEBSITE IKON GRATIS UNTUK PROJECT UI&UX Part 2 bagian A 06:03
24. WEBSITE IKON GRATIS UNTUK PROJECT UI&UX Part 2 bagian B 06:10
25. WEBSITE IKON GRATIS UNTUK PROJECT UI&UX Part 3 bagian A 06:13
26. WEBSITE IKON GRATIS UNTUK PROJECT UI&UX Part 3 bagian B 06:02
27. WEBSITE IKON GRATIS UNTUK PROJECT UI&UX Part 4 06:29
28. WEBSITE IKON GRATIS UNTUK PROJECT UI&UX Part 5 bagian A 06:58
29. WEBSITE IKON GRATIS UNTUK PROJECT UI&UX Part 5 bagian B 06:54
30.WEBSITE IKON GRATIS UNTUK PROJECT UI&UX Part 5 bagian C 07:45
31. Membuat Halaman Course 09:52
32. Membuat Halaman Pricing 9:45
33. Membuat Daftar Produk Part 1 7:30
34. Membuat Daftar Produk Part 2 08:25
35. Membuat Prototype Part 1 09:40
36. Membuat Prototype Part 2 04:39
37. Membuat prototype Part 3 06:27
38. Membuat halaman course detail 08:55
39. Membuat deskripsi produk 07:29
40. Membuat call to action PART 1 06:53
41. Membuat call to action PART 2 05:26
42. Membuat prototype – lanjutan 07:40
43. Ebook 01:00:00
44. Live Session 01:00:00
TOTAL DURASI : 6 Jam, 47 Menit, 56 Detik
F. Kapasitas jenis / kelas pelatihan
Tidak terbatas
G. Metode ajar / latih dan evaluasi peserta
Metode Ajar yang digunakan dalam pelatihan ini yaitu Self Paced Learning.
H. Data Instruktur dan riwayat profesi
Nama Instruktur : Kamal Putra
Skills and Knowledge
1. Sosial media
2. Instagram Ads
3. Facebook Ads
4. Twitter Ads
5. Linkedin ads
6. SEO
7. SEM
8. Google Ads
9. React Native
10.Node JS
11.CI
12.Wordpress
13.React Js
14.Adobe Photoshop
15.Adobe Illustrator
I. Jadwal Sesi Konseling :
Kamal Putra, Rabu 13:00 – 14:00
J. Klasifikasi Sertifikat
Certificate of Completion & Certificate of Graduation
K. Mekanisme Evaluasi
Mekanisme Evaluasi pada program pelatihan ini yaitu :
1. Soal Pre Test
2. Soal Kuis
3. Soal Pop-up Kuis
4. Soal Post Test
5. Penugasan atau Tugas Akhir