Antarmuka yang Membantu Pembaca
PT-INF-VIII-026
Merancang label, status, dan tampilan hasil yang jelas serta dapat diakses.
Bekal awal: Memahami kebutuhan pengguna serta kriteria hasil.
Jejak Ponpes Temas
Konteks revisi rencana serta pendampingan pada Hiwarut Thalabah PDF 121 dan 136 dipakai untuk kerja tim. Prototipe baru adalah usulan latihan, bukan perubahan layanan yang telah disetujui.
Kartu Sumber dan Kasus
7A · Prototipe Pencarian yang Membantu
Skenario pengguna rekaan
Seluruh data, tokoh, berkas, dan hasil baru pada kartu ini adalah simulasi/rekaan pembelajaran; bukan katalog, pengguna, fasilitas, atau kejadian nyata Ponpes Temas.
Pengguna rekaan ingin mencari kode B05 dan melihat jumlah tersedia. Prototipe awal hanya mempunyai kotak tanpa label, tombol bertuliskan OK, serta hasil lama yang tetap terlihat setelah masukan diubah. Prototipe revisi mempunyai label Kode bacaan, contoh bentuk, tombol Cari kode, dan status hasil yang jelas.
Kriteria tugas mencakup B05 ditemukan dengan judul serta tersedia 6; B07 sah tetapi tidak ditemukan; B7 bentuknya tidak sesuai; masukan kosong meminta kode. Pangkas spasi tepi serta perubahan huruf kecil ke besar boleh dinyatakan sebagai normalisasi, tetapi tidak menambah digit secara diam-diam.
Periksa label yang tetap terlihat, makna selain warna, penggunaan papan ketik, pembesaran teks, serta layar sempit. Bantuan selama uji dicatat, bukan disembunyikan. Rancangan ini bukan janji mengubah aplikasi Pustaka yang sedang berjalan dan tidak memerlukan akun pengguna baru.
Fokus pemeriksaan. Perilaku yang dapat diuji lebih penting daripada daftar nama tombol.
Label menjelaskan tindakan
Kolom masukan perlu nama yang jelas, misalnya Kode bacaan, bukan hanya kotak kosong. Contoh bentuk B05 membantu tanpa menggantikan label. Tombol menyebut tindakan seperti Cari kode. Kartu 7A membandingkan layar model yang membingungkan dengan rancangan lebih jelas. Istilah di layar disesuaikan tugas pembaca, bukan nama variabel internal program.
Status mencegah salah tafsir
Pisahkan belum mencari, sedang memeriksa bila diperlukan, ditemukan, tidak ditemukan, dan masukan tidak sesuai. Jika masukan berubah, hasil lama tidak ditampilkan seolah masih terbaru. Pesan salah menjelaskan perbaikan yang bisa dilakukan, bukan menyalahkan pengguna. Hasil kosong tidak dipalsukan menjadi jumlah atau data yang tidak ada.
Akses diperiksa melalui penggunaan
Tulisan perlu terbaca, urutan navigasi masuk akal, dan kontrol dapat dipakai dengan cara yang tersedia seperti papan ketik. Warna tidak menjadi satu-satunya pembawa makna; tambahkan teks. Pembesaran tulisan serta layar sempit dapat mengubah tata letak. Rancangan yang tampak baik di satu perangkat perlu diperiksa pada kebutuhan pengguna yang lebih beragam.
Telusuri contoh
Apa kekurangan placeholder B05 tanpa label?
- Contoh dapat hilang ketika diketik.
- Pembaca mungkin tidak memahami fungsi kolom.
- Tambahkan label Kode bacaan yang tetap terlihat.
Hasil sebelumnya B05, lalu masukan menjadi B07. Apa statusnya sebelum cari ulang?
- Tandai data berubah atau perlu mencari ulang.
- Jangan menyajikan baris B05 sebagai hasil B07.
- Setelah pencarian, tampilkan tidak ditemukan jika sesuai data.
Tampilan indah belum tentu jelas; hasil lama harus dibedakan dari jawaban untuk masukan baru.
Latihan mandiri
1 Sebut tiga unsur masukan yang membantu.
Petunjuk awal
Tentukan sumber, konsep, dan bukti. Jelaskan alasan serta batas simpulan; jangan menambahkan data yang belum tersedia.
Pembahasan · buka setelah mencoba
Label jelas, contoh/batas bentuk yang relevan, serta pesan perbaikan yang dapat ditindaklanjuti.
2 Mengapa warna saja tidak cukup?
Petunjuk awal
Tentukan sumber, konsep, dan bukti. Jelaskan alasan serta batas simpulan; jangan menambahkan data yang belum tersedia.
Pembahasan · buka setelah mencoba
Sebagian pengguna atau kondisi tampilan sulit membedakan warna; teks/simbol yang bermakna membantu akses.
3 Apa bedanya belum mencari dan tidak ditemukan?
Petunjuk awal
Tentukan sumber, konsep, dan bukti. Jelaskan alasan serta batas simpulan; jangan menambahkan data yang belum tersedia.
Pembahasan · buka setelah mencoba
Belum mencari berarti proses belum dilakukan untuk masukan itu; tidak ditemukan adalah hasil pencarian pada data serta syarat tertentu.
4 Apa yang diperiksa pada layar sempit?
Petunjuk awal
Tentukan sumber, konsep, dan bukti. Jelaskan alasan serta batas simpulan; jangan menambahkan data yang belum tersedia.
Pembahasan · buka setelah mencoba
Tulisan, tabel, kontrol, urutan, serta hasil tetap dapat dibaca dan digunakan tanpa bagian penting terpotong.
Perluas pemahamanmu
Gambar tiga keadaan layar untuk masukan kosong, B05 ditemukan, dan B07 tidak ditemukan. Jelaskan perbedaan pesan serta tindakan berikutnya.
Coba dengan umpan balik
Latihan otomatis membantu pemeriksaan; tuliskan alasan dan langkah untuk membuktikan pemahaman.
1 Label kolom sebaiknya…
Petunjuk awal
Tentukan sumber, konsep, dan bukti. Jelaskan alasan serta batas simpulan; jangan menambahkan data yang belum tersedia.
Pembahasan · buka setelah mencoba
B. tetap jelas meskipun contoh sudah diketik. Label membantu mengenali tujuan kontrol.
2 Tidak ditemukan berarti…
Petunjuk awal
Tentukan sumber, konsep, dan bukti. Jelaskan alasan serta batas simpulan; jangan menambahkan data yang belum tersedia.
Pembahasan · buka setelah mencoba
D. pencarian pada data model tidak mendapat kecocokan. Status mempunyai lingkup pencarian tertentu.
3 Umpan balik sebaiknya memakai…
Petunjuk awal
Tentukan sumber, konsep, dan bukti. Jelaskan alasan serta batas simpulan; jangan menambahkan data yang belum tersedia.
Pembahasan · buka setelah mencoba
C. teks bermakna selain warna. Makna perlu dapat diakses serta ditindaklanjuti.
Coba di Ponpes Temas
Uji prototipe kertas dengan teman yang belum melihat rancangan. Minta ia menjelaskan tugas dan status tanpa petunjuk tambahan dari pembuat.
Penanda pribadi di perangkat ini; bukan nilai atau bukti penguasaan.