Merancang User Interface Dan User Experience Untuk Membuat Spesifikasi Kebutuhan Perangkat Lunak Sebagai Desainer Sistem

Description

Kami Baba Studio telah berdiri selama 17 tahun dengan 130 ribu murid dan alumni. Beberapa Pencapaian Baba Studio

adalah:
1. Peraih Ratusan Penghargaan
2. Termasuk 5 ICT Award dari Menkominfo

Tentang materi

A. JUDUL

Merancang User Interface Dan User Experience Untuk Membuat Spesifikasi Kebutuhan Perangkat Lunak Sebagai Desainer Sistem

Rp. 499.000

Deskripsi pelatihan

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 2 tentang Konsep dalam User Experience pada video User Design Experience untuk Pemula Bagian pada menit 00.00 - 43:04)

2.Memahami apa itu User Experience (UX)(Aspek ini dapat di lihat pada modul 2 tentang Konsep dalam User Experience pada video User Design Experience untuk Pemula Bagian pada menit 00.00 - 43:04)

3.Memahami user / pengguna dan perjalanan mereka (Aspek ini dapat di lihat pada modul 4 tentang User dalam User Experience pada video berjudul Pahami Usermu pada menit 00.00 - 10:10)

4.Memahami cara membuat prototyping ( Aspek ini dapat di lihat pada modul 4 tentang Desain User Experience pada video berjudul Prototyping pada menit 00.00 - 07:11)

5.Memahami cara installasi Adobe XD ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Prototyping pada menit 00.00 - 07:11)

6.Memahami cara membuat wireframe ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Bekerja dengan Tipe pada Wireframe XD pada menit 00.00 - 07:13)

7.Memahami website icon untuk project UI dan UX ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Website icon Gratis untuk Project UI dan UX pada menit 00.00 - 16:53)

8. Memahami cara penggunakan adobe XD ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Website icon Gratis untuk Project UI dan UX 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 2 tentang Konsep dalam User Experience pada video User Design Experience untuk Pemula Bagian pada menit 00.00 - 43:04)

2.Mampu mengenal kegunaan User Experience (UX)(Aspek ini dapat di lihat pada modul 2 tentang Konsep dalam User Experience pada video User Design Experience untuk Pemula Bagian pada menit 00.00 - 43:04)

3.Mampu mengidentifikasi user / pengguna dan perjalanan mereka (Aspek ini dapat di lihat pada modul 4 tentang User dalam User Experience pada video berjudul Pahami Usermu pada menit 00.00 - 10:10)

4.Mampu membuat prototyping ( Aspek ini dapat di lihat pada modul 4 tentang Desain User Experience pada video berjudul Prototyping pada menit 00.00 - 07:11)

5.Mampu menginstallasi Adobe XD ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Prototyping pada menit 00.00 - 07:11)

6.Mampu membuat wireframe ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Bekerja dengan Tipe pada Wireframe XD pada menit 00.00 - 07:13)

7.Mampu membuat website icon untuk project UI dan UX ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Website icon Gratis untuk Project UI dan UX pada menit 00.00 - 16:53)

8. Mampu menggunakan adobe XD ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Website icon Gratis untuk Project UI dan UX 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 (UI) (Aspek ini dapat di lihat pada modul 2 tentang Konsep dalam User Experience pada video User Design Experience untuk Pemula Bagian pada menit 00.00 - 43:04)

2.Teliti dalam pengenalan User Experience (UX) (Aspek ini dapat di lihat pada modul 2 tentang Konsep dalam User Experience pada video User Design Experience untuk Pemula Bagian pada menit 00.00 - 43:04)

3.Cekatan dalam Memahami user / pengguna dan perjalanan mereka (Aspek ini dapat di lihat pada modul 4 tentang User dalam User Experience pada video berjudul Pahami Usermu pada menit 00.00 - 10:10)

4.Membuat prototyping dengan kaidah design ( Aspek ini dapat di lihat pada modul 4 tentang Desain User Experience pada video berjudul Prototyping pada menit 00.00 - 07:11)

5.Cekatan dalam menginstall Adobe XD( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Prototyping pada menit 00.00 - 07:11)

6.Teliti dalam membuat wireframe ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Bekerja dengan Tipe pada Wireframe XD pada menit 00.00 - 07:13)

7.Teliti dalam membuat website icon untuk project UI dan UX dengan teliti ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Website icon Gratis untuk Project UI dan UX pada menit 00.00 - 16:53)

