Lompat ke konten utama
←

Riset Pengguna dan Design Thinking

Pelajaran 13 dari 16

Prototipe dan evaluasi usability

Wireframe, prototipe, dan fidelitas

Setelah pelajaran ini kamu bisa membedakan wireframe dari prototipe menurut fidelitas dan interaksinya, serta memilih jenis prototipe untuk tujuan riset.

±14 menitDiperiksa 27 Sep 2026

Materi

Panduan digital.gov mendefinisikan wireframe sebagai gambaran visual sederhana (low-fidelity) dari antarmuka: sketsa yang menunjukkan struktur, penempatan, dan hierarki, tanpa pilihan huruf, warna, atau unsur lain yang mengalihkan perhatian dari struktur. Prototipe adalah versi interaktif (high-fidelity) dari pengalaman yang akan dibangun; ia menunjukkan tampilan dan cara kerjanya tanpa detail penuh. Beda pokoknya menurut panduan itu: tidak seperti wireframe, prototipe menunjukkan interaksi. Digital.gov juga membedakan prototipe statis, sering di atas kertas, dari prototipe fungsional yang bisa diklik.

GOV.UK Service Manual mewajibkan tim membuat prototipe untuk menjelajah dan menguji desain sebelum membangun apa pun. Bentuknya berkisar dari sketsa pena dan kertas sampai prototipe kode yang bekerja seperti situs sungguhan. Sketsa berguna untuk membahas gagasan dasar dengan rekan kerja, sedangkan prototipe kode cocok untuk riset pengguna karena lebih realistis. Kode prototipe tidak perlu memenuhi standar kode produksi dan tidak boleh disalin begitu saja ke produksi. ISO 9241-210 mendefinisikan prototipe sebagai representasi sebagian atau seluruh sistem interaktif yang, walau terbatas, bisa dipakai untuk analisis, desain, dan evaluasi, dari sketsa sampai sistem yang berfungsi penuh.

Artefak aplikasi koperasi simpan pinjam (karangan)Jenis
Kotak-kotak abu-abu di kertas: posisi saldo, tombol setor, riwayatWireframe (low-fidelity)
Lima layar kertas yang ditukar tangan saat peserta "mengetuk"Prototipe statis
Halaman yang bisa diklik dari login sampai bukti setoranPrototipe fungsional

Latihan

0/3 lulus

Jawaban diperiksa di server. Lulus berarti kamu memahami contohnya, bukan penilaian seluruh pekerjaanmu.

Latihan 1 dari 3

Menurut digital.gov, apa beda utama prototipe dari wireframe?

Pilih satu jawaban

Latihan 2 dari 3

Tim ingin menguji alur pendaftaran yang realistis dengan pengguna. Menurut GOV.UK, jenis prototipe mana yang cocok untuk riset pengguna?

Pilih satu jawaban

Latihan 3 dari 3

Setelah prototipe kode lolos uji, pengembang ingin menyalinnya langsung ke layanan produksi. Menurut GOV.UK …

Pilih satu jawaban

Catatanmu

Memuat catatan…

tersimpan otomatis, ikut tercetak · 0/4.000

Luluskan semua latihan dulu untuk menandai pelajaran ini selesai.

Lanjutkan ke