Apa Itu UI (User Interface)?
- UI adalah TAMPILAN dan RASA.
UI berfokus pada bagaimana suatu produk (aplikasi/website) terlihat dan dirasakan. Ini adalah semua elemen visual yang berinteraksi langsung dengan pengguna. - Tugas UI Designer:
Memastikan antarmuka produk secara visual indah, konsisten, dan enak dipandang. Mereka mendesain:- Tombol (warna, bentuk, ukuran)
- Tipografi (jenis & ukuran font)
- Tata letak (layout)
- Skema warna
- Icon dan gambar
- Spacing dan animasi mikro (micro-interactions)
- Analogi:
UI designer seperti kokinya. Mereka yang memastikan kopi yang disajikan memiliki rasa yang enak, foam yang sempurna, dan disajikan dalam cangkir yang elegan.
Apa Itu UX (User Experience)?
- UX adalah PERJALANAN dan PERASAAN.
UX berfokus pada bagaimana pengalaman pengguna secara keseluruhan saat menggunakan produk. Apakah prosesnya mudah, efisien, dan menyenangkan? - Tugas UX Designer:
Memastikan produk berguna, mudah digunakan, dan memuaskan bagi pengguna. Mereka melakukan:- Riset pengguna (user research)
- Membuat alur penggunaan (user flow)
- Membuat wireframe (kerangka dasar)
- Melakukan pengujian kegunaan (usability testing)
- Menganalisis data untuk meningkatkan pengalaman
- Analogi:
UX designer seperti arsitek kafe. Mereka yang merancang alur pelanggan dari masuk, memesan, mengambil kopi, sampai duduk nyaman. Mereka memastikan perjalanan pelanggan dari awal sampai akhir lancar dan menyenangkan.
Tabel Perbedaan Singkat
| Aspek | UI (User Interface) | UX (User Experience) |
|---|---|---|
| Fokus | Tampilan & rasa visual | Pengalaman & perasaan pengguna |
| Tujuan | Indah, konsisten, menarik | Mudah, efisien, memuaskan |
| Output | Tombol, warna, typography, layout | User flow, wireframe, penelitian, prototype |
| Analoginya | Koki – yang memasak dan menyajikan | Arsitek – yang merancang denah & alur |
Contoh Nyata: Aplikasi E-Wallet
- UX Designer akan memikirkan:
“Bagaimana cara agar user bisa transfer uang dalam 3 ketukan saja? Apakah tombol ‘Bayar’ mudah ditemukan? Bagaimana jika user salah input nominal?” - UI Designer akan memikirkan:
“Warna apa yang cocok untuk tombol ‘Bayar’ agar menonjol? Apakah font-nya mudah dibaca? Animasi seperti apa yang muncul saat transfer berhasil?”