Kursus Desain UI/UX di Jogja

Kenapa desain UI/UX terasa membingungkan di bulan pertama?

Orang yang baru masuk ke desain UI/UX berhadapan dengan dua pekerjaan berlainan yang dijual sebagai satu nama. Sisi UX menuntut kemampuan bertanya, membaca perilaku orang, dan menyusun alur. Sisi UI menuntut mata untuk jarak, huruf, warna, dan konsistensi komponen. Dua keterampilan itu dilatih dengan cara yang sangat berbeda, dan menuntutnya tumbuh bersamaan tanpa urutan adalah sebab kebingungan yang paling sering muncul.

Gejalanya seragam. Figma dibuka, papan kosong ditatap sepuluh menit, lalu satu karya orang lain ditiru sampai mirip. Hasilnya terlihat rapi sebagai gambar, dan langsung goyah begitu ada permintaan mengubah satu tombol. Struktur di bawahnya kosong, jadi setiap revisi berarti menggambar ulang dari awal.

Rintangan kedua datang dari jumlah perkakas. Figma, Sketch, Penpot, papan tempel daring, perekam uji, ditambah puluhan pengaya. Pemula mencoba semuanya sekaligus dan tidak sampai mahir di satu pun. Kelas privat menyelesaikan itu dengan urutan yang tegas: satu alat dikuasai sampai jadi kebiasaan tangan, alat lain masuk hanya ketika pekerjaannya menuntut.

UI dan UX adalah dua pekerjaan di dalam satu judul lowongan

UX adalah pekerjaan sebelum layar digambar. Isinya wawancara pengguna, membaca data pemakaian, memetakan langkah yang ditempuh orang untuk menuntaskan satu tugas, menyusun struktur menu, lalu menguji apakah susunan itu terbaca. Keluarannya sering berbentuk catatan, diagram alur, dan wireframe abu tanpa warna sama sekali.

UI adalah pekerjaan ketika layar digambar. Isinya sistem jarak, skala huruf, palet warna beserta rasio kontrasnya, ikon, dan komponen yang punya keadaan normal, tertekan, nonaktif, serta galat. Keluarannya berkas siap serah terima yang bisa dibangun developer tanpa banyak menebak.

Lowongan di Indonesia kerap menuliskan keduanya dalam satu posisi, terutama di perusahaan kecil dan agensi digital. Karena itu kelas ini melatih dua sisi sekaligus, dengan porsi yang disesuaikan per peserta. Yang datang dari jurusan desain biasanya butuh tambahan waktu di sisi riset dan alur. Yang datang dari jurusan teknik, bisnis, atau pendidikan biasanya butuh tambahan waktu di sisi visual dan kerapian berkas.

Figma lebih dulu, perkakas desain UI/UX lain menyusul

Kelas ini memakai Figma sebagai alat utama karena ia berjalan di peramban, punya paket gratis yang cukup untuk belajar dan menyusun portofolio pribadi, dan paling banyak dipakai tim produk di Indonesia. Empat kemampuan dilatih sampai jadi kebiasaan: auto layout bersarang, constraint saat ukuran layar berubah, komponen utama beserta variannya, dan mode prototipe untuk merangkai alur.

Perkakas lain diperkenalkan sebatas yang berguna. Sketch hanya berjalan di macOS, jadi ia relevan bagi peserta yang timnya memang memakai itu. Penpot menarik bagi yang menginginkan perkakas sumber terbuka dengan berkas yang bisa disimpan di server sendiri. Adobe XD sudah lama berhenti menerima fitur baru, sehingga pembahasannya cukup sebatas cara memindahkan berkas lama keluar dengan aman.

Untuk uji kegunaan jarak jauh, peserta dikenalkan pada satu perkakas perekam tugas sekaligus pada jalur paling murah: satu panggilan berbagi layar dengan lima orang. Latihan memakai jalur murah lebih dulu, supaya kebiasaan mengujinya terbentuk tanpa bergantung pada langganan berbayar.

Riset pengguna versi yang bisa dikerjakan seorang diri

