Emotional Design dalam UX: Rancang Interaksi yang Bermakna
Ilustrasi emotional design dalam UX menampilkan antarmuka dengan ekspresi visual, microcopy ramah, dan animasi interaktif yang menyentuh emosi pengguna
Month: July 2025
Loading UX Psychology: Membuat Menunggu Terasa Lebih Cepat
Dalam UX, kecepatan bukan hanya soal seberapa cepat sistem bekerja—tapi juga seberapa cepat pengguna merasa sistem bekerja.Itulah prinsip dari Loading…
Content-First UX: Saat Narasi Menentukan Struktur Desain
Ilustrasi content-first UX yang menunjukkan alur penulisan konten sebelum layout, dengan blok teks, heading, dan CTA diatur sebelum elemen visual…
Touch Target Optimization: Biar UI Nyaman di Ujung Jari
Contoh touch target optimization: tombol besar di bagian bawah layar, spacing ideal antar elemen, dan tap area 48x48 px untuk…
Progressive Disclosure UX: Tampilkan Informasi Sedikit demi Sedikit
Ilustrasi progressive disclosure UX berupa formulir multi-step, tombol lihat lebih banyak, dan konten lanjutan yang bisa dibuka-tutup dalam antarmuka mobile
UI Mode Lanskap: Optimasi Horizontal untuk Layar Sentuh
Contoh UI mode lanskap pada aplikasi tablet dengan layout split-view, navigasi sidebar, dan grid horizontal yang responsif
Delightful Details dalam UX: Kejutan Kecil yang Berkesan
Contoh delightful details UX seperti animasi confetti, ilustrasi empty state, dan teks interaktif di dalam aplikasi desain dan edukasi mobile
Visual Hierarchy dalam Desain UI: Menuntun Mata, Mengarahkan Fokus
Ilustrasi visual hierarchy dalam UI dengan perbedaan ukuran teks, kontras warna, dan penempatan CTA yang menonjol di antarmuka mobile dan…
Accessibility UX: Desain yang Bisa Diakses Semua Orang
Contoh antarmuka aksesibel dengan teks kontras tinggi, label form yang terbaca screen reader, dan navigasi keyboard yang terlihat jelas
Design Ethics in UX: Antara Manfaat dan Manipulasi
Ilustrasi perbandingan antara UX etis dan UX manipulatif dalam flow langganan aplikasi dengan tombol dan teks yang kontras
Error Prevention UX: Mencegah Kesalahan Sebelum Terjadi
Contoh error prevention UX dalam form input: validasi real-time, tombol submit yang nonaktif, dan tooltip panduan di field nomor dan…
Antarmuka Berbasis Gesture: Navigasi Natural di Layar Sentuh
Ilustrasi antarmuka berbasis gesture pada aplikasi mobile, dengan interaksi swipe, tap, pinch, dan hold di elemen daftar dan peta
Behavior-Based UI: Merancang Berdasarkan Tindakan, Bukan Asumsi
Ilustrasi behavior-based UI yang menampilkan elemen navigasi dan rekomendasi berbeda berdasarkan tindakan pengguna sebelumnya dalam aplikasi mobile dan web
Eye Tracking dalam UX: Mendesain Berdasarkan Fokus Visual Nyata
Contoh heatmap eye tracking yang menunjukkan area fokus pengguna pada halaman website responsif dengan CTA, hero, dan navigasi
Responsive Data Table: Menyajikan Informasi Kompleks di Berbagai Ukuran
Ilustrasi Responsive Data Table dengan struktur scroll horizontal, collapsible rows, dan tampilan mobile berbasis kartu