Belajar UI/UX sering kelihatan seru dari luar. Desainnya estetik, hasilnya bisa langsung dilihat, dan kelihatannya “nggak terlalu teknis”. Tapi begitu mulai belajar, banyak orang malah bingung. Baru buka materi, sudah ketemu istilah seperti user research, wireframe, prototype, sampai usability testing. Rasanya kayak masuk hutan tanpa peta.

Padahal, belajar UI/UX itu bisa banget dimulai secara santai dan bertahap. Nggak harus jago gambar, nggak harus pinter coding, dan nggak harus langsung ngerti semuanya. Yang penting, tahu alurnya dan paham tujuan tiap langkah.

Artikel ini bakal ngebahas tutorial belajar UI/UX dari nol, pakai bahasa manusia, dan cocok buat kamu yang baru mau mulai.

1. Mulai dari Mindset: UI/UX Itu Soal Manusia

Hal paling penting sebelum belajar UI/UX adalah mindset. Banyak pemula langsung fokus ke desain yang cantik, padahal inti UI/UX itu bukan soal estetika dulu.

UI (User Interface) dan UX (User Experience) intinya adalah membantu pengguna. Tugas kamu bukan bikin desain yang menurut kamu keren, tapi desain yang memudahkan orang lain.

Jadi sejak awal, tanamkan di kepala:

“Aku desain buat user, bukan buat ego sendiri.”

Kalau mindset ini sudah kebentuk, proses belajarnya bakal jauh lebih masuk akal.

2. Bedain Dulu UI dan UX (Biar Nggak Ketuker)

Walaupun sering disebut barengan, UI dan UX itu beda peran.

• UI fokus ke tampilan visual
  Warna, font, tombol, icon, layout, spasi, dan kerapian desain.
• UX fokus ke pengalaman pengguna
  Alur penggunaan, kemudahan navigasi, logika berpikir user, dan kenyamanan.

Contoh gampang:

• Tombolnya warnanya jelas dan enak dilihat → UI
• Tombolnya gampang ditemukan dan fungsinya jelas → UX

Saat belajar, kamu nggak perlu milih salah satu dulu. Cukup pahami bedanya, karena nantinya dua-duanya bakal saling nyambung.

3. Latihan Paling Awal: Amati Produk Digital di Sekitar Kamu

Sebelum buka tool desain, latihan terbaik justru datang dari hal sehari-hari. Coba perhatiin aplikasi atau website yang sering kamu pakai.

Tanyain ke diri sendiri:

• Kenapa aku betah pakai aplikasi ini?
• Bagian mana yang bikin nyaman?
• Pernah nggak aku kesel pas pakai fitur tertentu?

Ini adalah latihan UX thinking paling dasar. Kamu sedang belajar melihat dari sudut pandang pengguna. Nggak perlu teori berat dulu, cukup peka sama pengalaman sendiri.

4. Kenalan Sama Dasar Desain Visual

Setelah mulai paham konsep, barulah masuk ke dasar UI. Tenang, ini bukan soal jago gambar.

Beberapa hal dasar yang perlu kamu pahami:

• Warna: kombinasi warna yang nyaman di mata
• Tipografi: pemilihan font yang mudah dibaca
• Hierarchy: mana yang harus paling menonjol
• Spacing: jarak antar elemen biar nggak sumpek

Kamu bisa belajar ini dari contoh-contoh desain, bukan hafalan teori. Lihat desain website, aplikasi, atau bahkan poster digital, lalu perhatiin polanya.

5. Mulai Pakai Tool Desain (Pelan-Pelan Aja)

Setelah itu, kamu bisa mulai kenalan sama tool desain seperti Figma. Nggak perlu langsung jago. Fokus dulu ke fungsi dasar:

• Bikin frame
• Nambah teks
• Nambah tombol
• Ngatur warna dan ukuran

Tujuan tahap ini bukan bikin desain keren, tapi terbiasa menuangkan ide ke bentuk visual.

Banyak pemula kejebak pengin desain sempurna. Padahal, desain awal itu boleh jelek. Yang penting jalan dulu.

6. Belajar Bikin Wireframe (Kerangka Dulu, Jangan Cantik Dulu)

Di dunia UI/UX, ada satu tahap penting yang sering dilewatin pemula: wireframe.

Wireframe itu kerangka kasar. Biasanya hitam putih, tanpa warna, tanpa dekorasi. Isinya cuma:

• Posisi header
• Letak konten
• Tombol di mana
• Alur halaman

Kenapa ini penting?
Karena wireframe bikin kamu fokus ke fungsi, bukan tampilan. Kalau alurnya sudah enak di wireframe, nanti dipercantik itu urusan belakangan.

7. Kenalan Sama Prototype dan Alur Interaksi

Setelah desain mulai kebentuk, kamu bisa lanjut ke prototype. Ini adalah simulasi interaksi.

Contohnya:

• Klik tombol pindah ke halaman lain
• Menu bisa dibuka
• Alur login atau checkout

Dengan prototype, kamu bisa ngerasain sendiri:
“Ini ribet nggak ya?”
“Kalau aku user, bakal paham nggak?”

Ini salah satu bagian UX yang seru, karena kamu mulai “merasakan” desainmu sendiri.

8. Jangan Takut Sama Feedback

Banyak pemula takut desainnya dikomentarin. Padahal, feedback itu makanan utama di dunia UI/UX.

Coba tunjukkan desainmu ke teman, lalu tanyakan:

• Menurut kamu, ini jelas nggak?
• Kamu bingung di bagian mana?
• Kalau pakai ini, enak atau ribet?

Di sinilah kamu benar-benar belajar UX. Karena UX bukan soal asumsi, tapi soal reaksi pengguna.

9. Konsistensi Lebih Penting dari Kecepatan

Belajar UI/UX itu maraton, bukan sprint. Nggak perlu belajar berjam-jam dalam satu hari lalu berhenti lama.

Lebih baik:

• 30–60 menit sehari
• Konsisten
• Sering latihan kecil

Sedikit demi sedikit, pola berpikirmu bakal berubah. Kamu jadi lebih peka sama desain, alur, dan pengalaman pengguna.

10. UI/UX Itu Skill yang Tumbuh Lewat Proses

Terakhir, satu hal penting: nggak ada UI/UX designer yang langsung jago. Semua orang pernah bingung, ngerasa desainnya jelek, dan ngerasa “kok aku nggak sepinter yang lain”.

Itu normal.

Yang bikin beda cuma satu: mereka nggak berhenti belajar.

Belajar UI/UX dari nol nggak harus ribet dan menakutkan. Dengan mindset yang benar, latihan bertahap, dan fokus ke pengguna, kamu bisa pelan-pelan masuk ke dunia ini dengan nyaman.

UI/UX bukan soal siapa yang paling jago desain, tapi siapa yang paling peduli sama pengalaman manusia di balik layar. Dan itu bisa dipelajari siapa saja.