Menu, Formulir, dan Kotak Dialog

A.  Organisasi Semantik Menu

1. Single Menu

– Binary Menus

Binary Menu

– Multiple Selection Menus

Multiple Selection Menus

– Multiple – item menus / Radio Buttons

Radio Buttons

– Pull-down dan Pop-up Menus

Pull Down Menu

Pop-up Menus

– Scrolling dan two-dimensional Menus

Scrolling dan 2D Menus

– Alphasliders

AlphaSliders

– Embedded links

Links

– Iconic Menus, Toolbars, or Palettes

Iconic Menus, and Toolbars

B.  Urutan Presentasi Item

– Ketika item-item menu telah dipilih, urutan presentasinya perlu diperhatikan.

– Beberapa dasar pengurutan :

1. Waktu (kronologis)

2. Numeris (meningkat atau menurun)

3. Sifat fisik (panjang, luas, volume)

– Banyak kasus pengurutan tidak mempunyai aturan pengurutan yang berhubungan dengan tugas, sehingga perlu dipertimbangkan :

1. Pengurutan alfabetis istilah-istilah.

2. Pengelompokan item-item serupa.

3. Yang sering digunakan ditempatkan di awal.

4. Yang paling penting ditempatkan di awal.

C. Pergerakkan Cepat pada Menu

– Menu dengan typeahead

~ Penting jika menu sudah sering digunakan sementara waktu respons atau kecepatan tampil lambat.

~ Pendekatan BLT (Bacon, Lettuce, Tomato sandwich) : pembentukan mnemonik dari penggabungan    huruf-huruf pilihan menu.

– Nama menu atau bookmarks

~ Penamaan sederhana memudahkan pemakai mengakses menu secara langsung.

~ Web browser menyediakan bookmarks atau favourites sebagai jalan pintas bagi pemakai untuk menuju situs yang pernah dikunjungi.

– Menu macros

~ Perintah yang sering digunakan dapat direkam dan disimpan sebagai makro.

~ Pada beberapa software, makro dapat ditempatkan di toolbar sebagai ikon.

D.  Tata Letak Menu

– Judul

~ Menu tunggal : judul yang deskriptif.

~ Menu tree : nama pilihan harus sama dengan judul halaman yang dipanggil.

– Penamaan pilihan menu

~ Gunakan peristilahan yang dikenal dan konsisten.

~ Pastikan item dapat dibedakan dari pilihan lain.

~ Gunakan pemilihan kata yang konsisten dan singkat.

~ Tempatkan kata kunci di kiri.

– Tata letak dan desain grafis

~ Perhatikan kendala seperti lebar dan tinggi layar, kecepatan tampil, character set, dan highlighting.

~ Buat pedoman/panduan untuk komponen-komponen : judul, penempatan item, petunjuk, pesan kesalahan, dan laporan status.

E.  Formulir

– Formulir isian cocok dipakai jika banyak field data dibutuhkan.

– Pendekatan formulir isian menarik karena :

~ Kelengkapan penuh informasi terlihat.

~ Seperti formulir kertas.

~ Sedikit petunjuk diperlukan.

Contoh Formulir

F. Kotak Dialog

– Kotak dialog adalah kombinasi teknik menu dan formulir isian yang banyak digunakan di GUI modern.

– Perlu diperhatikan :

~ Tata letak internal kotak dialog.

~ Hubungan eksternal kotak dialog.

Dialog box pada PowerQuest PartitionMagic

Dialog Box pada system properties