stdsquare²
🎓 Kelas
stdsquare / materi / slides / pertemuan-13
Tema
Japan
Arcade
Dark Retro
Font
‹ Daftar slide Pertemuan 13: Prototipe Interaktif & Uji Usabilitas
PRODI BISNIS DIGITAL · FEB UNDIP

Teknologi Web & Mobile

Pertemuan 13: Prototipe Interaktif & Uji Usabilitas

Dari mockup diam ke prototipe yang bisa "dirasakan" — lalu buktikan lewat pengguna asli, bukan asumsi tim.

RPS minggu 14 · 2x50 menit

Tujuan Pembelajaran

Setelah pertemuan ini, Anda mampu:

TUJUAN 1
01
Bedakan tingkat fidelitas prototipe
Menjelaskan perbedaan low-fidelity, mid-fidelity, dan high-fidelity prototype beserta kapan masing-masing dipakai dalam siklus pengembangan produk.
TUJUAN 2
02
Rancang skenario uji usabilitas
Menyusun task scenario dan protokol uji usabilitas yang valid untuk menguji satu alur fitur digital, lengkap dengan metrik keberhasilan.
TUJUAN 3
03
Hitung metrik usabilitas
Menghitung Success Rate dan skor System Usability Scale (SUS) dari data hasil pengujian pengguna secara manual dari nol.
TUJUAN 4
04
Terjemahkan temuan jadi keputusan
Mengubah temuan uji usabilitas menjadi rekomendasi perbaikan produk yang actionable bagi tim desain dan teknologi.
BAGIAN 1 DARI 3
Mengapa Prototipe & Uji Usabilitas Penting?
Produk digital yang gagal bukan karena teknologinya buruk, tapi karena tidak pernah diuji ke pengguna sungguhan sebelum diluncurkan.

Kasus Pembuka: Kenapa Fitur Bagus Bisa Gagal Total?

Sebuah e-commerce lokal meluncurkan fitur "checkout satu klik" tanpa uji pengguna. Hasilnya setelah 2 minggu:

KELUHAN CS
+340%
tiket bantuan checkout
TRANSAKSI GAGAL
1 dari 4
pengguna batal beli
BIAYA PERBAIKAN
~15x
lebih mahal vs uji di awal
Angka ilustratif untuk menggambarkan pola nyata di industri — bukan data satu perusahaan spesifik. Polanya konsisten: kesalahan desain yang ditemukan setelah rilis jauh lebih mahal diperbaiki daripada saat masih berupa prototipe kertas.

Definisi: Prototipe & Uji Usabilitas

PROTOTIPE (PROTOTYPE)

Representasi awal produk yang bisa "dicoba" sebelum dibangun penuh dalam kode. Fungsinya untuk mengumpulkan umpan balik cepat dan murah.

UJI USABILITAS (USABILITY TESTING)

Metode riset di mana pengguna asli mencoba menyelesaikan tugas nyata memakai prototipe, sambil diamati dan diukur tingkat keberhasilannya.

Kata kunci: prototipe menjawab pertanyaan "apakah ide ini bisa dibangun & masuk akal?", sedangkan uji usabilitas menjawab "apakah manusia sungguhan bisa memakainya?" Keduanya berbeda tapi saling melengkapi.

Tiga Tingkat Fidelitas Prototipe

LOW-FIDELITYSketsa kertas / wireframekasar, hitam-putihCepat & murah dibuatTidak interaktifMID-FIDELITYLayout digital rapi,abu-abu, klik antar-layarFokus alur & strukturBelum ada warna finalHIGH-FIDELITYTampak seperti aplikasi asliwarna, font, ikon finalTerasa nyata bagi penggunaPaling mahal & lambat dibuat
Aturan praktis: makin awal tahap ide, makin rendah fidelitas yang dipakai — jangan buang waktu membuat tampilan cantik sebelum alurnya sendiri terbukti masuk akal.

Alat Prototyping yang Umum Dipakai Industri

