Pergerakan Cepat pada Menu
§ Menu dengan typeahead
§ Nama menu atau bookmarks
§ Menu macros
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 favorites 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.
Tata Letak Menu
§ Judul
§ Penamaan pilihan menu
§ Tata letak dan desain grafis
Tata Letak Menu: Judul
§ Menu tunggal: Judul yang deskriptif.
§ Menu tree: Nama pilihan harus sama
dengan judul halaman yang dipanggil.
Tata
Letak Menu: 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 Menu: 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.
Formulir Isian
§ Formulir isian cocok dipakai jika banyak field data
dibutuhkan.
§ Pendekatan formulir isian menarik
karena:
· Kelengkapan penuh informasi terlihat.
· Seperti formulir kertas.
· Sedikit petunjuk diperlukan.
Pedoman Perancangan Formulir Isian
§ Judul yang berarti.
§ Instruksi yang dapat dipahami.
§ Pengelompokan dan pengurutan field
yang logis.
§ Tata letak yang menarik secara
fisual.
§ Label field yang dikenal.
§ Ruang kosong dan batas field yang
perlu diisi harus jelas terlihat.
§ Pergerakan kursor yang leluasa.
§ Koreksi kesalahan untuk karakter dan
field dengan melakukan validasi data di dalam program
§ Pencegahan kesalahan.
§ Pesan kesalahan untuk nilai yang tak
dapat diterima.
§ Field optional jelas ditandai, atau
sebaliknya field yang wajib diisi ditandai.
§ Pesan penjelasan bagi field jika
perlu.
§ Tanda selesai. Hindari penyelesaian
automatis.
Beberapa Variasi Isian Field
§ Combo box: kombinasi list box dan text box.
§ Coded fields: mempunyai mask untuk format isian khusus. Mis.:
· Telepon – (___)___-_____
· Social Security Number – ___-__-____
· Waktu – __:__ __
· Tanggal – __/__/____
· Nilai uang – $_____.00
EmoticonEmoticon