Menu Selection, Form Fill-in, and Dialog Boxes
=================================================================================
I. Menu Selection
*. Menu adalah cara untuk menyajikan petunjuk yang
tersedia bagi pengguna.
*. Single menu :
• Binary
Menus -> harus memilih satu diantara dua pilihan.
– Mnemonic
letters
– Radio
Buttons
– Button
Choice
- Multiple Seletion -> memilih beberapa pilihan dari banyak pilihan yang disediakan
- Pull-down, pull-up dan tollbars menu
Ketika kumpulan item berkembang dan menjadi sulitdipelihara dalam kendali intelektual, perancang dapat membentuk kategori item-item yang serupa,membentuk struktur tree.
*. Contoh pengelompokan:
– Laki-laki, perempuan
– Hewan, sayuran, mineral
– Fonts, size, style, spacing
*. Dalam tree-structured menu terdapat depth dan breadth
Depth adalah jumlah leven sedangkan breadth adalah jumlah item
per level.
*. Task-related grouping in tree organization
• Kelompokkan item-item yang serupa secara logis.
• Bentuk kelompok yang melingkupi semua kemungkinan.
• Pastikan item tidak overlap.
• Gunakan peristilahan yang dikenal
*. Task-related grouping in tree organization
• Kelompokkan item-item yang serupa secara logis.
• Bentuk kelompok yang melingkupi semua kemungkinan.
• Pastikan item tidak overlap.
• Gunakan peristilahan yang dikenal
*. Acyclic dan Cyclic Menu Networks
• Digunakan pada hypertext, seperti www dimana potensi untuk tersesat meningkat
• Digunakan pada hypertext, seperti www dimana potensi untuk tersesat meningkat
• Kadang-kadang lebih cocok daripada struktur tree.
• Memungkinkan jalur dari bagian tree yang berbeda, tidak mengharuskan pemakai memulai dari menu utama.
*.Secara alami terdapat pada:
• Hubungan sosial.
• Jalur transportasi.
• Kutipan dalam jurnal ilmiah.
• Membutuhkan penelusuran balik
• Memungkinkan jalur dari bagian tree yang berbeda, tidak mengharuskan pemakai memulai dari menu utama.
*.Secara alami terdapat pada:
• Hubungan sosial.
• Jalur transportasi.
• Kutipan dalam jurnal ilmiah.
• Membutuhkan penelusuran balik
II. Form Fill-in
*. Form fill-in adalah rata-rata
untuk sistem interaktif untuk meminta data atau informasi dari pengguna.
*. Formulir isian cocok dipakai jika banyak field data dibutuhkan
*. Pedoman mendesain form fill-in:
– judul yang bermakna
– instruksi yang mudah dipahami
– Pengelompokan logis dan sekuensing bidang
– Tata letak visual menarik dari bentuk
– Field-label yang familiar
– Konsisten menggunakan kata / singkatan
– Terlihat Ruang dan bounderies untuk bidang data-entry
– Gerakan kursor Nyaman
– Koreksi kesalahan untuk karakter individu dan seluruh bidang
– Pencegahan kesalahan di mana mungkin
– Pesan kesalahan untuk nilai-nilai yang tidak dapat diterima
– Penandaan bidang yang diperlukan
– Penjelasan pesan untuk bidang
– judul yang bermakna
– instruksi yang mudah dipahami
– Pengelompokan logis dan sekuensing bidang
– Tata letak visual menarik dari bentuk
– Field-label yang familiar
– Konsisten menggunakan kata / singkatan
– Terlihat Ruang dan bounderies untuk bidang data-entry
– Gerakan kursor Nyaman
– Koreksi kesalahan untuk karakter individu dan seluruh bidang
– Pencegahan kesalahan di mana mungkin
– Pesan kesalahan untuk nilai-nilai yang tidak dapat diterima
– Penandaan bidang yang diperlukan
– Penjelasan pesan untuk bidang
*. contoh :
III. Dialog Boxes
*. Dialog dialog merupakan respon dari sistem interaktif setelah
pengguna memberikan instruction yang membutuhkan
parameter, misalnya ketika pengguna menklik open icon. Banyak digunakan dalam kombinasi teknik menu dan formulir isian yang banyak digunakan di GUI modern.
parameter, misalnya ketika pengguna menklik open icon. Banyak digunakan dalam kombinasi teknik menu dan formulir isian yang banyak digunakan di GUI modern.
*. Perlu diperhatikan:
a. Tata letak internal kotak dialog
b. Hubungan eksternal kotak dialog
*. Pedoman Tata Letak Internal Kotak Dialog
• Judul berarti, gaya konsisten.
• Pengurutan dari atas kiri ke bawah kanan.
• Pengelompokan dan penegasan.
• Tata letak yang konsisten.
• Peristilahan, font, penggunaan huruf besar,
justifikasi yang konsisten.
justifikasi yang konsisten.
• Tombol standar (OK, Cancel).
• Pencegahan kesalahan.
*. Pedoman Hubungan Eksternal Kotak Dialog
• Penampilan dan penutupan halus.
• Dapat dibedakan tapi batasnya kecil.
• Ukuran cukup kecil (minimalkan overlap).
• Dekat dengan item yang sesuai.
• Tidak menghalangi item yang harus dilihat.
• Mudah ditutup (dibuat menghilang).
• Jelas penyelesaian/pembatalannya.
*. contoh dialog boxes :