Les UI/UX Design #1
Les UI/UX Design, dari Riset Pengguna Sampai Prototype Siap Uji
Satu siswa satu mentor, belajar merancang produk digital dengan benar: menggali kebutuhan pengguna, menyusun alur, membangun wireframe dan prototype di Figma, sampai merapikannya jadi design system. Dibimbing lewat studi kasus produk nyata, di mana saja secara online.
60+
tutor
480+
siswa
4.9
rating · 952 ulasan
22+
kota
Apa itu Les UI/UX Design?
Les UI/UX design adalah bimbingan privat satu guru satu siswa untuk merancang produk digital yang mudah dipakai sekaligus enak dipandang. UX (user experience) menggarap riset, alur, dan kerangka agar produk terasa logis; UI (user interface) menggarap tampilan, warna, tipografi, dan komponen agar rapi dan konsisten. Materi mengikuti tujuan Anda, dari pindah karier sampai merancang aplikasi bisnis sendiri.
- Satu siswa satu mentor, materi desain mengikuti portofolio yang ingin Anda bangun
- Belajar dari studi kasus produk nyata, di luar latihan teoretis
- Menguasai alur kerja desainer: riset, wireframe, prototype, design system
- Praktik langsung di Figma sejak sesi awal
- Membangun portfolio yang menampilkan proses berpikir di balik tampilan akhir
Layanan
Belajar UI/UX Design Online, Privat, atau Bareng Rekan
Apa pun formatnya, alurnya sama-sama mengantar Anda dari memahami pengguna sampai prototype yang siap diuji.
Les UI/UX Online
Belajar via Zoom dengan screen sharing, langsung mengerjakan file Figma bersama mentor.
Rp 126.000/ sesi 60 menit
Harga pada paket 28 sesi per bulan, sesi 60 menit. Pertemuan lebih sedikit, harga per sesi naik.
- Mengerjakan file Figma berdampingan dengan mentor
- Rekaman sesi bisa diputar ulang
- Berkas latihan dan template digital
- Tersedia untuk siswa di seluruh Indonesia
Les UI/UX Tatap Muka
Mentor datang ke rumah untuk pendampingan langsung di kota-kota tertentu.
Rp 159.000/ sesi 90 menit
Harga pada paket 28 sesi per bulan, sesi 90 menit. Pertemuan lebih sedikit, harga per sesi naik.
- Mentor datang ke rumah
- Pendampingan langsung di depan layar
- Cocok untuk yang butuh fokus tanpa distraksi
- Jadwal fleksibel sesuai Anda
Les UI/UX Kelompok Kecil
Belajar bersama 2-3 teman atau rekan satu tim, saling memberi masukan atas rancangan.
Rp 119.000/ sesi 90 menit
Harga pada paket 28 sesi per bulan, sesi 90 menit. Pertemuan lebih sedikit, harga per sesi naik.
- 2-3 siswa per kelompok
- Cocok untuk satu tim belajar bersama
- Potongan tiap siswa langsung dihitung sistem saat mendaftar
- Sesi kritik desain bersama
Tarif online dan tatap muka sama — selisih angka antar kartu hanya karena durasi sesinya.
Tahap Belajar UI/UX Design
Empat tahap bertingkat, dari mengenal Figma sampai merancang design system dan portfolio.
Pemula (Dasar Desain & Figma)
Belum pernah menyentuh tool desainMengenal cara kerja Figma dan prinsip dasar desain. Anda belajar membaca antarmuka yang baik, memakai frame, layer, dan komponen sederhana sebagai fondasi semua tahap berikutnya.
Mata Pelajaran:
Antarmuka dan dasar FigmaPrinsip visual dasarFrame, layer, dan gridMembaca desain yang baik
Fokus Belajar:
- Nyaman bekerja di Figma
- Peka pada keterbacaan
- Berpikir rapi dan terstruktur
- Kebiasaan menata layer
UX: Riset & Wireframe
Sudah kenal tool dasarBelajar memahami pengguna sebelum mendesain. Anda menggali kebutuhan lewat riset sederhana, menyusun alur pengguna, lalu menuangkannya jadi wireframe yang menguji ide sejak murah dan cepat.
Mata Pelajaran:
Wawancara dan riset ringanPersona dan user flowArsitektur informasiWireframe low-fidelity
Fokus Belajar:
- Merancang dari kebutuhan nyata
- Menyusun alur yang logis
- Menguji ide sejak dini
- Berpikir dari sisi pengguna
UI: Visual & Prototype
Siap mempercantik dan menghidupkanMengubah wireframe menjadi tampilan yang rapi dan konsisten: tipografi, warna, layout, dan komponen. Lalu menghidupkannya jadi prototype interaktif yang terasa seperti aplikasi sungguhan.
Mata Pelajaran:
Tipografi dan skala warnaLayout dan spacingKomponen dan auto layoutPrototyping interaktif
Fokus Belajar:
- Tampilan rapi dan konsisten
- Hierarki visual yang jelas
- Interaksi yang terasa alami
- Detail yang membedakan
Design System & Portfolio
Ingin tampil profesionalMerapikan komponen menjadi design system yang dapat dipakai ulang, memahami cara serah-terima ke developer, lalu menyusun studi kasus yang menceritakan proses berpikir Anda di portfolio.
Mata Pelajaran:
Membangun design systemHandoff ke developerMenyusun studi kasusMenata portfolio
Fokus Belajar:
- Konsistensi lintas layar
- Kolaborasi dengan developer
- Menceritakan proses berpikir di balik hasil
- Portfolio yang dilirik perekrut
Kurikulum Les UI/UX Design
Lima pilar yang dibangun bertahap, dari cara berpikir desain sampai portfolio yang siap dipamerkan.
Mentor menyesuaikan penekanan dengan tujuan Anda. Yang mengejar pekerjaan fokus ke studi kasus dan portfolio, desainer grafis menambah UX research dan prototyping, pemilik produk fokus ke alur dan wireframe untuk produknya sendiri.
Dasar UX & Design Thinking
Cara berpikir berpusat pada pengguna dan mengenal alur kerja seorang product designer.
- Apa itu UX dan UI
- Design thinking lima fase
- Peran desainer dalam tim produk
- Studi kasus produk sehari-hari
User Research & Arsitektur Informasi
Menggali kebutuhan pengguna dan menata isi produk agar mudah ditemukan.
- Wawancara dan survei ringan
- Persona dan user journey
- User flow dan arsitektur informasi
- Menyusun kebutuhan jadi keputusan desain
Wireframing & Prototyping di Figma
Menuangkan ide jadi kerangka, lalu menghidupkannya jadi prototype yang bisa diklik.
- Wireframe low-fidelity
- Auto layout dan komponen
- Prototype interaktif
- Iterasi cepat dari masukan
UI Visual Design
Membuat tampilan yang rapi, konsisten, dan enak dilihat di berbagai layar.
- Tipografi dan skala
- Teori dan palet warna
- Layout, grid, dan spacing
- Desain responsif untuk mobile dan web
Design System, Handoff & Portfolio
Merapikan komponen jadi sistem, menyerahkannya ke developer, dan menyusun portfolio.
- Komponen dan variabel design system
- Handoff dan kolaborasi developer
- Menulis studi kasus
- Menata portfolio product designer
Untuk Siapa
Career Switcher, Mahasiswa, Desainer Grafis, Founder: Semua Mulai dari Pengguna yang Sama
Career Switcher
Pekerja dari bidang non-desain yang ingin berpindah menjadi product designer, dengan jalur belajar terstruktur dan portfolio nyata.
Rekomendasi:
Jalur riset, prototype, dan portfolioStudi kasus seperti pekerjaan nyata
Mahasiswa & Fresh Graduate
Mahasiswa dan lulusan baru yang ingin menonjol dengan keterampilan desain produk digital yang banyak dicari perusahaan teknologi.
Rekomendasi:
Fondasi Figma sampai UX researchMembangun portfolio sejak dini
Desainer Grafis Naik Kelas
Desainer grafis yang sudah kuat di visual dan ingin melengkapinya dengan riset, alur, dan prototyping produk digital.
Rekomendasi:
Penekanan UX research dan prototypingTransisi dari karya statis ke produk interaktif
Founder & Product Owner
Pemilik usaha atau penggagas produk yang ingin merancang sendiri alur aplikasi atau situsnya sebelum menyewa tim.
Rekomendasi:
Fokus user flow dan wireframeStudi kasus dari produk Anda sendiri
Cara Seorang Product Designer Bekerja
Lima Fase Design Thinking yang Akan Anda Latih
Desainer produk tidak langsung menggambar layar. Mereka mengikuti proses berpikir bernama design thinking, dari memahami orang sampai menguji solusi. Inilah lima fase yang akan Anda latih lewat studi kasus nyata.
1
Empathize
Pahami penggunanya
- Wawancara dan amati calon pengguna
- Catat keluhan dan kebiasaan mereka
- Tahan diri dari buru-buru menebak solusi
Hasil tahap ini
Catatan riset dan pemahaman tentang siapa yang Anda layani.
Tool:
WawancaraObservasiEmpathy map
2
Define
Rumuskan masalahnya
- Rangkum temuan riset jadi pola
- Tetapkan masalah inti yang akan dipecahkan
- Susun persona dan pernyataan masalah
Hasil tahap ini
Satu pernyataan masalah yang tajam dan disepakati.
Tool:
PersonaProblem statementUser journey
3
Ideate
Cari banyak ide
- Lahirkan banyak gagasan tanpa menghakimi
- Susun alur dan arsitektur informasi
- Pilih ide yang paling layak dikejar
Hasil tahap ini
Alur pengguna dan sketsa ide yang siap dirancang.
Tool:
SketsaUser flowBrainstorm
4
Prototype
Wujudkan jadi rancangan
- Bangun wireframe lalu tingkatkan ke UI
- Rakit komponen dengan auto layout
- Hidupkan jadi prototype yang bisa diklik
Hasil tahap ini
Prototype interaktif yang terasa seperti produk nyata.
Tool:
FigmaWireframePrototype
5
Test
Uji ke pengguna nyata
- Minta orang mencoba prototype Anda
- Amati di mana mereka bingung atau tersesat
- Perbaiki rancangan dari masukan nyata
Hasil tahap ini
Daftar perbaikan yang berpijak pada bukti nyata.
Tool:
Usability testingMazeCatatan observasi
Prosesnya berputar dan berulang. Setiap temuan bisa membawa Anda kembali ke tahap sebelumnya.
Proses Ini Berputar dan Berulang
Hasil pengujian sering mengirim Anda kembali ke fase Define atau Ideate. Itu wajar dan justru sehat. Mentor melatih Anda nyaman dengan perputaran ini, supaya rancangan akhir benar-benar berpijak pada kebutuhan pengguna yang teramati langsung.
Satu Profesi, Dua Sisi yang Saling Menyambung
Dari UX ke UI: Apa Saja yang Dikerjakan di Antaranya
Orang sering bertanya beda UX dan UI. Keduanya satu rangkaian, dari memahami pengguna di sisi UX sampai merapikan tampilan di sisi UI. Lima lapisan ini menunjukkan apa yang dikerjakan di sepanjang jalurnya.
UX (riset & alur)UI (visual & komponen)
UX Research
UXMenggali siapa penggunanya, apa kebutuhannya, dan kendala apa yang mereka hadapi sebelum satu layar pun digambar.
Artefak
- Catatan wawancara
- Persona
- Empathy map
Tool:
WawancaraSurveiMaze
Arsitektur Informasi & Alur
UXMenata isi dan langkah produk supaya pengguna selalu tahu di mana mereka berada dan ke mana harus melangkah.
Artefak
- User flow
- Sitemap
- Skema navigasi
Tool:
FigJamWhimsical
Interaction Design
Jembatan UX-UIMerancang bagaimana produk merespons aksi pengguna: keadaan tombol, transisi, dan umpan balik agar terasa hidup dan jelas.
Artefak
- Wireframe
- Prototype interaktif
- Microcopy
Tool:
FigmaPrototype
Visual / UI Design
UIMemberi rupa pada rancangan lewat tipografi, warna, layout, dan ikon supaya rapi, terbaca, dan punya hierarki yang jelas.
Artefak
- High-fidelity UI
- Style guide
- Ikon dan ilustrasi
Tool:
FigmaPalet warnaTipografi
Design System
UIMengubah komponen lepas jadi sistem yang dapat dipakai ulang, agar desain tetap konsisten dan mudah dikembangkan bersama tim.
Artefak
- Library komponen
- Token desain
- Dokumentasi
Tool:
Figma VariablesAuto layout
Seorang Product Designer Menguasai Keduanya
Di banyak perusahaan, satu orang menggarap dari riset sampai UI, dengan kadar yang berbeda-beda. Memahami seluruh rentang ini membuat Anda mengerti alasan di balik setiap keputusan tampilan, sehingga desain berpijak pada fungsinya bagi pengguna. Mentor membantu Anda menemukan titik kuat, entah lebih condong ke riset UX atau ke visual UI.
Dari Pengalaman Merancang Produk Nyata
Lima Jebakan yang Sering Menjerat Desainer UI/UX Pemula
Kekeliruan desain yang membuat karya pemula terlihat amatir, dan cara mentor memperbaikinya.
Langsung buka Figma sebelum memahami pengguna
Kenapa terjadi
Pemula tergoda menggambar layar cantik lebih dulu, padahal belum tahu masalah apa yang sebenarnya dipecahkan.
Cara kami mengatasinya
Mentor menanamkan kebiasaan riset dan menyusun alur dulu, sehingga setiap layar lahir dari kebutuhan yang jelas.
Meniru tampilan keren dari internet tanpa konteks
Kenapa terjadi
Desain di galeri inspirasi sering dibuat untuk pamer ketimbang untuk dipakai, sehingga indah dilihat namun membingungkan saat digunakan.
Cara kami mengatasinya
Kami melatih siswa membaca alasan di balik sebuah rancangan, lalu menyesuaikannya dengan kebutuhan produk dan pengguna nyata.
Mengira UI/UX hanya soal warna dan font
Kenapa terjadi
Bagian visual paling terlihat, sehingga pemula mengira itu seluruh pekerjaannya dan melewatkan riset serta alur.
Cara kami mengatasinya
Mentor menunjukkan bahwa keputusan terpenting justru terjadi sebelum tahap visual, di riset dan perancangan alur.
Membuat prototype tapi tak pernah diuji ke orang
Kenapa terjadi
Desainer mudah jatuh cinta pada karyanya sendiri dan menganggap rancangannya sudah jelas bagi semua orang.
Cara kami mengatasinya
Kami membiasakan menguji prototype ke pengguna sungguhan, karena lima menit observasi sering mengungkap yang luput berjam-jam.
Portfolio cuma memamerkan hasil akhir tanpa cerita
Kenapa terjadi
Tampilan akhir yang cantik tidak menunjukkan cara berpikir, padahal itulah yang ingin dilihat perekrut produk.
Cara kami mengatasinya
Mentor mendampingi menyusun studi kasus yang bercerita: masalahnya apa, prosesnya bagaimana, dan kenapa keputusan itu diambil.
Keunggulan
Belajar dari Studi Kasus Produk Nyata yang Melampaui Latihan Teoretis: Itu Bedanya Les UI/UX Ini
Mentor praktisi mendampingi satu guru satu murid, dari menggali kebutuhan pengguna sampai merapikan komponen dan menyusun portfolio.
Satu Siswa Satu Mentor
Anda menentukan tempo. Bertanya dan praktik di Figma sepuasnya, setiap rancangan langsung dikritik membangun tanpa menunggu kelas.
Studi Kasus Produk Nyata
Latihan memakai masalah produk yang menyerupai dunia kerja, sehingga keterampilan langsung relevan saat melamar atau bekerja.
Menguasai Seluruh Alur Desainer
Dari riset, wireframe, UI, sampai design system, lengkap dalam satu jalur belajar yang runtut.
Berujung pada Portfolio
Hasil belajar dirangkai menjadi studi kasus yang menceritakan proses berpikir Anda, yang justru paling dicari perekrut produk.
Harga Transparan per Sesi
Biaya tiap sesi jernih, dan wireframe studi kasus Anda sudah bisa mulai disusun dalam paket 4 sesi pertama.
Fleksibel dan Online
Belajar desain online dari mana saja, dengan jadwal yang mengikuti kesibukan harian Anda.
Mentor UI/UX Design Pilihan
Mentor kami adalah praktisi dan lulusan Desain Produk, Sistem Informasi, serta Teknik Informatika dari kampus ternama, terbiasa merancang produk digital dan menjelaskannya dengan bahasa yang membumi.
Kualifikasi Guru
- Lulusan Desain Produk, Sistem Informasi, dan Teknik Informatika dari kampus ternama
- Terbiasa bekerja di Figma dengan alur kerja desainer sungguhan
- Mengajarkan desain lewat studi kasus produk nyata, di luar teori semata
- Membimbing dari nol sampai punya portfolio yang siap ditunjukkan
Dewi D.
Desain Produk, Institut Seni Indonesia Yogyakarta
Empati pengguna sebagai pijakan“Berlatar Desain Produk Institut Seni Indonesia Yogyakarta, Dewi memulai dari pertanyaan sederhana: siapa yang akan memakai ini. Ia menanamkan kebiasaan riset sebelum menggambar layar pertama.”
Silvi S.
Teknik Informatika, Universitas Halim Sanusi
Menjembatani desain dan kode“Karena berlatar Teknik Informatika Universitas Halim Sanusi, Silvi paham bagaimana rancangan diterjemahkan menjadi kode. Ia melatih siswa membuat desain yang rapi dan masuk akal untuk dibangun developer.”
Anton A.
Teknik Informatika, Universitas Persada Indonesia
Prototyping yang terasa hidup“Anton, lulusan Teknik Informatika Universitas Persada Indonesia, gemar menghidupkan rancangan jadi prototype yang bisa diklik. Baginya, ide paling cepat dipahami saat orang bisa mencobanya langsung.”
Ajiz I.
Sistem Informasi, Universitas Alma Ata
Alur dan arsitektur informasi“Dari Sistem Informasi Universitas Alma Ata, Ajiz menekuni cara menata isi produk supaya pengguna tidak tersesat. Ia mengajak siswa merancang alur dulu sebelum sibuk dengan warna dan tampilan.”
Fitria F.
Teknik Informatika, Universitas Pancasila
Detail visual yang membedakan“Fitria, lulusan Teknik Informatika Universitas Pancasila, jeli pada tipografi, warna, dan jarak antarelemen. Ia menunjukkan bagaimana detail kecil mengubah tampilan biasa menjadi terasa profesional.”
Timotius T.
Teknik Informatika, Universitas Surabaya
Konsistensi lewat design system“Berbekal Teknik Informatika Universitas Surabaya, Timotius senang merapikan komponen yang berserakan jadi satu sistem. Ia mengajarkan kenapa konsistensi membuat produk lebih cepat dikembangkan dan dipercaya.”
Testimoni
Dari Bingung Mulai dari Mana Jadi Punya Portfolio Sendiri
Pengalaman jujur siswa EduPoint, mulai career switcher sampai founder yang akhirnya bisa merancang produknya sendiri.
Saya dari latar admin dan ingin pindah jadi product designer. Mentor menyusun jalur dari riset, wireframe, sampai UI di Figma dengan satu studi kasus utuh. Sekarang saya punya satu portfolio yang berani saya tunjukkan saat melamar.
Ahza A.
Career switcher dari admin • Jakarta
Sebagai desainer grafis, saya kuat di visual tapi buta soal UX. Belajar riset pengguna dan user flow mengubah cara saya memandang desain. Rancangan saya sekarang punya alasan, tidak cuma enak dilihat.
Citra C.
Desainer grafis • Bandung
Saya mahasiswa tingkat akhir dan ingin masuk dunia produk. Yang membantu, mentor mengajak praktik di studi kasus nyata, jauh dari latihan yang dibuat-buat. CV saya jadi lebih dilirik karena ada bukti karyanya.
Marvello M.
Mahasiswa tingkat akhir • Surabaya
Saya punya ide aplikasi tapi tidak tahu cara menuangkannya. Mentor membimbing saya menyusun user flow dan wireframe sendiri. Sekarang saya bisa menjelaskan rancangan ke calon developer lewat gambar yang konkret.
Pak Jamil M.
Founder produk digital • Tangerang
Saya belajar Figma otodidak dari video tapi sering tertahan di urutan belajar. Dengan mentor privat, jalurnya jadi jelas dan setiap rancangan saya langsung dikritik membangun. Kemajuannya jauh lebih cepat.
Sakinah S.
Pemula otodidak • Depok
Di kantor saya sering diminta merapikan tampilan internal tool. Belajar dasar design system membuat komponen saya konsisten dan gampang dipakai ulang. Tim developer juga lebih mudah membaca file Figma saya.
Esta A.
Staf yang merangkap desain • Semarang
Saya ibu rumah tangga yang ingin kembali bekerja secara remote. Les ini membimbing dari nol sampai saya punya dua studi kasus. Mentor sabar dan menyesuaikan jadwal dengan waktu saya di rumah.
Ibu Dita D.
Ibu yang kembali berkarier • Bekasi
Saya pikir UI/UX itu cuma mendesain yang cantik. Ternyata bagian terbesarnya adalah berpikir soal pengguna. Setelah memahami itu, rancangan saya berubah total dan terasa jauh lebih matang.
Nanda N.
Mahasiswa desain • Jogja
Biaya Les UI/UX Design
Belajar UI/UX design dengan skema harga per jam yang terperinci. Tentukan sendiri lama tiap sesi portofolio (60/90/120 menit) serta 4-28 pertemuan bulanan; total investasinya terlihat penuh ketika Anda mengisi pendaftaran.
Mulai dari
Rp 102.000 / jam
Harga final dihitung saat daftar.
Tarif per jam terhemat, dihitung dari paket 28 sesi per bulan berdurasi 120 menit. Harga per sesi (60, 90, atau 120 menit) tercantum di bagian pilihan format.
Daftar & Hitung HargaBayar fleksibel — QRIS, Virtual Account, Alfamart, Indomaret, transfer & e-wallet.
Kota Anda menentukan penyesuaian tarif. Bayar bisa via transfer, VA, QRIS, e-wallet, kartu, atau minimarket.
Ketersediaan Les UI/UX Design
Les Online
Online WorldwideLes UI/UX design online tersedia untuk siswa di seluruh Indonesia maupun di luar negeri.
- Mengerjakan file Figma yang sama dengan screen sharing
- Sesi direkam dan bisa diputar ulang
- Template dan berkas latihan digital
Les Tatap Muka
Semua KotaLes UI/UX design tatap muka, mentor datang ke rumah di kota-kota berikut.
Jakarta14+ tutorBandung9+ tutorSurabaya8+ tutorDepok6+ tutorTangerang6+ tutorBekasi5+ tutorJogja7+ tutorSemarang5+ tutor
+2 kota lainnyaPrestasi Siswa
Kisah Pindah Jalur Lewat Desain Produk
Perjalanan nyata siswa EduPoint dari belajar sampai berkarya di dunia product design.
Berhasil
Dari Customer Service ke Junior UI/UX Designer
Erisa E.
Latar Belakang
Pekerja customer service tanpa latar desain maupun coding
Belajar bertahap dari Figma, riset pengguna, lalu UI sambil menyusun dua studi kasus portfolio
Diterima sebagai Junior UI/UX Designer di sebuah perusahaan rintisan
Berhasil
Desainer Grafis yang Naik Kelas ke Produk Digital
Kharisa K.
Latar Belakang
Desainer grafis lepas yang kuat di visual tapi minim riset produk
Menambah UX research, user flow, dan prototyping untuk melengkapi keahlian visualnya
Mulai menerima proyek desain aplikasi, di luar pekerjaan grafis statis
Berhasil
Fresh Graduate yang Punya Portfolio Sebelum Wisuda
Gary G.
Latar Belakang
Mahasiswa tingkat akhir jurusan non-teknik yang tertarik dunia produk
Mengerjakan studi kasus nyata tiap pekan sampai punya portfolio yang utuh
Lolos tahap awal seleksi product design beberapa perusahaan setelah lulus
Tanya Jawab
Bingung soal Tools, Coding, atau Biaya Les UI/UX? Ini Jawabannya
Pertanyaan yang paling sering muncul sebelum mulai belajar, kami jawab apa adanya.
Durasi sesi menjadi penentu biaya les UI/UX design, dihitung per jam: pertemuan 60 menit Rp126.000 per jam, sedangkan pertemuan 120 menit atau paket bulanan turun ke Rp102.000 per jam; tarif kelas online identik dengan kelas tatap muka. Kelompok kecil 2-3 siswa berbagi tarif dasar; potongan per siswa terlihat otomatis di formulir pendaftaran.
Sangat bisa. Banyak siswa kami berasal dari bidang non-desain. Kami mulai dari dasar Figma dan cara berpikir desain, lalu menambah riset, wireframe, dan UI secara bertahap. Tidak ada prasyarat kemampuan coding.
UX designer fokus pada riset, alur, dan kerangka agar produk mudah dipahami. UI designer fokus pada tampilan: tipografi, warna, layout, dan komponen agar produk rapi dan konsisten. Di banyak perusahaan, satu orang product designer menggarap keduanya, dan di EduPoint Anda belajar seluruh rentangnya.
Pusatnya adalah Figma, tempat hampir semua pekerjaan terjadi: wireframe, UI, prototype, dan design system. Anda juga mengenal FigJam untuk memetakan alur dan Maze untuk menguji prototype. Kami sengaja tidak membebani banyak tool sekaligus, dimulai dari Figma sampai lincah.
Tidak. UI/UX design berbeda dari ilustrasi. Yang dibutuhkan adalah kepekaan pada keterbacaan, kerapian, dan kebutuhan pengguna. Keterampilan menggambar tangan tidak diperlukan, karena semua dikerjakan dengan komponen dan elemen di Figma.
Panduan Lengkap
Panduan Lengkap Les UI/UX Design
Dua istilah ini hampir selalu disebut bersama, sampai banyak orang mengira keduanya sama. UX (user experience) mengurus pengalaman: apakah produk mudah dipahami, alurnya logis, dan kebutuhan pengguna terjawab. Pekerjaannya banyak di riset, penyusunan alur, dan wireframe, sering jauh sebelum tampilan dipikirkan.
UI (user interface) mengurus tampilan: tipografi, warna, layout, ikon, dan komponen yang membuat produk rapi, terbaca, dan konsisten. UI menghidupkan kerangka UX menjadi sesuatu yang enak dipandang dan nyaman disentuh.
Keduanya satu rangkaian. UX tanpa UI menghasilkan produk yang masuk akal tapi mentah. UI tanpa UX menghasilkan tampilan cantik yang membingungkan saat dipakai. Di banyak perusahaan, satu orang yang disebut product designer menggarap keduanya. Di EduPoint, Anda belajar seluruh rentang ini, lalu mentor membantu menemukan condong Anda ke riset UX atau ke visual UI.
Jawaban singkatnya: tidak wajib. Seorang UI/UX designer berfokus pada tahap merancang. Tugas utamanya menggali kebutuhan, menyusun alur, dan membuat rancangan di Figma, lalu menyerahkannya ke developer untuk dikodekan.
Meski begitu, memahami dasar cara kerja antarmuka web dan aplikasi sangat membantu. Desainer yang paham keterbatasan teknis cenderung membuat rancangan yang masuk akal untuk dibangun, sehingga kolaborasi dengan developer lebih mulus. Ini soal kesadaran akan batas teknis, sementara penulisan kode tetap menjadi ranah developer.
Kabar baiknya, Anda bisa mulai dan produktif murni dengan Figma tanpa menyentuh kode sama sekali. Di EduPoint, fokus utamanya melatih cara berpikir desain dan kelincahan di Figma. Bila Anda ingin sekadar mengenal dasar HTML dan CSS agar handoff lebih lancar, mentor bisa menambahkannya secukupnya sesuai tujuan Anda.
Kabar melegakan untuk pemula: alat utamanya sedikit dan saling terhubung. Pusatnya adalah Figma, tempat hampir semua pekerjaan terjadi, dari wireframe, UI, prototype, sampai design system. Menguasai Figma dengan baik sudah membawa Anda sangat jauh.
Untuk tahap awal proses, ada FigJam atau Whimsical untuk memetakan alur dan ide bersama. Untuk pengujian, ada Maze atau sekadar sesi observasi sederhana saat orang mencoba prototype Anda. Untuk inspirasi dan referensi, desainer biasa melihat galeri karya, dengan catatan menelaah alasan di balik sebuah karya sebelum menjadikannya acuan.
Di EduPoint, kami sengaja tidak membebani Anda dengan banyak tool sekaligus. Mulai dari Figma sampai benar-benar lincah, lalu tambahkan alat pendukung saat memang dibutuhkan. Mentor membantu memilih urutan belajar sesuai target Anda, supaya tidak kewalahan di awal.
Sertifikat jarang cukup di dunia produk. Perekrut ingin melihat cara Anda berpikir. Berikut langkah membangun portfolio yang bercerita:
- Pilih satu masalah nyata yang Anda pahami: aplikasi yang Anda pakai sehari-hari atau kebutuhan di sekitar Anda lebih mudah dikerjakan secara jujur. - Tunjukkan prosesnya secara utuh: mulai dari masalah, riset, alur, sampai keputusan desain yang Anda ambil. - Ceritakan alasan di balik keputusan: jelaskan kenapa sebuah tombol diletakkan di sana, kenapa alurnya begitu. Inilah yang dinilai. - Sertakan bukti pengujian: satu kalimat tentang apa yang berubah setelah diuji ke pengguna jauh lebih meyakinkan. - Rapikan jadi satu studi kasus utuh: satu proyek yang dalam lebih berkesan daripada lima yang dangkal. - Publikasikan: unggah ke portfolio online seperti situs pribadi atau platform desain agar mudah dibagikan saat melamar.
Di paket Karier dan Portfolio, mentor mendampingi Anda menyusun studi kasus dari nol sampai layak dipamerkan, sehingga Anda melamar dengan bukti berpikir, melampaui sekadar tampilan.
Panduan & Tips
Artikel pendukung untuk membantu Anda memutuskan dan memaksimalkan hasil belajar.
Cara Belajar UI/UX Design dari Nol untuk Pemula Sampai Punya Portfolio
Tujuh tahap berurutan yang membawa pemula total dari mengenal Figma sampai menyusun satu studi kasus utuh yang berani ditunjukkan saat melamar kerja.
Cara Membuat Portofolio UI/UX untuk Pemula yang Dilirik Perekrut
Enam langkah menyusun satu studi kasus yang bercerita, dari memilih proyek yang tepat sampai menerbitkannya di platform yang biasa dicek perekrut produk.
Perbedaan UI dan UX untuk Pemula, Dijelaskan dengan Bahasa Sederhana
Dua istilah yang sering tertukar sejak hari pertama belajar desain digital, kini dijelaskan lewat contoh sehari-hari, tabel perbandingan, dan langkah mengenalinya.
Program Terkait
Program teknologi lain yang sering diambil bersama UI/UX design.
Mulai Rancang Produk Digital Pertama Anda Hari Ini
Konsultasi gratis untuk menentukan tujuan, mencocokkan mentor, dan menyusun jalur dari riset sampai prototype dan portfolio.
Konsultasi gratis tanpa komitmenBelajar dengan studi kasus produk nyatatutor bisa diganti gratis sewaktu-waktu