Riset sering dibayangkan sebagai proyek mahal dengan panel responden dan anggaran khusus. Untuk pemula, bentuk yang berguna jauh lebih sederhana: lima wawancara berdurasi tiga puluh menit, direkam dengan izin, lalu dicatat rapi.

Kesalahan paling sering justru ada di pertanyaannya. Kalimat semacam "menurutmu fitur ini bagus?" hanya memancing jawaban sopan yang tidak bisa dipakai. Pertanyaan yang berguna meminta cerita masa lalu: "ceritakan terakhir kali kamu memesan makanan lewat aplikasi, mulai dari saat kamu membuka ponsel". Jawaban semacam itu memuat langkah nyata, titik bingung nyata, dan jalan pintas yang orang temukan sendiri tanpa pernah diberi tahu.

Sesudah wawancara, catatan dipotong per kalimat, ditempel di papan, lalu dikelompokkan sampai pola muncul. Dari pola itu lahir daftar masalah yang layak dikerjakan. Peserta menjalankan siklus ini satu kali secara penuh, dengan tutor mendampingi di dua titik yang paling sering meleset: saat menyusun pertanyaan dan saat mengelompokkan temuan.

Wireframe, mockup, dan prototipe di dalam desain UI/UX

Tiga istilah ini sering tertukar, dan tertukarnya memakan waktu. Wireframe adalah rancangan abu tanpa warna dan tanpa gambar. Gunanya menguji susunan serta urutan informasi selagi mengubahnya masih murah. Begitu wireframe diberi warna, pembicaraan berpindah dari struktur ke selera, dan struktur yang rapuh lolos tanpa ketahuan.

Mockup adalah tampilan akhir yang diam. Di sinilah jarak, huruf, warna, dan ikon diselesaikan. Mockup dinilai per layar.

Prototipe adalah rangkaian layar yang bisa diklik, dan ia dinilai per alur. Prototipe yang jujur memuat keadaan kosong saat data belum ada, keadaan memuat saat jaringan lambat, dan keadaan galat saat isian salah. Tiga keadaan itu paling sering terlewat, padahal justru itu yang ditanyakan pewawancara kerja.

Di kelas, satu alur pendek dikerjakan menempuh ketiga tahap secara berurutan supaya bedanya terasa di tangan, tidak berhenti sebagai definisi hafalan.

Sistem desain kecil yang membuat berkas UI/UX tetap rapi

Berkas yang berantakan hampir selalu punya sebab yang sama: nilai jarak diketik menurut perasaan. Ada 13 piksel di satu kartu, 17 di kartu sebelahnya, 22 di bagian bawah. Selama gambarnya masih satu layar, tidak ada yang merasa terganggu. Begitu jadi dua puluh layar, tata letaknya goyah dan tidak ada yang tahu nilai mana yang benar.

Obatnya sebuah skala. Kelipatan empat atau delapan sudah memadai: 4, 8, 12, 16, 24, 32, 48. Skala yang sama dipakai untuk jarak antar-elemen, padding tombol, dan margin halaman. Huruf mendapat skalanya sendiri, misalnya 12, 14, 16, 20, 24, dan 32.

Sesudah skala berdiri, warna disimpan sebagai gaya bernama, komponen dibuat satu kali lalu dipakai ulang, dan tiap komponen diberi varian untuk keadaan yang berbeda. Peserta menyusun sistem kecil miliknya sendiri di kelas, lalu membangun ulang satu halaman memakai sistem itu saja. Latihan ini yang paling cepat mengubah cara kerja, karena perubahannya terasa pada revisi berikutnya.

Kontras dan ukuran sentuh dalam desain antarmuka

Antarmuka yang enak dilihat di layar desainer belum tentu terbaca di tangan pengguna. Dua ukuran dasar layak dihafal. Untuk teks isi, rasio kontras terhadap latar disarankan minimal 4,5 banding 1; untuk teks besar dan elemen antarmuka seperti garis tepi kolom isian, minimal 3 banding 1. Angka itu berasal dari panduan aksesibilitas web yang dipakai luas, dan pengukurnya tersedia langsung di dalam Figma lewat pengaya.

