Menu adalah suatu cara untuk menampilkan instruksi/perintah yang tersedia kepada pengguna
Form Fill-in adalah suatu cara bagi sistem interaktif untuk meminta data atau informasi dari pengguna
Kotak dialog adalah balasan dari sistem informasi setelah pengguna memberikan perintah yang memerlukan parameter, contohnya adalah saat pengguna meng-klik ikon Open
Kelompok menu yang berkaitan dengan tugas
Tujuan utama dari designer menu, form fill-in dan kotak dialog adalah untuk membentuk suatu kelompok yang bijaksana, mudah dimengerti dan diingat serta praktis yang berkaitan dengan tugas pengguna
Ada beberapa jenis dari menu, contohnya adalah menu tunggal, menu urutan linear, menu struktur pohon, menu network cyclic dan acyclic
Single Menu
Pull down menu selalu tersedia untuk membuat pilihan pada sebuah top menu bar dan didukung oleh shortcut keyboard, contoh Ctrl + C
Toolbars, iconic menu, dan palettes menawarkan aksi pada objek yang ditampilkan
Pop-up menu muncul pada suatu tampilan sebagai tanggapan untuk check atau tap dengan pointing device
Menu Pull-down
Menu untuk daftar yang panjang
- Scrolling menu menampilkan bagian pertama dari menu dan item-item menu
tambahan, biasanya sebuah tanda panah yang menuntun ke kumpulan item
selanjutnya dalam menu sequence
- Kotak kombo menggabungkan scrolling menu dengan text-entry yang
ditambahkan
- Fisheye menu menampilkan semua item menu pada layar seluruhnya, namun
hanyak menampilkan item yang dekat pada kursor dengan ukuran penuh
Menu untuk daftar yang panjang
- Slider : item terdiri dari rentangan atau nilai angka
- Alpha slider menggunakan butir-butiran serta slider thumb sehingga dapat
mendukung puluhan hingga ratusan item
Slider Menu
Slider Thumb
Menu dua dimensi memberikan gambaran besar pilihan yang baik, mengurangi
banyak tindakan dan memungkinkan pemilihan cepat
Two-dimensional Menu
Embedded menu adalah sebuah alterntif untuk menjelaskan menu. Menu ini
memungkinkan pengguna yang membaca mengenai kejadian, tempat dan orang
untuk mendapatkan informasi detil dengan memilih menu dalam konteks.
Embedded Menu
Linear Sequence Menu menuntun pengguna melalui proses pembuatan keputusan
kompleks. Sangat efektif untuk pengguna awam yang melakukan tugas sederhana.
Simultaneous menu menyajikan menu aktif yang banyak pada waktu yang sama
dan memungkinkan pengguna untuk memasukkan pilihan dalam urutan apapun.
Tree-structured Menu :
- Membagi bagi menu menjadi kategori-kategori seperti File, Edit, View
- Cepat dalam penerimaan
- Menggunakan istilah dari ruang lingkup kerja
- Memperluas menu, contoh : Windows Explorer
Menu Maps membantu pengguna untuk tetap terarah
Acyclic dan Cyclic Network : hubungan sosial, rute transportasi, dan kutipan
jurnal ilmiah
- Dapat mngakibatkan kebingungan dan kehilangan arah
- Cyclic : dapat kembali ke tingkat sebelumnya
- Acyclic : satu pilihan dapat dicapai melalui beberapa jalur
Content Organization
Task-related grouping dalam tree organization
- Membuat kelompok dari item yang sama secara logikal
- Membentuk kelompok yang menutupi seluruh kemungkinan
- Pstikan semua item tidak overlapping (tumpang tindih)
- Menggunakan istilah yang umum namun memastikan suatu item berbeda dari
yang lain
Item Presentation Sequence
- Basis dasar untuk mengurutkan item : Waktu, Urutan angka, properties fisik
- Basis lain yang memungkinkan : Pengurutan alfabet, pengurutan frekuensi
penggunaan item, pengurutan berdasarkan tingkat kepentingan
Pedoman pemilihan menu :
- Menggunakan semantik tugas untuk mengatur menu
- Lebih ke broad-shallow daripada narrow-deep
- Menunjukkan posisi dari grafik, angka, atau judul
- Menggunakan item sebagai judul untuk subtree
- Mengelompokkan item secara berarti
- Mengurutkan item secara berarti
- Menggunakan item singkat, dimulai dengan sebuah kata kunci
- Menggunakan tatabahasa yang konsisten, istilah, dan tata ruang
- Memungkinkan type ahead, jump ahead, dan jalan pintas lain
- Memungkinkan "lompatan" ke menu sebelumnya dan menu utama
- Mempertimbangkan bantuan online, mekanisme pemilihan novel, dan
waktu balasan yang optimal serta ukuran layar
Tata ruang Menu
- Judul dari menu tunggal : deskriptif sederhana
- Judul dari tree-structured menu menggunakan kata yang sama pada menu
item tingkat tinggi dengan menu tingkat rendah selanjutnya
- Contoh : juka sebuah menu dinamakan Layanan bisnis dan finansial,
layar selanjutnya akan ada kalimat tersebut pada judulnya
- Menggunakan istilah yang konsisten dan umum
- Memastikan sebuah item berbeda dengan yang lain
- Menggunakan kalimat yang konsisten dan singkat
- Membawa kata kunci ke sebelah kiri
- Tata ruang grafik dan desain
- Kendala
- Panjang dan lebar layar
- Display rate
- Set karakter
- Teknik highlight
- Membentuk pedoman untuk konsistensi sedkitnya komponen menu berikut :
- Judul
- Peletakkan item
- Perintah
- Pesan kesalahan
- Laporan keadaan
- Teknik
- Indentasi
- Karakter huruf besar dan kecil
- Simbol
- Penanda posisi
- Cascading dan walking menu
- Magic lens
- Keyboard Shortcut
- Mendukung penggunaan tingkat mahir
- Dapat membuat terjemahan ke bahasa asing menjadi lebih sulit
- Bookmark dalam browser
- Menggunakan toolbar yang dikonfigurasi
Form Fill-in
- Cocok jika banyak data yang harus dimasukkan
- Kelengkapan informasi menjadi dapat dilihat oleh pengguna
- Tampilan serupa dengan formulir kertas
- Beberapa perintah diperlukan untuk jenis catatan yang banyak
- Pengguna harus terbiasa dengan :
- Keyboard
- Penggunaan TAB atau mouse untuk menggerakkan kursor
- Arti label field
- Isi field yang diizinkan
- Penggunaan ENTER atau RETURN
- Pedoman desain Form fill-in
- Judul yang berarti
- Perintah yang mudah dipahami
- Pengelompokan logikal dan pengurutan field
- Tata ruang formulir yang menarik secara visual
- Label field yang umum
- Istilah konsisten dan singkatan
- Ruang dan perbatasan untuk data-entry field
- Gerakan kursor yang praktis
- Koreksi kesalahan untuk karakter individu dan keseluruhan field
- Pencegahan kesalahan
- Pesan kesalahan untuk nilai yang tidak dapat diterima
- Penandaan untuk field yang dibutuhkan
- Pesan penjelasan untuk field
- Tanda penyelesaian tugas untuk mendukung pengendalian pengguna
Contoh Form Fill-in
Format-specific field
- Coded field
- Nomor telepon
- Nomor keamanan sosial
- Waktu
- Tanggal
- Jumlah dollar (atau mata uang lain)
Kotak Dialog
- Kombinasi dari menu dan teknik form fill-in
- Pedoman tata ruang internal :
- Judul yang berarti, gaya yang konsisten
- Pengurutan top-left ke bottom-right
- Pengelompokan dan penekanan
- Tata ruang yang konsisten (margin, grid, white space, garis, kotak)
- Istilah, tulisan, kapitalisasi, dan pembenaran yang konsisten
- Tombol standar (OK, Cancel)
- Pencegahan kesalahan dengan manipulasi langsung
- Hubungan eksternal
- Tampilan dan penyembunyian yang halus
- Dapat dibedakan namun batasannya kecil
- Ukuran cukup kecil untuk mengurangi masalah tumpang tindih
- Tampilan mendekati dengan item yang cocok
- Tidak terjadi tumpang tindih untuk item yang diperlukan
- Mudah untuk dibuat menghilang
- Jelas cara menyelesaikan dan membatalkannya
Dialog Box
Desain novel menggabungkan menu dan manipulasi langsung
- Pie Menu
- Control Menu
- Marking Menu
- Flow Menu
- Toolglass
Pie Menu
Tidak ada komentar:
Posting Komentar