Simulic
Bahasa Indonesia

Uji kebergunaan dan aksesibilitas – pengguna simulasi dan WCAG

InformatikaAplikasi digitalUsia 17–18

Memuat…

Gunakan di kelas saya ✨ Sesuaikan dengan AI Laporkan masalah

Pengguna simulasi dengan kebutuhan berbeda (pengguna umum, lansia berpenglihatan lemah, orang dengan tangan gemetar, tunanetra yang memakai pembaca layar, pengguna yang hanya memakai papan ketik, tunarungu, dan buta warna) mengerjakan tugas yang sama pada dua desain antarmuka, A dan B. Simulasi mengukur waktu, galat, jumlah aksi, dan tingkat keberhasilan serta menggambar setiap ketukan pada tombol. Ubah ukuran tombol, jarak, ukuran huruf, warna, label, kedalaman menu, teks alternatif, urutan judul, urutan baca, dan teks takarir lalu uji lagi; pemeriksa aksesibilitas menghitung rasio kontras dan memeriksa kriteria WCAG 2.2.

Pelajaran: Desain antarmuka yang berpusat pada pengguna: uji kebergunaan, aksesibilitas, dan kriteria WCAG

Yang ditunjukkan

Kebergunaan adalah seberapa cepat dan andal orang menyelesaikan tugas dengan sebuah antarmuka; aksesibilitas berarti penyandang disabilitas juga dapat memakainya. Perancang menguji dengan pengguna yang kebutuhannya berbeda dan mengukur waktu, galat, dan keberhasilan. Waktu mengetuk mengikuti hukum Fitts: target kecil dan jauh butuh waktu lebih lama dan lebih sering meleset. Pedoman Aksesibilitas Konten Web (WCAG 2.2) menetapkan kriteria yang dapat diuji: kontras teks minimal 4,5:1, teks alternatif untuk gambar dan tombol ikon, judul berurutan, urutan baca yang logis, takarir pada video, target minimal 24 px, dan tidak ada informasi yang hanya disampaikan lewat warna.

Cara menggunakan

Pilih Tugas dan Kelompok pengguna, lalu pilih desain yang disunting dengan A atau B. Ubah Ukuran tombol, Jarak, Ukuran huruf, Kedalaman menu, warna, Label tombol, Judul, dan Urutan baca, lalu centang Teks alternatif, Takarir video, atau Status hanya dengan warna. Tabel dan grafik langsung diperbarui; tekan Jalankan uji untuk menganimasikan sampel pengguna baru. Bandingkan kedua desain di Pemeriksa aksesibilitas dan baca daftar urutan pembaca layar.

Parameter yang dapat diubah

  • Tugas Memperpanjang buku yang terlambat, Mencari jam buka hari ini, Menonton video bantuan
  • Pengguna simulasi Semua kelompok, Pengguna umum, Lansia berpenglihatan lemah, Tangan gemetar, Tunanetra (pembaca layar), Hanya papan ketik, Tunarungu, Buta warna merah-hijau
  • Pengguna per kelompok 5–40 pengguna
  • Desain awal A buruk, B diperbaiki, A dan B sama (perbaiki B sendiri)
  • Desain yang disunting Desain A, Desain B
  • Tampilkan pemeriksa aksesibilitas

Pertanyaan untuk dijelajahi

  1. Mengapa tombol yang lebih besar lebih membantu orang dengan tangan gemetar daripada pengguna umum?
  2. Apakah teks abu-abu #9e9e9e di atas putih lolos level AA, dan bagaimana Anda memperbaikinya?
  3. Mengapa tombol ikon tanpa teks alternatif membuat pengguna pembaca layar menyerah?

Simulasi terkait