8. Bertanggung jawab menggunakan adobe XD ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Website icon Gratis untuk Project UI dan UX 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. Pembukaan 03:33
2. Pengenalan Instruktur 00:28
3. User Design Experience untuk Pemula Bagian A (07:52)
4. User Design Experience untuk Pemula Bagian b (05:00)
5. Metode UX Bagian A (08:14)
6. Metode UX Bagian B (05:00)
7. Prinsip UX Bagian A (10:00)
8. Prinsip UX Bagian B (07:38)
9. Pahami Usermu Bagian A (05:10)
10. Pahami Usermu Bagian B (05:00)
11. Content Strategy Bagian A (05:00)
12. Content Strategy Bagian B (07:18)
13. Persona 04:54
14. User Journey 07:41
15. Prototyping 07:11
16. Perkenalan dan Install Adobe XD Bagian A (05:14)
17. Perkenalan dan Install Adobe XD Bagian B (05:00)
18. Pembuatan Desain Sederhana 06:14
19. Bekerja dengan Tipe pada Wireframe XD 07:13
20. Bagaimana cara membuat Tombol dan Form Checkbox pada Adobe XD Bagian A (05:25)
21. Bagaimana cara membuat Tombol dan Form Checkbox pada Adobe XD Bagian B (05:00)
22. Website icon Gratis untuk Project UI dan UX Bagian A (10:00)
23. Website icon Gratis untuk Project UI dan UX Bagian B (06:53)
24. Menggunakan Prototyping untuk Menambahkan Aksi pada Rancangan Bagian A (08:00)
25. Menggunakan Prototyping untuk Menambahkan Aksi pada Rancangan Bagian B (05:00)
26. Rancangan Video yang dapat Dilihat Oleh Murid 04:54
27. Cara Memanfaatkam Simbol di Adobe XDv 07:50
28. Menggunakan Repead Grid pada Adobe XD 09:32
29. Membuat Aplikasi Onboard di Adobe XD Bagian A (07:13)
30. Membuat Aplikasi Onboard di Adobe XD Bagian B (05:00)
31. Pembuatan Dashboard Pendaftaran Video Produksi Bagian A (10:00)
32. Pembuatan Dashboard Pendaftaran Video Produksi Bagian B (04:10)
33. Berbagi Wireframes untuk komentar di Adobe XD 08:19
34. Cara membuat Kolom Grid pada Adobe XD 05:51
35. Bekerja menggunakan Pewarnaan di dalam XD 05:53
37. Menggunakan Font yang Baik untuk Rancangan Adobe XD 17:00
38. Menggunakan Character Style pada Adobe XD 04:41
39. Membuat Realistic Button 05:02
40. Bagaimana Cara membuat Icon Sendiri? 07:54
41. Membuat Gradient pada Adobe XD 03:39
42. Pro dan Kontra dalam Menambahkan Gambar pada Adobe XD 05:40
43. Merancang menggunakan Photoshop Illustrator pada Adobe XD 08:17
44. Bagaimana Cara membuat Mask pada Adobe XD Bagian A (05:44)
45. Bagaimana Cara membuat Mask pada Adobe XD Bagian B (05:00)
46. Menambahkan Teks Field pada Adobe XD 08:57
47. Membuat Model Pop Up pada Adobe XD 04:47
48. Membuat Repead Grid Baru Bagian A (10:00)
49. Membuat Repead Grid Baru Bagian B (10:00)
50. Membuat Repead Grid Baru Bagian C (06:19)
51. Live Session 02:00:00

TOTAL DURASI : 7 JAM, 15 MENIT, 57 DETIK

F. KAPASITAS JENIS/KELAS PELATIHAN

Tidak terbatas

G. METODE AJAR/LATIH DAN EVALUASI PESERTA

Metode Ajar yang digunakan dalam pelatihan ini yaitu Self Pace Learning.

H. DATA INSTRUKTUR DAN RIWAYAT PROFESI

Nama : Aziz Indra Jaya

Profil Tenaga Pelatih : . Memiliki pengalaman lebih dari 5 tahun dibidang Programming dan Digital Marketing search engine optimization ( SEO ) dan juga Search Engine Marketing ( SEM) dan juga memilliki pengalaman mengajar lebih dari 3 (Tiga) tahun di bidang Desain Grafis, Pembuatan Website, Digital Marketing Seperti cara beriklan di Facebook, di Google, Twitter, Instagram, Cara beriklan di Youtube dan juga programing seperti Vue Js dan JavaScript, sebagai instruktur dan narasumber di berbagai kementerian dan perusahaan swasta seperti Telkomsel, Kominfo, Kemendikbud, LIPI, BNI dll.

I. JENIS/KLASIFIKASI SERTIFIKAT

Certificate of Completion

J. MEKANISME EVALUASI :

Mekanisme Evaluasi pada program pelatihan ini yaitu :
1. Soal quiz
2. Soal-soal Post Test
3. dan Penugasan