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

1. Judul Pelatihan

Merancang user interface dan user experience untuk membuat spesifikasi kebutuhan perangkat lunak sebagai Desainer Website

2. 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

3. Tujuan Umum Pelatihan

Di akhir pelatihan, peserta mendesain tampilan fitur dan alur sistem / website yang baik sesuai dengan kepuasan pelanggan berdasarkan konsep UI dan UX Desain Standar Kompetensi Kerja Nasional Indonesia (SKKNI) Nomor 44 Tahun 2017

4. Tujuan Khusus Pelatihan

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

5. Kelompok Sasaran

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)

 6. Durasi Detail dan Total 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

7.  Silabus/Gambaran Materi

1. Pembukaan 03:33
2. Pengenalan Instruktur 00:28
3. Belajar User Design Experience untuk Pemula Bagian A
4. Belajar User Design Experience untuk Pemula Bagian b
5. Belajar Metode UX Bagian A
6. Belajar Metode UX Bagian B
7. Belajar Prinsip UX Bagian A
8. Belajar Prinsip UX Bagian B
9. Belajar Pahami Usermu Bagian A
10. Belajar Pahami Usermu Bagian B
11. Belajar Content Strategy Bagian A
12. Belajar Content Strategy Bagian B
13. Belajar Persona
14. Belajar User Journey
15. Belajar Prototyping
16. Belajar Perkenalan dan Install Adobe XD Bagian A
17. Belajar Perkenalan dan Install Adobe XD Bagian B
18. Belajar Pembuatan Desain Sederhana
19. Belajar Bekerja dengan Tipe pada Wireframe XD
20. Belajar Bagaimana cara membuat Tombol dan Form Checkbox pada Adobe XD Bagian A
21. Belajar Bagaimana cara membuat Tombol dan Form Checkbox pada Adobe XD Bagian B
22. Belajar Website icon Gratis untuk Project UI dan UX Bagian A
23. Belajar Website icon Gratis untuk Project UI dan UX Bagian B
24. Belajar Menggunakan Prototyping untuk Menambahkan Aksi pada Rancangan Bagian A
25. Belajar Menggunakan Prototyping untuk Menambahkan Aksi pada Rancangan Bagian B
26. Belajar Rancangan Video yang dapat Dilihat Oleh Murid
27. Belajar Cara Memanfaatkam Simbol di Adobe XDv
28. Belajar Menggunakan Repead Grid pada Adobe XD
29. Belajar Membuat Aplikasi Onboard di Adobe XD Bagian A
30. Belajar Membuat Aplikasi Onboard di Adobe XD Bagian B
31. Belajar Pembuatan Dashboard Pendaftaran Video Produksi Bagian A
32. Belajar Pembuatan Dashboard Pendaftaran Video Produksi Bagian B
33. Belajar Berbagi Wireframes untuk komentar di Adobe XD
34. Belajar Cara membuat Kolom Grid pada Adobe XD
35. Belajar Bekerja menggunakan Pewarnaan di dalam XD
37. Belajar Menggunakan Font yang Baik untuk Rancangan Adobe XD
38. Belajar Menggunakan Character Style pada Adobe XD
39. Belajar Membuat Realistic Button
40. Belajar Bagaimana Cara membuat Icon Sendiri?
41. Belajar Membuat Gradient pada Adobe XD
42. Belajar Pro dan Kontra dalam Menambahkan Gambar pada Adobe XD
43. Belajar Merancang menggunakan Photoshop Illustrator pada Adobe XD
44. Belajar Bagaimana Cara membuat Mask pada Adobe XD Bagian A
45. Belajar Bagaimana Cara membuat Mask pada Adobe XD Bagian B
46. Belajar Menambahkan Teks Field pada Adobe XD
47. Belajar Membuat Model Pop Up pada Adobe XD
48. Belajar Membuat Repead Grid Baru Bagian A
49. Belajar Membuat Repead Grid Baru Bagian B
50. Belajar Membuat Repead Grid Baru Bagian C

 8. Aspek Kompetensi / Output Kompetnsi

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)

 9. Metode Ajar

Metode Ajar Self Paced Learning

10. Harga

Rp. 499.000

 11. Tenaga Pelatih

AZIZ INDRA JAYA

Lahir di Jakarta pada tanggal 15 April 1985. Memiliki pengalaman lebih dari 5 tahun dibidang Digital Marketing dan programming khususnya Sosial Media Marketing yaitu Facebook Ads Strategy , Linked, Twitter, Youtobe, Instagram, Google ads, SEO,Wordpress, PHP, Javascript

Skill :

1. Facebook Ads

2. Instagram Ads

3. Google Ads

4. Youtobe

5. Twitter

6. Linked

7. SEO

8. SEM

9. Photoshop

10. Git Hub

11. Microsoft Office

12. Wordpress

 12. Jadwal Sesi Konseling

Aziz Indra Jaya, Sabtu 09.00 WIB

 

13. Nama Lembaga Pelatih

BABASTUDIO

 14. Mekanime Evaluasi

Mekanisme Evaluasi pada program pelatihan ini yaitu :

1. Soal quiz

2. Soal-soal Post Test

3. dan Penugasan

 

 

 


Hasil yang didapat dari kursus ini

Di Materi ini kamu akan mempelajari:

1. Konsep dalam User Experience

  • User Design Experience untuk Pemula
  • Metode UX
  • Prinsip UX
2. Desain User Experience
  • Pahami Usermu
  • Content Strategy
  • Persona
  • User Journey
3. Prototyping
  • Wireframing dan Annotation
  • Prototyping


Curriculum

    • User Design Experience untuk Pemula
    • 13:14
    • Metode UX
    • 17:38
    • Prinsip UX
    • Pahami Usermu
    • 10:10
    • Content Strategy
    • 12:18
    • Persona
    • 04:54
    • User Journey
    • 07:41
    • Prototyping
    • 07:11

Atau Tambahkan Ke

Includes:
  • Materi Up to Date
  • Sertifikat Resmi
  • Instruktur selalu Online
  • Tersedia tampilan mobile

Metode Pembayaran bisa dilakukan dengan cara :

  1. Transfer ATM
  2. Mobile Banking
  3. Internet Banking
  4. SMS Banking