UI UX adalah praktik merancang tampilan sekaligus alur pemakaian produk digital, supaya orang menemukan yang mereka cari tanpa perlu dipandu. Di Cyberskill Anda menempuh 6 modul inti, 4 jalur karier, dan 12 fase latihan sampai studi kasus portfolio Anda terbit.
Mulai dari Rp60.609/sesi
Apa itu Kursus UI UX Cyberskill?
Kursus UI UX Cyberskill adalah program terstruktur untuk merancang antarmuka dan pengalaman pemakaian produk digital, mulai dari riset sampai prototipe yang bisa diklik. Anda menempuh 6 modul inti, 4 jenjang kemampuan, dan menyusun minimal 3 studi kasus portfolio yang siap dibaca rekruter atau calon klien.
Teknik di bawah muncul berulang pada pekerjaan desain nyata, dan enam-enamnya dilatih lewat tugas terarah sampai menjadi kebiasaan. Fokusnya ada pada keputusan berbasis bukti, sistem komponen yang rapi, dan kemampuan menjelaskan solusi kepada orang yang tidak berlatar desain.
Heuristik adalah daftar cek singkat untuk menilai kejelasan sebuah antarmuka. Anda memakai sepuluh prinsip usability yang dirumuskan Jakob Nielsen, mulai dari kejelasan status sistem sampai pencegahan kesalahan, lalu menulis temuan sebagai daftar isu berprioritas. Satu jam audit sering menyingkap masalah kasar yang menghemat berhari-hari revisi.
Anda berlatih menaikkan kematangan desain secara bertahap, dari coretan kertas, wireframe abu-abu, sampai tampilan matang berwarna. Tangga ini melatih kepekaan kapan sebuah layar layak dirapikan dan kapan sebaiknya dibiarkan kasar. Peserta yang menguasainya berhenti memoles layar yang alurnya ternyata masih keliru.
Anda menggambar perjalanan pengguna sebagai kotak dan panah, termasuk cabang gagal seperti kata sandi salah, koneksi putus, dan keranjang kosong. Cabang inilah yang paling sering terlewat pemula. Peta yang lengkap membuat jumlah layar terhitung sejak awal, sehingga estimasi waktu pengerjaan Anda jauh lebih masuk akal.
Token adalah nilai warna, ukuran huruf, dan jarak yang disimpan sekali lalu dipanggil di mana-mana. Anda menyusun token, komponen dasar, dan aturan pemakaiannya seperlunya. Hasilnya, mengganti satu warna merek cukup dilakukan di satu tempat, dan seluruh layar ikut menyesuaikan tanpa disentuh satu per satu.
Riset kegunaan yang populer menunjukkan lima partisipan sudah menyingkap sebagian besar masalah kasar sebuah antarmuka. Anda menyusun skenario tugas, memandu sesi tanpa membantu peserta, mencatat titik ragu, lalu memilah temuan menjadi perbaikan yang layak dikerjakan. Latihan ini membuat revisi Anda berpijak pada bukti.
Anda menyiapkan berkas yang siap dibangun: penamaan layer yang bisa dicari, spesifikasi jarak dan ukuran, aset siap ekspor, serta catatan perilaku komponen saat disentuh atau gagal memuat. Paket yang rapi memangkas pertanyaan bolak-balik, dan kemampuan ini paling cepat terasa nilainya di dalam tim.
Modul pembuka membedakan UI, yaitu tampilan dan kontrol yang dilihat pengguna, dari UX, yaitu keseluruhan pengalaman memakai produk. Anda berlatih membaca brief, menandai bagian yang belum jelas, dan mengubahnya menjadi pernyataan masalah satu kalimat yang bisa diuji.
Anda berlatih riset ringan yang realistis untuk kelas: wawancara terarah, survei singkat, dan tinjauan pesaing. Catatan mentah diolah lewat affinity mapping sampai pola kebutuhan terlihat, lalu diturunkan menjadi struktur menu dan alur yang logis.
Modul ini menjelaskan kenapa sebuah layar terasa sesak atau tenang. Anda menyetel grid dan margin, menyusun skala ukuran huruf, memeriksa kontras agar teks tetap terbaca di layar terang, lalu menyiapkan token warna dan jarak yang konsisten.
Praktik intensif di Figma sebagai kanvas kerja. Anda merapikan susunan dengan auto layout, membuat komponen beserta variants untuk tiap keadaan, lalu menyambungkan layar menjadi prototipe yang bisa diklik dan siap dicoba orang lain.
Anda menyiapkan skenario tugas, memandu sesi uji tanpa membantu peserta, dan mencatat titik ragu beserta waktu penyelesaian. Temuan disusun menjadi daftar perbaikan berprioritas, lalu dieksekusi dalam satu putaran revisi yang terdokumentasi rapi.
Modul penutup menyiapkan karya Anda untuk dua pembaca sekaligus: developer yang akan membangunnya dan rekruter yang akan menilainya. Anda merapikan berkas, menulis catatan teknis, lalu menyusun studi kasus beserta latihan mempresentasikannya.
Empat jenjang berikut dinilai dari karya yang selesai, dengan lama waktu duduk di kelas sebagai catatan tambahan saja. Obrolan awal menentukan Anda masuk di anak tangga mana, dan kenaikan terjadi setelah artefak jenjang itu diterima mentor.
Materi visual, tool, dan disiplin kerja diarahkan mengikuti standar yang biasa dipakai tim produk digital. Anda tetap fokus membangun karya nyata, sambil mengenal ukuran mutu yang muncul di panduan aksesibilitas dan penyaringan berkas rekruter.
Studi kasus menekankan proses, alasan keputusan, dan hasil visual yang mudah dinilai rekruter.
Pemeriksaan kontras dan ukuran target sentuh mengacu pada rujukan aksesibilitas yang berlaku luas.
Diberikan setelah modul dan artefak proyek diselesaikan sesuai kriteria program.
Belajar desain sering terasa melompat-lompat karena orang mulai dari tombol yang cantik lalu bingung menjelaskan alasannya. Empat tahap berikut mengunci urutannya. Tiap tahap ditutup satu artefak yang bisa dilihat mentor dan disimpan ke portfolio, jadi progres Anda terbaca tanpa perlu menunggu program selesai.
Anda membedah produk digital yang sudah dipakai sehari-hari, menandai titik yang membuat orang ragu, lalu merumuskan masalah pengguna dalam satu kalimat. Sesi ini juga memetakan peran di tim produk, sehingga Anda tahu jalur mana yang paling dekat dengan minat dan latar belakang Anda.
Anda menguasai grid, skala tipografi, kontras warna, hierarki informasi, dan aksesibilitas dasar. Wireframe, yaitu kerangka kasar tata letak layar sebelum warna dipasang, dilatih berulang bersama user flow atau peta langkah pengguna, sampai Anda bisa membela tiap keputusan dengan alasan yang jelas.
Anda mengerjakan satu brief utuh di Figma: alur bercabang, wireframe, komponen yang dipakai ulang, tampilan matang, lalu prototipe yang bisa diklik. Mentor mengomentari keputusan desain di tiap putaran revisi, sehingga karya Anda mendekati cara kerja tim produk sungguhan.
Anda merangkai proses menjadi studi kasus: konteks masalah, temuan riset, keputusan desain, hasil uji, dan refleksi. Narasinya dilatih supaya terbaca dalam hitungan menit, lengkap dengan tangkapan layar sebelum dan sesudah beserta alasan di balik tiap perubahan.
Sebutan desainer UI UX menampung pekerjaan yang sangat berbeda di lapangan. Empat jalur berikut memisahkan tujuannya, lalu memecah tiap jalur menjadi tiga fase, masing-masing dengan proyek dan titik capaian yang kelihatan hasilnya. Jalur utama ditentukan saat konsultasi, dan Anda tetap boleh menyeberang setelah fase pertama selesai.
Untuk: orang yang senang merapikan tampilan dan ingin kuat di sisi visual
Proyek yang dibangun Audit visual tiga layar aplikasi yang Anda pakai tiap hari
Titik capaian Menunjuk penyebab sebuah layar terasa sesak lewat angka jarak dan ukuran
Proyek yang dibangun UI kit kecil berisi tombol, kartu, navigasi, dan formulir
Titik capaian Mengganti satu warna merek dan seluruh layar ikut menyesuaikan sendiri
Proyek yang dibangun Design system lite berisi dua belas komponen beserta halaman panduannya
Titik capaian Orang lain memakai berkas Anda tanpa menanyakan komponen mana yang benar
Untuk: orang yang betah mendengarkan, mencatat, dan mencari pola
Proyek yang dibangun Empat wawancara singkat tentang satu kebiasaan digital sehari-hari
Titik capaian Satu halaman rumusan masalah disetujui sebelum layar pertama digambar
Proyek yang dibangun Peta temuan dan alur pengguna untuk satu fitur pendaftaran
Titik capaian Menutup rapat riset dengan tiga rekomendasi yang bisa langsung dikerjakan
Proyek yang dibangun Uji kegunaan lima pengguna pada prototipe berjalan beserta catatannya
Titik capaian Menunjukkan satu perubahan desain yang lahir langsung dari temuan uji
Untuk: orang yang ingin memegang satu fitur dari brief sampai serah terima
Proyek yang dibangun Satu lembar lingkup kerja untuk fitur pembayaran toko kecil
Titik capaian Kesepakatan tertulis soal apa yang dikerjakan dan apa yang ditunda
Proyek yang dibangun Prototipe pembayaran enam layar lengkap dengan kondisi gagal bayar
Titik capaian Orang yang baru melihat prototipe menyelesaikan pembelian tanpa dipandu
Proyek yang dibangun Paket serah terima berisi berkas Figma rapi, catatan developer, dan rencana pengukuran
Titik capaian Developer membangun ulang layar Anda tanpa pertanyaan yang berulang
Untuk: orang yang ingin menerima proyek desain sambil bekerja atau kuliah
Proyek yang dibangun Satu studi kasus lengkap yang terbit di Behance atau situs pribadi
Titik capaian Pembaca di luar bidang desain paham masalah yang Anda selesaikan dalam dua menit
Proyek yang dibangun Paket penawaran untuk satu pemilik usaha yang butuh perbaikan halaman pemesanan
Titik capaian Punya berkas penawaran dan lingkup kerja yang siap dikirim hari itu juga
Proyek yang dibangun Satu proyek nyata atau simulasi klien yang dikerjakan penuh bersama mentor
Titik capaian Profil marketplace freelance terisi dua studi kasus dan satu contoh penawaran
Empat jalur ini memakai kurikulum inti yang sama dengan penekanan proyek yang berbeda. Perpindahan jalur di tengah program masih mungkin selama artefak fase sebelumnya sudah selesai.
Perbedaan terbesar antar cara belajar desain terletak pada seberapa cepat karya Anda dikomentari orang yang lebih berpengalaman. Tabel ini membandingkan empat pendekatan lewat enam aspek yang biasanya menentukan keputusan, dengan kelebihan tiap pendekatan tetap disebut.
Kami menjanjikan kejelasan proses dan dukungan operasional yang masuk akal. Fokusnya membantu Anda maju terukur dari titik awal, dengan komunikasi terbuka soal jadwal, instruktur, dan ekspektasi proyek.
Sebelum mulai, Anda bisa mendiskusikan kebutuhan, level, dan jalur karier yang diincar. Tim membantu merancang rute yang pas tanpa memaksakan paket yang jauh dari tujuan Anda.
Jika gaya mentoring terasa kurang cocok, sampaikan kendalanya ke tim akademik. Kami carikan penyesuaian supaya proses umpan balik tetap produktif dan nyaman untuk progres Anda.
Khusus les privat dan kelompok kecil, penjadwalan diupayakan mengikuti komitmen kerja atau kuliah Anda, selama masih dalam koridor ketersediaan instruktur dan kebijakan program.
Sebelas istilah ini hilir mudik di ruang kerja desain, dan pemula sering sungkan menanyakan artinya. Tiap entri dibuka dengan penjelasan sehari-hari, lalu ditutup dengan situasi ketika istilah itu terpakai, supaya Anda nyaman mengikuti diskusi tim sejak minggu pertama.
Angka di bawah menggambarkan struktur program dan target karya, dan semuanya bisa Anda hitung sendiri dari halaman ini. Cyberskill mengukur kemajuan lewat artefak yang selesai, sehingga posisi belajar Anda selalu jelas.
Alasan Cyberskill unggul untuk pelatihan IT dan digital di Indonesia dibanding kelas rekaman massal, bootcamp generik, atau tutorial YouTube gratis.
Mentor mengomentari alasan di balik jarak, urutan layar, dan pilihan kata tombol. Komentarnya spesifik dan bisa langsung dikerjakan, sehingga Anda tahu persis bagian mana yang naik kualitas setelah revisi berikutnya.
Enam modul disusun searah alur pekerjaan sungguhan: brief, riset, sistem visual, Figma, uji, serah terima. Saat brief berubah mendadak di kantor nanti, Anda sudah punya kerangka untuk menyesuaikan tanpa kehilangan arah.
Kenaikan jenjang ditentukan artefak yang diterima mentor, mulai audit layar, UI kit, laporan uji, sampai paket serah terima. Tiga studi kasus menjadi bukti terbuka yang bisa ditelusuri calon pemberi kerja maupun klien.
Kami memilihkan pengajar yang keseharian kerjanya menyentuh antarmuka dan riset pengguna, lalu mencocokkannya dengan titik awal serta jalur karier yang Anda ambil. Bila gaya mentoring terasa kurang pas, penyesuaian bisa diminta.
Kelas privat di tempat Anda, sesi privat lewat video call, kelompok kecil bersama teman, cohort intensif, dan workshop sehari berada di satu rumah. Karyawan yang hanya punya malam hari dan mahasiswa yang luang di siang hari sama-sama mendapat jadwal masuk akal.
Setiap artefak dipresentasikan singkat sebelum dianggap selesai. Kebiasaan ini membuat Anda terbiasa membela keputusan desain dengan tenang, keterampilan yang menentukan hasil wawancara kerja dan percakapan dengan klien.
UI mengurus tampilan dan kontrol yang terlihat di layar, sedangkan UX mengurus alur, riset, dan kemudahan pemakaian. Keduanya dikerjakan berdampingan. Untuk pemula, kelas dimulai dari membedah aplikasi yang sudah Anda pakai, lalu wireframe, baru masuk ke tampilan detail. Modal utamanya rasa ingin tahu pada kesulitan orang lain dan kesediaan merevisi karya setelah menerima masukan.
Bergantung modalitas dan tempo Anda. Jalur privat menyusun jadwal bersama instruktur, sementara kelompok kecil dan bootcamp cohort mengikuti kalender bersama. Ukuran yang lebih berguna adalah artefak yang selesai: audit layar, alur pengguna, UI kit, prototipe, laporan uji, dan studi kasus. Saat konsultasi, tim memperkirakan tempo realistis dari jam belajar mingguan yang benar-benar Anda punya.
Ikut, dan porsinya besar. Figma dipakai untuk wireframe, komponen, design system lite, sampai prototipe. Di sisi proses, Anda berlatih merumuskan masalah, wawancara terarah, affinity mapping, audit heuristik, lalu uji kegunaan bersama lima orang. Rekruter menilai cara berpikir di balik layar yang Anda tunjukkan, jadi kedua sisi ini dilatih beriringan sejak modul kedua.
Berupa studi kasus dengan alur argumen utuh: konteks masalah, peran Anda, riset ringkas, keputusan desain, tampilan akhir, hasil uji, dan refleksi. Targetnya tiga proyek dengan tingkat kesulitan yang naik. Anda dilatih menulis padat, memilih visual sebelum dan sesudah, lalu menerbitkannya di Behance atau situs pribadi supaya cukup dikirim lewat satu tautan.
Figma berjalan di peramban, jadi beban terbesarnya ada pada memori. RAM 8 GB terasa nyaman, sedangkan 4 GB masih bisa dipakai dengan menutup tab lain dan bekerja pada berkas yang dipecah. Instruktur menunjukkan cara meringankan berkas, seperti membatasi jumlah frame per halaman dan mengecilkan gambar sebelum dimasukkan.
Keduanya boleh menyusul. Kemampuan menggambar tangan membantu saat membuat sketsa cepat, dan sketsa kotak sederhana sudah memadai untuk kelas ini. Figma versi gratis mencukupi seluruh kurikulum, termasuk komponen dan prototipe. Lisensi berbayar, termasuk jalur Adobe, baru relevan bila Anda mengejar sertifikasi vendor atau mengikuti kebutuhan tim di kantor.
Masih, dan pengalaman kerja sebelumnya sering menjadi nilai tambah. Orang yang pernah menangani pelanggan, keuangan, atau operasional biasanya lebih cepat menangkap masalah pengguna karena sudah terbiasa mendengar keluhan nyata. Yang perlu disiapkan adalah waktu latihan mingguan yang konsisten. Kami menyusun jalur belajar dari titik Anda sekarang menuju target yang disepakati bersama.
Bootcamp besar unggul pada energi cohort dan jaringan alumni yang ramai, dengan tempo padat dan kalender tetap. Cyberskill menekankan keleluasaan format serta pendampingan yang menyesuaikan titik awal Anda: kelas privat di tempat, privat lewat video call, kelompok kecil, cohort, atau workshop sehari. Kecocokan bergantung gaya belajar dan waktu luang, dan itu dipetakan saat konsultasi.
Efektif, karena Figma sudah menjadi kanvas bersama. Instruktur bisa membuka berkas Anda, memberi komentar di titik tertentu, dan memperagakan teknik secara langsung di layar yang sama. Uji kegunaan pun bisa dijalankan lewat panggilan video dengan partisipan di kota Anda. Sesi tatap muka tetap tersedia di kota jangkauan Cyberskill bila Anda menginginkannya.
Pendaftaran sengaja dibuat pendek supaya arah belajar Anda cepat terang. Rangkaiannya tiga langkah: obrolan kebutuhan, penentuan jalur karier, lalu sesi perdana yang sudah menunjuk target karya Anda.
Chat WhatsApp Cyberskill untuk menceritakan tujuan, pengalaman, dan waktu belajar Anda. Tim memetakan jenjang awal serta jalur karier yang paling masuk akal, dari privat sampai cohort.
Anda menerima rekomendasi paket, perkiraan tempo, dan daftar artefak yang akan dihasilkan. Setelah cocok, administrasi dan penjadwalan sesi pertama disiapkan bersama agar mulai belajar terasa ringan.
Sesi awal dipakai menyamakan target dan menyiapkan berkas Figma Anda. Selanjutnya Anda masuk modul, mengerjakan brief, menerima mentoring, dan menumpuk artefak portfolio secara bertahap.
Ceritakan titik awal Anda, jalur karier yang diincar, dan waktu belajar yang realistis kepada tim Cyberskill. Obrolan sepuluh menit sudah cukup untuk menentukan rute.
Jadwal mentoring privat terisi cepat tiap pekan, kunci giliran konsultasi Anda sekarang.
