🔹 Apa itu UI (User Interface)?
UI adalah tampilan visual dari sebuah aplikasi/website, meliputi:
Warna, tipografi (font), ikon
Tombol, form, menu
Layout / tata letak
Gambar dan ilustrasi
👉 Fokusnya adalah bagaimana sesuatu terlihat agar menarik, rapi, dan konsisten.
🔹 Apa itu UX (User Experience)?
UX adalah pengalaman pengguna ketika menggunakan aplikasi/website, meliputi:
Kemudahan navigasi (user mudah menemukan fitur)
Alur penggunaan (flow dari login → checkout, dll.)
Kecepatan dan efisiensi
Kepuasan dan kenyamanan pengguna
👉 Fokusnya adalah bagaimana sesuatu bekerja dan dirasakan.
🔹 Perbedaan UI vs UX
Aspek UI (User Interface) UX (User Experience)
Fokus Tampilan visual Pengalaman pengguna
Tujuan Indah & konsisten Mudah & nyaman
Contoh Tombol biru, font tebal Proses checkout 3 langkah
🔹 Tahapan dalam UI/UX Design
- Riset Pengguna → cari tahu siapa pengguna & kebutuhannya
- Wireframing → buat sketsa sederhana tata letak
- Prototyping → desain interaktif (misalnya di Figma)
- UI Design → warna, font, ikon, ilustrasi
- Testing → uji coba ke pengguna untuk perbaikan
🔹 Tools Populer UI/UX
Figma (paling populer, gratis untuk pemula)
Adobe XD
Sketch (khusus Mac)
InVision
Simak artikel kami yang lain di bawah ini :
- Apa itu Node.js? Pengertian,Fungsi,kelebihan dan kekurangannya. Simaklah berikut ini!
- tips Cara mencegah laptop anda overheating!
- Apa it SQL? Pengertian dan fungsi nya.
- Sejarah Munculnya CPU (Central Processing Unit)
- Apa itu Vue.js? Berikut Pengertian, Fitur, dan Kelebihan dan Kekurangan nya!
Ingin membuat sebuah Website tapi bingung cara bikin nya? tenang Powercode Solusi nya! Pembuatan website anda akan ditangani oleh programmer terbaik kami Silahkan kunjungi pembuatan Website Kami.
