yaitu sebuah tabel data yang harus diisikan oleh user, data tersebut biasanya digunakan untuk sebuah pendaftaran. Agar data yang diperoleh dari seorang user akurat, maka diperlukan data yang banyak untuk diinputkan dalam form.
Contoh Fill in Form
STRUKTUR FILL IN FORM
- Judul yang memiliki arti
- Instruksi yang jelas
- Pengelompokkan secara logical
- Layout yang mudah dilihat
- Visual harus dijaga agar tetap menarik
- Field label yang familiar
- Terminologi dan singkatan yang konsisten
- Adanya tempat dan batas yang jelas untuk menampung input
- Pergerakan cursor yang jelas
- Adanya koreksi kesalahan
- Adanya validasi
- Pesan kesalahan jika value yang diberikan tidak sesuai
- Penanda untuk field yang harus diisi
- Pesan penjelasan
- Signal yang menandakan progress pengisian form.
HAL-HAL YANG PERLU DIPERHATIKAN DALAM FILL IN FORM
▸Hal pokok yang perlu diperhatikan dalam pengisian form adalah semua informasi dapat nampak secara serentak, sehingga memudahkan pengguna dalam mengontrol dan memanipulasi informasi yang nampak di layar.
▸Perancangan dialog berbasis pengisian form mengharuskan kita untuk merancang suatu tampilan yang selain dapat mencerminkan struktur rekaman tempat informasi-informasi tersebut akan disimpan, tetapi juga mempermudah pengguna untuk melakukan pengisian data.
ASPEK PERANCANGAN TAMPILAN FILL IN FORM
▸Proteksi tampilan
▸Batasan medan tampilan
▸Isi medan
▸Medan opsional
▸Default
▸Bantuan
▸Medan Penghentian
▸Navigasi
▸Pembetulan kesalahan
▸Penyelesaian
ASPEK PERANCANGAN TAMPILAN FILL IN FORM
● Proteksi tampilan : Adanya pembatasan agar pengguna tidak dapat mengakses semua tampilan yang ada di layar
● Batasan medan tampilan : medan data dapat ditentukan untuk mempunyai panjang yang tetap atau berubah, menggunakan format bebas atau tertentu
● Isi medan : pengguna biasanya mempunyai sejumlah gambaran tentang isi medan yang diperbolehkan, petunjuk pengisian dapat juga ditampilkan sebagai bagian dari tampilan.
● Medan opsional : beberapa medan isian dapat bersifat opsional
● Default : dalam medan isian di mungkinkan adanya default maka jika terdapat akan ditentukan tempatnya apakah dapat di akses atau tidak
● Bantuan (help) : menunjukan cara pengisian borang atau sebaliknya, ditambahkan, tetapi harus terpisah dari bentuk dasar borang.
● Medan penghentian : memasukan data dalam medan dapat diakhiri dengan jalan menekan tombol ENTER atau RETURN
● Navigasi : kursor dapat bergerak di sekeliling layar dengan menkean tombol TAB dengan urutan yang tetap
● Pembetulan kesalahan : pengguna dapat membetulkan kesalahan menggunakan tombol BACKSPACE
● Penyelesaian : perlu diperhatikan cara yang digunakan untuk memberitahu pengguna bahwa seluruh proses pengisian telah selesai
KEUNTUNGAN FILL IN FORM
▸Pengguna sudah terbiasa dengan pengisian form
▸Isian data yang disederhanakan
▸Diperlukan sedikit pelatihan
▸Beban memori rendah(ingatan)
▸Strukturnya jelas
▸Perancangan yang mudah
▸Tersedia berbagai peranti bantu perancangan tampilan
KERUGIAN FILL IN FORM
▸Seringkali lambat
▸Memakan ruang layar (khususnya untuk menu datar)
▸Tidak cocok untuk pemilihan perintah/ instruksi
▸Memerlukan pengontrol kursor
▸Mekanisme navigasinya tidak terlihat secara eksplisit
Dialog Box
Merupakan kombinasi dari menu dan fill in form. Guidelines untuk layout dialog box adalah
● Judul dan model yang konsisten
● Urut – urutan dari atas kiri ke bawah kanan
● Gunakan penekanan
● Layout yang konsisten (pada margin, grid, white space, line, dan box)
● Terminologi, fonts, penggunaan huruf kapital, dan indentasi yang konsisten
● Gunakan tombol standard (OK dan Cancel)
● Hindari kesalahan dengan direct manipulation
Syarat Dialog Box
Selain itu dialog box juga harus memenuhi syarat berikut agar sesuai dengan lingkungan luarnya:
▸ Dialog box muncul dan hilang dengan mulus
▸ Dibedakan dari lingkungan luar dengan pembatas tipis
▸ Ukuran cukup kecil sehingga tidak terjadi overlap
▸ Tampilkan dekat item yang memicu dialog box
▸ Hindari overlap pada item yang diperlukan
▸ Mudah untuk ditutup
▸ Mudah untuk diselesaikan / dibatalkan.
Contoh Dialog Box
Comments
Post a Comment