Ukuran kedua adalah target sentuh. Panduan Apple menyarankan area sentuh sekitar 44 titik, panduan Material sekitar 48 dp. Tombol yang tampak mungil tetap boleh dipakai, asal area sentuhnya diperluas diam-diam di sekelilingnya.

Peserta menguji karyanya dengan tiga cara murah: membuka berkas di ponsel sendiri, menurunkan kecerahan layar sampai setengah, dan meminta orang lain memakainya dengan satu tangan sambil berjalan. Tiga uji itu menangkap sebagian besar masalah keterbacaan sebelum berkas diserahkan ke siapa pun.

Portofolio UI/UX yang dibaca perekrut sampai habis

Perekrut membuka portofolio dengan waktu yang pendek. Yang dicari adalah bukti bahwa pembuatnya sanggup mengambil keputusan dan menjelaskan alasannya. Jumlah karya berada jauh di bawah itu dalam urutan penilaian.

Dua sampai tiga studi kasus yang ditulis rapi mengalahkan sepuluh gambar tanpa keterangan. Susunan yang bekerja: konteks singkat, masalah yang hendak diselesaikan, temuan dari riset, keputusan desain beserta pertimbangannya, hasil terukur bila ada, dan satu paragraf jujur tentang apa yang akan diubah bila dikerjakan ulang.

Perancangan ulang aplikasi terkenal boleh dipakai, dengan syarat ada masalah yang dinyatakan dan cara mengukurnya. Tanpa syarat itu, karya semacam itu dibaca sebagai latihan menggambar.

Di kelas, kerangka tulisan disusun lebih dulu dan gambar menyusul sebagai bukti. Urutan ini mencegah studi kasus mandek di tengah, sekaligus membuat isinya bisa diceritakan ulang saat wawancara tanpa perlu membuka layar.

Siapa yang belajar desain UI/UX di Jogja?

Kelas ini paling sering diisi empat kelompok. Pertama, mahasiswa desain komunikasi visual, informatika, dan sistem informasi dari kampus seperti ISI Yogyakarta, AMIKOM, UGM, UII, UAD, UNY, Sanata Dharma, dan UPN Veteran Yogyakarta, yang tugas kuliah atau magangnya menyentuh perancangan antarmuka.

Kedua, pekerja yang pindah jalur: guru, staf administrasi, pengelola toko daring, sarjana teknik yang ingin masuk industri produk digital. Mereka datang dengan waktu terbatas dan target yang jelas berupa portofolio siap lamar.

Ketiga, pemilik usaha yang mengurus sendiri toko daring, situs pemesanan, atau aplikasi kecilnya. Yang mereka perlukan sering hanya sebagian materi: kemampuan menata halaman produk dan membereskan alur pembayaran.

Keempat, tim kecil di agensi digital dan studio perangkat lunak di sekitar Depok, Ngaglik, dan Mlati yang ingin satu orangnya mendalami desain produk. Untuk kelompok ini tutor umumnya datang ke kantor pada jam yang disepakati bersama.

Tempat dan jam sesi kursus UI UX Jogja di seluruh DIY

Sesi berlangsung di tempat yang paling memudahkan peserta. Untuk yang tinggal di Depok, Ngaglik, Mlati, Gamping, Umbulharjo, Gondokusuman, Kotagede, Kasihan, Sewon, atau Banguntapan, tutor umumnya datang membawa laptopnya sendiri. Kos, ruang kerja bersama, kafe bercolokan banyak, dan kantor sama-sama bisa dipakai selama jaringannya stabil dan mejanya muat untuk dua laptop bersebelahan.

Untuk Kulon Progo dan Gunungkidul, kelas daring menjadi jalur utama. Jarak tempuh ke arah Wates atau Wonosari membuat sesi kunjungan sulit dijadwalkan rutin tiap pekan. Format daring justru pas untuk desain: layar dibagikan dua arah, tutor menunjuk lapisan yang keliru, dan berkas Figma yang sama dibuka bersama sehingga koreksi terjadi langsung di berkas milik peserta.

Jam sesi bergerak dari pukul 07.00 sampai 21.00 WIB, tujuh hari sepekan. Peserta yang bekerja umumnya memilih malam atau akhir pekan; mahasiswa umumnya memilih siang di sela jadwal kuliah.