Fill in Form - Interaksi Manusia dan Komputer UDINUS

Halooo teman-teman , setelah sebelumnya kita membahan tentang Menu & Organization Of Functionality pada kesempatan kali ini aku akan memberikan materi tentang Fill in Form pada IMK yang sebernya sudah di sampaikan pada pertemuan didalam kelas oleh teman-teman.

Materi ini sudah disampaikan dengan sangat baik oleh kelompok yang beranggotakan :

A11.2016.09402 Achmad Maulana
A11.2016.09409 Muhammad Bayu Fitrian
A11.2016.09501 Muhammad Abdul Tsaqif
A11.2016.09769 Prama Pasha Nugraha
A11.2016.09906 Amar Mustofa

 Oke, langsung aja yaa^_^

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

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.


Referensi :
http://satuvisiti.blogspot.co.id/2013/05/dialog-berbasis-teks-dan-pengisian.html
http://dewipartimah.blogspot.co.id/2016/07/imk-fill-in-form-fill-in-form-adalah.html
http://student.blog.dinus.ac.id/dalvin/2015/04/28/fill-in-form-pengisian-berbasis-borang/