DESAIN & KLIK-ANTAR-LAYAR
Figma
standar industri saat ini
SKETSA CEPAT
Kertas
+ pena, tanpa software
INTERAKSI KOMPLEKS
ProtoPie
animasi & sensor lanjutan
Alat hanyalah sarana — keputusan bisnis yang benar tetap datang dari kualitas skenario pengujian, bukan dari kecanggihan software prototyping-nya.
BAGIAN 2 DARI 3
Merancang Uji Usabilitas
Sebuah pengujian yang baik dimulai dari pertanyaan yang jelas dan skenario tugas yang realistis, bukan sekadar "coba pakai lalu kasih pendapat".

Lima Komponen Protokol Uji Usabilitas

1–2: SIAPA & APA
  • Peserta (participant): representatif dari target pengguna asli, bukan tim internal
  • Task scenario: instruksi tugas nyata, ditulis sebagai cerita, bukan perintah teknis
3–5: BAGAIMANA DIUKUR
  • Metrik keberhasilan: selesai/tidak, waktu, jumlah kesalahan
  • Metode observasi: think-aloud, rekam layar, catat ekspresi
  • Kuesioner pasca-tugas: mengukur persepsi kemudahan (mis. SUS)

Task Scenario yang Baik vs Buruk

CONTOH BURUK — MEMBOCORKAN JAWABAN

"Klik ikon keranjang di kanan atas, lalu tekan tombol checkout."

Peserta hanya mengikuti perintah, bukan memakai penalaran sendiri — datanya tidak mencerminkan pengalaman pengguna asli.

CONTOH BAIK — BERBASIS TUJUAN

"Anda ingin membeli sepatu lari ukuran 42 warna hitam. Silakan selesaikan pembeliannya sampai pesanan berhasil dibuat."

Peserta harus menemukan jalannya sendiri — di sinilah letak masalah usabilitas terungkap.

Jebakan umum pemula: menulis skenario yang menyebut nama tombol atau menu — ini disebut leading task dan merusak validitas hasil pengujian.

Berapa Banyak Peserta yang Dibutuhkan?

5 peserta ≈ menemukan ∼85% masalah usabilitas utama

Prinsip dari riset klasik Jakob Nielsen: menambah peserta setelah 5 orang memberi temuan baru yang makin sedikit per peserta tambahan — sementara biaya terus naik linear.

1 PESERTA
~31%
masalah ditemukan
5 PESERTA
~85%
masalah ditemukan
Untuk tim kecil/UMKM digital dengan anggaran terbatas: 5 peserta per putaran jauh lebih efisien daripada menunggu bisa menguji 30 orang sekaligus.
BAGIAN 3 DARI 3
Mengukur Usabilitas & Mengambil Keputusan
"Mudah dipakai" bukan sekadar perasaan — ada metrik yang bisa dihitung dari nol, lalu diterjemahkan menjadi rekomendasi perbaikan konkret bagi tim produk.

Hitung dari Nol #1: Success Rate

Skenario: 12 peserta diuji mencoba menyelesaikan tugas "cari & beli sepatu ukuran 42". 9 peserta berhasil menyelesaikan tanpa bantuan.

LangkahPerhitunganNilai
1. Jumlah peserta berhasildiberikan dari data pengujian9 orang
2. Jumlah total pesertadiberikan dari data pengujian12 orang
3. Rasio keberhasilan9 ÷ 120,75
4. Ubah ke persen0,75 × 10075%
SUCCESS RATE
75%
dari 12 peserta uji

Hitung dari Nol #2: Skor System Usability Scale (SUS)

SUS terdiri dari 10 pernyataan berskala 1–5. Contoh 2 pernyataan (skor 1 peserta):

LangkahPerhitunganNilai
1. Pernyataan ganjil (positif): skor mentah − 1Item 1 diberi skor 4 → 4 − 13
2. Pernyataan genap (negatif): 5 − skor mentahItem 2 diberi skor 2 → 5 − 23
3. Jumlahkan seluruh 10 item yang sudah dikonversicontoh total 10 item27
4. Kalikan total dengan 2,527 × 2,567,5
SKOR SUS
67,5
skala 0–100 · "di atas rata-rata"

Coba Sendiri: Hitung Skor SUS Produk Anda

