Menu dan Formulir n Secara semantik menumenu pada

Menu dan Formulir n Secara semantik, menu-menu pada user interface terbagi menjadi: ¨ Single Menu ¨ Linear Structured ¨ Tree Structured Universitas Mpu Tantular, Jakarta 1

Single Menu n Binary Menus n Multiple Item Menus / Radio Buttons Extended Menus / List Boxes n Universitas Mpu Tantular, Jakarta 2

Single Menu (2) n Pull-down dan Pop Up Menus n Permanent Menus (toolbars, palettes) Universitas Mpu Tantular, Jakarta 3

Single Menu (3) n Multiple-selection Menus / check boxes Universitas Mpu Tantular, Jakarta 4

Linear Sequences and Multiple Menus n Membantu pemakai melalui pengambilan keputusan yang kompleks Universitas Mpu Tantular, Jakarta 5

Tree-Structured Menus Universitas Mpu Tantular, Jakarta 6

Tree Structured Menus (2) n Depth vs. Breadth: ¨ Depth: jumlah level ¨ Breadth: jumlah item per level n Pengelompokan semantik ¨ Kelompokkan item serupa secara logis ¨ Bentuk kelompok yang melingkupi semua kemungkinan ¨ Pastikan item tidak overlap ¨ Gunakan istilah yang sudah dikenal Universitas Mpu Tantular, Jakarta 7

Acyclic dan Cyclic Menu Networks Digunakan pada hypertext seperti WWW n Potensi untuk tersesat meningkat karena itu harus dirancang dengan baik n Universitas Mpu Tantular, Jakarta 8

Bergerak pada Menu dengan Cepat n Menu dengan typehead – pendekatan BLT (Bacon, Lettuce, Tomato sandwich) ¨ Typehead: tidak perlu menunggu menu selesai ditampilkan untuk memilih menu, dapat langsung mengetikkan serangkaian karakter dari menu utama ¨ Pilihan-pilihan dapat digabungkan menjadi perintah mnemonik ¨ Contoh: Lotus 1 -2 -3, menu pada HP Nokia Universitas Mpu Tantular, Jakarta 9

Bergerak pada Menu dengan Cepat (2) n Nama Menu untuk Akses Langsung ¨ Skema penamaan yang memungkinkan pemakai mengakses tujuan secara langsung ¨ Contoh: nama topik pada Compuserve, JUMP pada Prodigy ¨ Diperbaiki dengan Favorites/Bookmarks pada web browser Universitas Mpu Tantular, Jakarta 10

Bergerak pada Menu dengan Cepat (3) n Menu Macros ¨ Merekam jalur menu yang sering digunakan sebagai perintah buatan sendiri ¨ Contoh: makro di Word dan Photoshop Universitas Mpu Tantular, Jakarta 11

Pedoman Perancangan Layar pada Menu n n n n Gunakan task semantics Lebih baik lebar dangkal daripada sempit dan dalam Tunjukkan posisi dengan gambar, angka atau judul Gunakan pengelompokan item yang berarti Gunakan pengurutan item yang berarti Tampilkan item dengan singkat, mulai dengan keyword Gunakan tata bahasa, tata letak dan istilah yang konsisten Universitas Mpu Tantular, Jakarta 12

Pedoman Perancangan Layar pada Menu (2) Sediakan typehead, jumpahead dan shortcuts lainnya n Sediakan lompatan ke menu sebelumnya dan menu utama n Pertimbangkan petunjuk online, response time, kecepatan tampil dan ukuran layar n Universitas Mpu Tantular, Jakarta 13

Pedoman Perancangan Form n n n n n Judul yang berarti Instruksi yang dapat dipahami. Pengelompokan dan pengurutan field yang logis Tata letak menarik secara visual Label field yang dikenal Istilah yang konsisten Ruang kosong dan batas field yang perlu diisi harus jelas terlihat Pergerakan kursor yang leluasa Fasilitas koreksi Pesan kesalahan yang informatif Universitas Mpu Tantular, Jakarta 14

Contoh Form Universitas Mpu Tantular, Jakarta 15