Menu dan Formulir.

Presentasi berjudul: "Menu dan Formulir."— Transcript presentasi:

1 Menu dan Formulir

2 Jenis-Jenis Menu Single Menu Membantu menyelesaikan tugas
Jenis-jenisnya : Binary Menu ( yes-no, true-false, male-female, ok-cancel) Multiple Item Menus ( Radio buttons ) Extended Menus ( List Boxes ) Pull Down Menus ( File, Edit, Font, Size, Style, Format, View) Pop Up Menus Permanent Menus (Toolbars) Multiple Selection Menus (Check boxes)

3 Jenis-jenis Menu Single menus (menu tunggal) Binary menus
* Button Choices * Multiple – item menus * Radio Buttons *

4 Extended Menus Pull-down and pop-up menus

5 Permanent menus (iconic menus, toolbars, or palettes)

6 Multiple-selection menus (check boxes)

7 Linear Sequences and Multiple Menus
Membantu pemakai mengambil keputusan yang kompleks.

8 Linear sequences and multiple menus (urutan linear dan menu ganda)

9 Tree-Structured Menus
Membagi beberapa kumpulan ke dalam sebuah grup tersendiri. Depth vs Breath Depth : Jumlah Level Breath : Jumlah item per Level

10 Tree structured menus

11 Acyclic dan Cyclic Menu Networks
Digunakan pada hypertext, seperti www dimana potensi u/ tersesat meningkat

12 Bergerak Pada Menu dengan Cepat
Menu dengan typeahead Tidak perlu menunggu menu selesai ditampilkan u/ memilih menu, dapat langsung mengetikkan serangkaian karakter dari menu utama. Pilihan-pilihan dapat digabungkan menjadi suatu perintah mnemonic Contoh : menu pada handphone Nokia

13 Nama menu u/ akses langsung
Skema penamaan yg memungkinkan pemakai mengakses tujuan secara langsung Contoh : jump pada winamp, bookmark pada web browser

14 Menu Macros merekam jalur menu yg sering digunakan sbg perintah buatan sendiri. contoh : style sheet pada word processor

15 Perancangan Layar pada Menu
Pedoman Perancangan Menu ; Gunakan task semantic Lebih baik lebar dan dangkal daripada sempit dan dalam Tunjukkan posisi dengan gambar, angka, atau judul Gunakan pengelompokan item yang berarti

16 Tampilkan item dengan singkat, mulai dengan keyword
Gunakan tata bahasa, tata letak, dan peristilahan yang konsisten Sediakan typeahead, jumpahead, dan shortcut lainnya Sediakan lompatan ke menu sebelumnya dan menu utama

17 Formulir Pedoman perancangan formulir : Judul yang berarti
Instruksi yang dapat dipahami Pengelompokan dan pengurutan field yg logis Tata letak yg menarik secara visual, perhatikan alignment Label field yg dikenal

18 Formulir Pedoman perancangan formulir : Judul yang berarti
Instruksi yang dapat dipahami “Type the address” bukan “Enter the address” Pengelompokan dan pengurutan field yg logis field yang berhubungan harus berdekatan pemisah antara kelompok harus jelas urutan wajar (city, state, zip code Tata letak yg menarik secara visual, field jangan dikumpulkan di satu tempat formulir di layar harus menyerupai di kertas perhatikan alignment Label field yg dikenal Alamat bukan Domisili

19 Peristilahan dan singkatan yg konsisten
Ruang kosong dan batas field yg terisi harus jelas terlihat Pergerakan kursor & batas field yg perlu diisi harus jelas terlihat Koreksi kesalahan u/ karakter & field Pesan kesalahan u/ nilai yg tdk dapat diterima

20 Field optional perlu ditandai dgn jelas atau sebaliknya field yg wajib diisi ditandai
Pesan yg jelas bagi field jika memungkinkan Sediakan tanda selesai

21 pemakai harus memberi tahu pengisian selesai
Field optional perlu ditandai dgn jelas atau sebaliknya field yg wajib diisi ditandai tandai dengan “(optional)” atau lainnya Pesan yg jelas bagi field jika memungkinkan Sediakan tanda selesai hindari penyelesaian automatis pemakai harus memberi tahu pengisian selesai

22 Combo Box & Coded Fields
Combo Box : kombinasi text box dan drop-down list box Coded Fields : text box yg sudah diberi mask u/ pemformatan field-field umum seperti : no.telp, tanggal, waktu, nilai uang