Masukkan skor 10 pernyataan SUS dari seorang responden, lalu amati bagaimana skor akhirnya dihitung dalam skala 0-100.

Membaca Skor SUS: Skala Interpretasi

Rentang Skor SUSInterpretasiTindakan Tim Produk
< 51Buruk (poor)Revisi besar diperlukan sebelum lanjut
51 – 67Di bawah rata-rata (ok)Perbaikan bertarget di titik masalah
68 – 80Di atas rata-rata (good)Layak lanjut, tetap iterasi kecil
> 80Sangat baik (excellent)Siap skala lebih luas
Angka batas ini merupakan konvensi umum dari penelitian usabilitas industri (Bangor, Kortum & Miller) — gunakan sebagai panduan, bukan hukum mutlak; selalu bandingkan dengan skor produk sejenis sebagai konteks.

Memprioritaskan Temuan: Matriks Tingkat Keparahan

KRITISPeserta gagal totalmenyelesaikan tugas intiPerbaiki sebelum rilisMAYORSelesai, tapi lambat& penuh keraguanPrioritas tinggi sprint depanMINORSedikit gangguan,tugas tetap selesaiMasuk antrean backlogKOSMETIKPreferensi visual,tak ganggu fungsiOpsional, jika ada waktu

Menulis Rekomendasi yang Actionable

REKOMENDASI LEMAH

"Halaman checkout membingungkan, tolong diperbaiki supaya lebih mudah dipakai."

Tidak jelas bagian mana, tidak jelas apa yang harus diubah tim teknis.

REKOMENDASI KUAT

"6 dari 9 peserta salah mengira tombol 'Lanjutkan' sebagai navigasi, bukan pembayaran. Ganti label jadi 'Bayar Sekarang' + tambah ringkasan harga di atas tombol."

Spesifik: bukti data, lokasi pasti, solusi konkret.

Latihan Kelompok: Rancang Skenario Uji

Bentuk kelompok 3–4 orang. Pilih satu aplikasi yang sering Anda pakai (mis. Shopee, Gojek, myBCA, Tokopedia).

TUGAS KELOMPOK (15 MENIT)
  • Pilih 1 fitur/alur untuk diuji (mis. "ubah alamat pengiriman")
  • Tulis 1 task scenario berbasis tujuan (bukan leading task)
  • Tentukan metrik keberhasilan yang akan diukur
  • Tentukan berapa peserta yang idealnya dibutuhkan
PRESENTASI SINGKAT

2 kelompok akan diminta membacakan task scenario mereka ke kelas — kelas lain menilai apakah skenarionya sudah "berbasis tujuan" atau masih "leading task".

Kesalahan Umum yang Harus Dihindari

KesalahanDampakCara Menghindari
Menguji ke tim internal sendiriBias — tim sudah tahu cara pakainyaRekrut peserta dari luar tim/organisasi
Skenario menyebut nama tombol/menuData tidak mencerminkan kesulitan asliTulis skenario berbasis tujuan/goal
Mengarahkan peserta saat macetMenutupi masalah usabilitas nyataBiarkan peserta mencoba sendiri, catat saja
Hanya laporkan skor, tanpa konteksTim tidak tahu apa yang harus diperbaikiSertakan bukti kualitatif + rekomendasi konkret

Rangkuman & Tugas Menuju Pertemuan 14

TahapOutputPertanyaan Kunci
1. Pilih fidelitas prototipeSketsa kertas / mid / high-fidelitySeberapa matang idenya saat ini?
2. Rancang task scenarioSkenario berbasis tujuanApakah ini leading atau goal-based?
3. Jalankan sesi (5 peserta)Data klik + rekaman think-aloudDi mana peserta ragu/tersesat?
4. Hitung Success Rate & SUSAngka 0–100%Seberapa baik dibanding standar?
5. Prioritaskan & rekomendasikanDaftar temuan bersev + solusiApa yang harus dikerjakan tim dulu?
Pertemuan 14: presentasi proyek akhir — wajib sertakan bukti Success Rate dari minimal 3 peserta uji nyata terhadap prototipe kelompok Anda.

📖 Baca juga: Sensitivity Scenario Analysis — penjelasan mendalam dan contoh numerik.