Header_blog

Edukasi Coding

5 menit baca

Apa Itu UI dan UX: Pengertian, Bedanya, dan Contoh

Dipublikasikan: 12.08.2026·Diperbarui: 12.08.2026
Bayu Nugraha

Bayu Nugraha

Spesialis Coding Anak

Apa Itu UI dan UX: Pengertian, Bedanya, dan Contoh

UI adalah tampilan yang dilihat dan disentuh pengguna, sedangkan UX adalah pengalaman yang dirasakan pengguna selama memakainya.

Daftar Isi

Kepanjangannya user interface dan user experience. Perumpamaan yang paling sering dipakai: UI adalah kursi, meja, dan lampu di sebuah restoran, sedangkan UX adalah keseluruhan rasa saat makan di sana - termasuk berapa lama menunggu dan apakah pelayannya ramah.

Beda UI dan UX

UIUX
Yang diurusTampilan: warna, tombol, huruf, tata letakPengalaman: alur, kemudahan, rasa saat memakai
Pertanyaan utamanyaApakah ini terlihat jelas dan enak dipandang?Apakah orang berhasil menyelesaikan tujuannya?
Bisa dilihat?Ya, langsung terlihat di layarTidak, hanya terasa saat dipakai
Cara mengujinyaDilihat dan dinilaiDiamati saat orang sungguhan memakainya

Pembeda paling jujur ada di baris terakhir. UI bisa dinilai dengan memandang. UX hanya bisa dinilai dengan menyerahkan produknya kepada orang lain dan memperhatikan di bagian mana mereka bingung.

Contoh Nyata Keduanya

Bayangkan aplikasi pemesanan tiket kereta.

Masalah UI: tombol Pesan berwarna abu-abu muda di atas latar putih, sehingga hampir tidak terlihat. Tulisannya terlalu kecil dibaca di bawah sinar matahari.

Masalah UX: tombolnya terlihat jelas, tetapi untuk memesan satu tiket pengguna harus melewati tujuh halaman, mengisi data yang sama dua kali, dan baru diberi tahu di langkah terakhir bahwa kursinya sudah habis.

Aplikasi kedua terlihat bagus tetapi menyebalkan dipakai. Inilah alasan UI yang indah tidak otomatis berarti produk yang baik.

Kenapa Selalu Disebut Bersama

Karena keduanya gagal kalau berjalan sendiri. UI tanpa UX menghasilkan aplikasi yang cantik tetapi membingungkan. UX tanpa UI menghasilkan alur yang masuk akal tetapi tampilannya membuat orang tidak percaya.

Di tim kecil, satu orang sering mengerjakan keduanya, dan jabatannya ditulis sebagai desainer UI/UX. Di perusahaan besar, keduanya biasanya dipegang orang berbeda.

Kenapa Penting untuk Anak

Berpikir UX melatih satu kebiasaan yang berguna jauh di luar dunia desain: memperhatikan orang lain sebelum memutuskan. Anak yang merancang aplikasi harus bertanya siapa yang akan memakai ini, apa yang mereka cari lebih dulu, dan di bagian mana mereka mungkin tersesat.

Kebiasaan itu terbawa ke banyak hal - menulis penjelasan agar teman mengerti, menyusun presentasi, bahkan membuat aturan permainan yang adil. Semuanya menuntut membayangkan sudut pandang orang lain.

Cara paling sederhana melatihnya di rumah juga menyenangkan: minta anak memperhatikan aplikasi yang membuatnya kesal, lalu menjelaskan bagian mana yang bermasalah dan bagaimana seharusnya. Di jalur desain grafis remaja Algonova, anak merancang tampilan aplikasi sendiri memakai Figma. Coba kelas gratis.