Fill in Form

Fill in Form, 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.

STRUKTUR FILL IN FORM

▸Judul yang memiliki arti ▸Pergerakan cursor yang jelas

▸Instruksi yang jelas ▸Adanya koreksi kesalahan

▸Pengelompokkan secara logical ▸Adanya validasi

▸Layout yang mudah dilihat ▸Pesan kesalahan jika value yang
▸Visual harus dijaga agar tetap menarik diberikan tidak sesuai

▸Field label yang familiar ▸Penanda untuk field yang harus diisi

▸Terminologi dan singkatan yang ▸Pesan penjelasan

konsisten ▸Signal yang menandakan progress
▸Adanya tempat dan batas yang jelas pengisian form.

untuk menampung input

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 : 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

Format Specific Field

Digunakan untuk field yang berupa kode seperti nomor telepon, nomor jaminan
sosial, waktu, tanggal, dan jumlah uang. Selain itu ada juga persyaratan Fill in form
yang baik adalah:

▸ Harus digrupping dan caption, artinya di dalam pembuatan fill in form harus
dikelompokan dahulu sesuai dengan caption yang nantinya diperlukan.
▸ Harus memahami fill in form format.
▸ Organisasikan fill in formnya.
▸ Desain dengan sesuai pada tugasnya.
▸ Berdasarkan penggunaanya.
▸ Berikan space yang luang pada weight.

Dialog Box Merupakan kombinasi dari menu dan fill in form.

● 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

▸ 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.