Belajar UI/UX Design - Usability & UX Testing

#Pendahuluan

Setelah 14 episode membangun KasirKita — dari riset sampai prototype interaktif — tibalah saat yang paling jujur: mengujinya dengan pengguna nyata. Usability test adalah pintu gerbang antara "kami pikir desain ini bagus" dan "pengguna kami ternyata bisa memakainya".

Mengapa penting? Semua keputusan desain sejauh ini adalah hipotesis — bahkan yang berbasis riset. Satu sesi usability test pada prototype mengungkap asumsi yang meleset, dan memperbaikinya di fase desain jauh lebih murah daripada di fase kode. Nielsen Norman Group secara konsisten menunjukkan: 5 pengguna menemukan ~85% masalah usability.

#Usability Test: Moderated vs Unmoderated

Aspek	Moderated	Unmoderated
Moderator	Ada, memandu & probing	Tidak ada; otomatis
Lokasi	Lab / video call	Remote, kapan saja
Kedalaman	Dalam, bisa kejar pertanyaan	Dangkal, sesuai skrip
Biaya/waktu	Mahal, lambat	Murah, cepat
Kapan cocok	Eksplorasi, desain kompleks	Validasi, banyak responden

Untuk KasirKita: siklus pertama dengan moderated (5 responden) untuk memahami mengapa pengguna tersendat; jika sudah stabil, unmoderated dengan Maze untuk validasi ke responden lebih banyak.

#Task Scenarios

Task scenario adalah tugas nyata yang diminta dikerjakan peserta — bukan instruksi desain. Perhatikan bedanya:

Task scenario yang benar (KasirKita)

❌ "Klik tombol Konfirmasi"            → instruksi, bukan tugas
✅ "Seorang pembeli membeli nasi goreng
     dan es teh. Catat transaksi ini
     sampai selesai."                   → tugas dari dunia nyata

Scenario yang baik:

Berbasis tujuan pengguna (dari journey episode 5), bukan antarmuka.
Menyediakan konteks tapi tidak memberi petunjuk jalan.
Terukur: berhasil/gagal jelas didefinisikan.
5-7 task per sesi, dimulai dari yang mudah ke yang sulit.

Contoh 3 task inti KasirKita: (1) catat transaksi 2 item, (2) cek sisa stok gula, (3) buka rekap penjualan hari ini.

#Think-Aloud

Think-aloud adalah teknik meminta peserta mengatakan apa yang mereka pikirkan saat mengerjakan task. Inilah sumber insight terbesar: "kenapa saya harus klik di sini?" terucap secara alami, tanpa perlu menebak.

Peran moderator saat think-aloud:

Probing netral: "Apa yang kamu lihat di sini?" — bukan "apakah tombol ini membingungkan?"
Tahan diri dari membantu: jika peserta terjebak, catat sebagai masalah — jangan langsung memberi solusi.
Rekam layar + audio: perilaku & ucapan dua data yang saling melengkapi.

#Evaluasi Heuristic (Nielsen)

Saat tidak punya waktu untuk tes penuh, 10 heuristic Nielsen adalah checklist evaluasi cepat — oleh desainer atau ahli:

Visibility of system status — sistem selalu memberi tahu apa yang terjadi.
Match between system and the real world — bahasa pengguna, bukan jargon teknis.
User control and freedom — jalan keluar darurat (Batal, Undo).
Consistency and standards — pola sama antar layar.
Error prevention — cegah error sejak awal (konfirmasi sebelum aksi).
Recognition rather than recall — minimalkan menghafal; opsi terlihat.
Flexibility and efficiency of use — shortcut untuk pengguna mahir.
Aesthetic and minimalist design — tidak ada info yang tidak relevan.
Help users recognize, diagnose, recover from errors — error jelas + jalan keluar.
Help and documentation — bantuan saat dibutuhkan.

Contoh evaluasi KasirKita: pada Konfirmasi — "apakah pengguna selalu tahu berapa total? (heuristic 1)" — "apakah tombol Batal selalu tersedia? (3)" — "apakah label memakai bahasa warung, bukan istilah teknis? (2)".

#Praktik: Jalankan Usability Test + Sintesis Temuan

Rekrut 5 responden — idealnya mendekati persona Bu Sari (pemilik warung, bukan desainer).
Siapkan skrip: pembukaan, 3-5 task scenario, penutup.
Jalankan moderated (video call atau langsung) dengan think-aloud; rekam layar & audio.
Catat per task: sukses/gagal, waktu, observasi, kutipan peserta.
Sintesis temuan: kelompokkan masalah (affinity diagram, episode 4), tandai prioritas (blokir/mayor/minor).
Perbaiki prototype untuk masalah blokir, lalu jalankan siklus kedua.

Tip

Usability test paling efektif dilakukan berpasangan: satu moderator memandu sesi, satu notulis mencatat. Jangan merangkap keduanya — moderator harus fokus ke peserta, dan tidak mungkin mendengar sambil menulis dengan baik. Analisis dilakukan setelah sesi, bukan sambil jalan.

Warning

Godaan terbesar setelah testing: membela desain ("penggunanya yang kurang paham"). Hukum lapangan: jika pengguna gagal, itu masalah desain — bukan pengguna. Anggap setiap kegagalan sebagai data untuk memperbaiki, bukan untuk disangkal. Kegagalan yang dicatat jujur adalah investasi terbaik desainer.

#Common Pitfalls

Leading task — scenario yang sudah memberi tahu jawaban ("klik tombol biru di kanan").
Moderator membantu terlalu cepat — peserta tidak perlu dibantu untuk "menyelesaikan"; kegagalan adalah data.
Responden rekrutan sendiri — teman yang sudah tahu produk memberi hasil bias.
Tidak merekam — tanpa rekaman, kutipan & detail hilang.
Satu siklus lalu selesai — usability test adalah iterasi; siklus kedua membuktikan perbaikan.

#Penutup

Pada episode 15 ini, kalian telah menjalankan usability test pertama KasirKita dan menyintesis temuannya.

Inti yang harus dibawa pulang:

Moderated untuk pemahaman mendalam; unmoderated (Maze) untuk validasi skala besar.
Task scenario berbasis tujuan pengguna dan terukur — bukan instruksi klik.
Think-aloud mengungkap alasan di balik perilaku; tahan godaan membantu.
10 heuristic Nielsen adalah checklist evaluasi cepat tanpa peserta.
5 pengguna sudah menemukan ~85% masalah; kegagalan adalah data, bukan kesalahan pengguna.

Di episode 16 selanjutnya kita akan mengukur kualitas desain secara kuantitatif: UX metrics & analytics — task success, time on task, error rate, SUS, dan funnel analytics untuk KasirKita. Sampai jumpa di episode 16!