BAB III MENU
Pertemuan Ke
:3
Alokasi Waktu
: 100 menit
Kompetensi Dasar :1. Praktikan dapat merancang antarmuka sesuai dengan paradigma IMK Indikator
:1. Praktikan dapat membuat menu
A. Teori Pendukung : I.
Struktur Menu dan Menu Tujuan dari pembuatan menu, form fill-in, dan dialog-box : membuat suatu tugas (task)
menjadi wajar dan masuk akal, mudah dipahami dan mudah diingat oleh penggunanya. Adapun struktur menu dikelompokkan seperti pada gambar dibawah ini :
Jenis-jenis menu yang dapat dikelompokkan sebagai berikut : 1) Menu Tunggal (single menus) •
mnemonic letter : pilihan item menggunakan huruf awal
•
radio buttons : dengan bentuk radio button
•
button choice : menggunakan bentuk tombol/button
•
multiple-selection menus atau check boxes : item-nya diseleksi dapat lebih dari satu
•
pop-up menus atau context menus : diaktifkan dengan mengklik tombol kanan mouse pada area yang ditentukan
•
scrolling – listbox choice : dengan menggunakan bentuk listbox
•
scrolling – combobox choice : menggunakan bentuk combobox
•
trackbar menu atau alpha-slider menu : dengan menggeser penunjuknya
•
embedded links / hyperlinks : item-item disusun tidak beraturan atau mengikuti alur cerita, contoh : tampilan browser atau help windows
•
main menu, iconic menus, toolbars, atau palettes : menu yang digabung dengan icon
2) Linear sequences dan multiple menus •
memandu pengguna untuk proses yang kompleks
•
contoh : clue cards atau wizard
3) Tree-structured menus Terdiri dari : TreeView Menus, List View Menus, Tree-Struktured Menu (Tree View dan List View). 4) Menu Maps Efektif untuk meminimasi pengguna supaya terarah. Tampilan menu menggunakan arah / alur atau peta ini efektif untuk meminimasi pengguna yang tidak terarah . 5) Menu Coolbar
Menu ini mirip seperti menu toolbar, hanya saja Coolbar lebih dinamis penampilannya karena item yang dimunculkan bisa diatur tata letaknya, misal jika barnya diklik ganda, digeser (drag) maka posisinya akan berubah. II.
Strategi Mengelompokkan Menu
Ada sejumlah cara bahwa item dalam menu dikelompokkan bersama. Hal ini termasuk :
Pengkategorian : pilihan dari tipe yang serupa ditempatkan bersama
Urutan yang lazim : misal nama hari dalam satu minggu
Jumlah pemakaian : pilihan yang digunakan terletak dekat dengan bagian atas dari menu.
Pastikan tidak ada item menu yang duplikasi atau overlapping
Gunakan istilah yang umum.
III.
Urutan Penampilan Item Menu
Urutan dari item menu sangat penting dan sebaiknya mengikuti urutan alamiah seperti urutan :
Waktu
Urutan angka
Properti secara fisik
Apabila ditemukan kasus pengurutan tugas tidak memiliki hubungan satu sama lainnya, perancang harus memilih dengan urutan sebagai berikut jika dimungkinkan :
Urutan alfabet
Pengelompokan item yang serupa
Letakkan item yang sering digunakan diurutan terdepan (paling atas/paling kiri)
Letakkan item yang paling penting di urutan pertama
IV.
Tata Letak Menu a. Judul Untuk menu tunggal, gunakan judul yang sederhana. Sedangkan untuk tree-structured menus, gunakan kata-kata pada item menu. Pada tingkat yang lebih tinggi, sebaiknya dimunculkan pada judul menu dibawahnya. b. Frase dari Item Menu
Gunakan istilah yang umum/familiar dan konsisten Yakinkan bahwa setiap item berbeda dengan lainnya Gunakan frase yang konsisten dan pasti Letakkan keyword di sebelah kiri.
c. Tata Letak dan Desain Monitor (Graphic) Ada beberapa batasan yang digunakan antara lain :
Lebar dan panjang layar
Display rate
Character set
Higlighting techniques
Panduan untuk konsistensi menu dengan memperhatikan hal-hal sebagai berikut :
Judul
Penempatan item
Intruksi-intruksi
Error messages
Status report
Teknik yang digunakan antara lain : Indentasi Upper/lower case character Simbol-simbol seperti * atau – untuk membuat separator atau outlines Penanda posisi Cascading / walking menus Magic lens A.
Langkah Praktikum
Skenario 1 : Step 1 : Carilah software Step 2 : Amati Software tersebut dan carilah menu-menu yang digunakan kemudian periksalah tata letak menunya. Berikan penjelasan di setiap masing-masing jawaban anda. Step 3 : Catatlah jawaban anda kedalam tabel berikut : No Nama Software 1.
Microsoft Office
Menu-menu yang tersedia Menu Toolbar, …….., ……
Penjelasan Terletak disebelah atas berisikan menu-menu short cut yang biasa digunakan user, seperti cut, paste dsb
2.
………………….
………………………………
…………………………………..
Skenario 2: Step 1 : Carilah software media player Step 2 : Tuliskan jenis struktur menu yang digunakan pada sofware tersebut Step 3 Tuliskan menu-menu yang disediakan pada software tersebut beserta masing-masing fungsinya. Skenario 3 : Akan dibuat kalkulator kesehatan. Tuliskan struktur menu yang anda rekomendasikan dan jelaskan. Tuliskan menu-menu yang bisa digunakan beserta fungsinya.
