Belajar UI/UX Design - Sejarah, Latar Belakang & Mengapa Membutuhkannya
Menelusuri akar UX dari ergonomi & HCI tahun 1950-90an dan istilah UX yang dipopulerkan Don Norman pada 1993, plus UI yang lahir dari GUI Xerox PARC, hingga mengapa di 2026 desainer harus bergeser dari attention economy ke economy of intention dengan AI sebagai kolaborator dan accessibility-first sebagai syarat hukum.
#Pendahuluan
Setelah di episode 0 kita menyiapkan environment — Figma, tool riset, dan aksesibilitas — pada episode ini kita menarik napas sejenak dari hands-on dan memahami mengapa UI/UX ada. Sejarah sebuah disiplin mungkin terasa tidak penting, padahal justru di sanalah letak alasan mengapa ia dirancang seperti sekarang.
Mengapa harus memahami sejarah UI/UX? Karena banyak keputusan desain yang kita anggap "wajar" hari ini — tombol, scroll, ikon, alur tanpa gesekan — lahir dari puluhan tahun percobaan dan kegagalan. Memahami perjalanannya akan membuat kalian menghargai mengapa user-centered bukan sekadar tren, dan mengapa di 2026 disiplin ini lebih dibutuhkan daripada sebelumnya.
#Akar UX: Ergonomi dan HCI
Istilah UX mungkin terdengar modern, tetapi fondasinya sudah dibangun sejak pertengahan abad ke-20:
| Periode | Tonggak |
|---|---|
| 1940-1950 | Ergonomi lahir dari kebutuhan militer & industri: merancang peralatan agar cocok dengan manusia, bukan sebaliknya |
| 1960-an | Riset interaksi manusia-komputer (HCI) dimulai bersama komputer generasi awal |
| 1980-an | Xerox PARC mengembangkan GUI pertama yang dipakai publik — jendela, ikon, mouse |
| 1993 | Don Norman populerkan istilah User Experience saat bergabung dengan Apple |
| 2000-an | Era web & mobile: UX menjadi disiplin resmi dengan metodologi riset & testing |
| 2010-2026 | UX masuk ke tim product, berkembang ke design system, dan kini dibantu AI |
HCI (Human-Computer Interaction) adalah fondasi ilmiah UX: mempelajari bagaimana manusia berinteraksi dengan komputer. Dari sanalah lahir konsep usability (kemudahan pemakaian), affordance (obyek memberi petunjuk cara pakainya), dan feedback (sistem merespons tindakan pengguna).
#UI dan UX: Dua Akar yang Berbeda
Menariknya, UI dan UX punya garis keturunan berbeda:
- UI (User Interface) lahir dari desain grafis & GUI. Xerox PARC, lalu Apple & Microsoft, membuktikan bahwa antarmuka visual yang baik membuat komputer bisa dipakai oleh orang awam. UI berkutat pada tampilan: layout, warna, tipografi, komponen.
- UX (User Experience) lahir dari psikologi kognitif & ergonomi. Don Norman, lewat bukunya The Design of Everyday Things, menunjukkan bahwa pintu yang membingungkan sekalipun adalah masalah desain. UX berkutat pada pengalaman keseluruhan: riset, alur, emosi, kepuasan.
Keduanya bertemu di produk digital: UX menentukan apa yang dirasakan pengguna saat menyelesaikan tugas, UI menentukan wujud visual dari setiap langkahnya. Di episode 2 kita bedah perbedaan dan arsitekturnya secara detail.
Note
Frase klasik untuk membedakan keduanya: "UI is the bridge, UX is the journey across it." UI adalah antarmuka yang dilihat, UX adalah pengalaman total — termasuk hal-hal yang tidak pernah terlihat, seperti kecepatan loading dan error yang tidak pernah muncul.
#Mengapa UI/UX Dibutuhkan di 2026
#Dari Attention Economy ke Economy of Intention
Fokus desain bergeser dari merebut perhatian (attention economy — jam tayang, scroll tanpa akhir) ke menghormati niat pengguna (economy of intention). Metrik keberhasilan kini: seberapa cepat pengguna menyelesaikan tugas yang memang mereka inginkan dan seberapa besar mereka percaya pada produk — bukan berapa lama mereka betah berlama-lama. Desain yang memanipulasi perhatian kini dianggap anti-pattern (kita bahas dark patterns di episode 18).
#AI sebagai Kolaborator (Bukan Pengganti)
Data industri 2025-2026 konsisten: 91-93% desainer memakai AI mingguan atau harian dalam workflow mereka — riset, wireframe, varian UI, hingga audit aksesibilitas. Ini bukan berarti desainer kehilangan pekerjaan; justru AI mengangkat peran desainer ke judgment dan strategi. Tools seperti Figma Make & MCP kita bedah di episode 23.
#Accessibility-First sebagai Syarat Hukum
EU Accessibility Act (berlaku penuh di 2025-2026) mewajibkan produk digital yang dijual di UE memenuhi standar aksesibilitas (berbasis WCAG 2.2). Ditambah penguatan web accessibility global oleh W3C/WAI, aksesibilitas bukan lagi "nice to have" — ia persyaratan hukum dan audit kelulusan. Episode 13 akan membedah ini.
#Mengapa Kalian Harus Belajar UI/UX
Empat alasan kuat:
| Alasan | Arti Praktis |
|---|---|
| Membedakan produk | 75% pengguna menilai kredibilitas dari desain visual; UX buruk menelan biaya retensi |
| Menghemat biaya | Memperbaiki masalah di fase desain jauh lebih murah daripada di fase kode/produksi |
| Persyaratan hukum | Accessibility-first (EU Accessibility Act, WCAG 2.2) kini wajib di banyak pasar |
| Skill komplementer | Frontend developer dengan pemahaman UX merancang produk yang benar-benar dipakai |
Bagi frontend developer, pemahaman UI/UX mengubah pola pikir dari "menerjemahkan desain" menjadi "ikut membentuk kualitas produk" — ini yang membedakan engineer junior dan senior.
#Penutup
Pada episode 1 ini, kalian telah menelusuri perjalanan UI/UX dari ergonomi & HCI tahun 1950-90an hingga menjadi disiplin yang tak terpisahkan dari produk digital di 2026.
Inti yang harus dibawa pulang:
- UX berakar dari ergonomi & HCI; istilahnya dipopulerkan Don Norman pada 1993 saat di Apple.
- UI berakar dari desain grafis & GUI (Xerox PARC); UI adalah wujud, UX adalah pengalaman total.
- 2026: fokus bergeser ke economy of intention, AI sebagai kolaborator (91-93% desainer memakainya), dan accessibility-first sebagai syarat hukum.
- Memahami sejarah membuat kalian menghargai prinsip user-centered yang menjadi inti semua episode berikutnya.
Di episode 2 selanjutnya kita akan membedah UI vs UX: konsep & arsitektur — bagaimana UI dan UX saling melengkapi, serta kerangka kerja Double Diamond dan design thinking yang menjadi tulang punggung proses desain. Sampai jumpa di episode 2!