Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Pertemuan ke 3 Pemilihan Menu dan Pengisian Formulir Hendri Sopryadi,MTI. (HUMAN-COMPUTER INTERACTION)

Presentasi serupa


Presentasi berjudul: "Pertemuan ke 3 Pemilihan Menu dan Pengisian Formulir Hendri Sopryadi,MTI. (HUMAN-COMPUTER INTERACTION)"— Transcript presentasi:

1 Pertemuan ke 3 Pemilihan Menu dan Pengisian Formulir Hendri Sopryadi,MTI. (HUMAN-COMPUTER INTERACTION)

2 Pembagian Jenis Menu Jenis Menu Single Menu Binary Menu Multiple Item Menu Extended Menu Pull Down & Pop Up Menu Permanent Menu Multiple Selection Menu Linier Sequence & Multiple Menu Tree Structure Menu Network Menu Linier Menu Multiple Menu Depth Menu Breadth Menu Cyclic Menu Acyclic Menu

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 (urutan linear dan menu ganda)

8 Linier Menu – Memandu pemakai melalui serangkaian pilihan dengan urutan yang sama – Menstrukturisasi proses pengambilan keputusan – Contoh : Multiple Menu – Kotak dialog yang mengandung seperangkat menu-menu yang tidak tergantung satu sama lain

9 Tree structured menus BREADTH MENU DEPTHMENUDEPTHMENU TI SI MI KA TK

10 Depth vs Breadth Depth : jumlah level Breadth : jumlah item per level Breadth menu lebih disukai dibanding Depth menu

11 Pengelompokkan semantik dalam tree structure menu Kelompokkan item-item yang serupa secara logis Bentuk kelompok yang melingkupi semua kemungkinan Pastikan item tidak saling overlap/ menumpuk Gunakan peristilahan yang dikenal

12 Acyclic and cyclic menu networks (jaringan menu asiklik dan siklik) Digunakan pada hypertext – Seperti world wide web (www) Potensi untuk tersesat meningkat karena itu harus dirancang dengan baik

13 Bergerak pada menu dengan cepat Menu dengan typeahead Nama menu untuk akses langsung Menu macros

14 Pedoman perancangan menu Gunakan task semantic dalam organisasi menu Lebih baik lebar dan dangkal daripada sempit dan dalam Tunjukkan posisi dengan gambar, angka, atau judul

15 Lanjutan….. Gunakan pengurutan item yang berarti Gunakan pengelompokkan item yang berarti Tampilkan item dengan singkat, mulai dengan keyword Gunakan tatabahasa, layout, dan peristilahan yang konsisten

16 Lanjutan… Sediakan typeahead, jumpahead, dan shortcut lainnya Sediakan lompatan ke menu sebelumnya dan menu utama Perhatikan petunjuk online, mekanisme pilihan “baru”, waktu respon, kecepatan tampil, dan ukuran layar

17 Contoh Formulir REGISTRATION FORM Name : Address : Birthday : // Gender : Male Username : Password ; Confirm : City : State : Zip Code : Education : Occupation : SubmitCancel Phone : - Female

18 Pedoman perancangan formulir Gunakan judul yang berarti – Identifikasi topik dan jauhi istilah komputer Gunakan petunjuk yang dapat dipahami – Jelaskan task dengan singkat dan jika perlu sediakan layar petunjuk – Gambarkan aksi yang harus dilakukan – Hindari kata ganti atau referensi ke pemakai

19 Lanjutan… Kelompokkan dan urutkan field secara logis – field yang berhubungan harus berdekatan – pemisah antara kelompok harus jelas – urutan wajar (city, state, zip code)

20 Lanjutan… Layout formulir harus menarik secara visual – field jangan dikumpulkan di satu tempat – perhatikan alignment – formulir di layar harus menyerupai di kertas

21 Lanjutan… Gunakan label field yang dikenal pemakai – gunakan istilah umum.contoh: …………… Jika memungkinkan, tampilkan pesan yang menjelaskan – berikan informasi mengenai field atau isinya

22 Lanjutan… Gunakan peristilahan dan singkatan yang konsisten – daftarkan istilah dan singkatan yang dapat diterima – pergunakan daftar tersebut dan tambahkan isinya jika sudah dipertimbangkan baik-baik

23 Lanjutan… Ruang kosong dan batas field yang perlu diisi harus jelas terlihat – berikan tanda jumlah karakter yang dapat diisi Pergerakan kursor harus leluasa – perhatikan penggunaan tombol tab dan anak panah

24 Lanjutan… Memungkinkan koreksi kesalahan untuk karakter atau field – backspace,delete, overtyping Tampilkan pesan kesalahan untuk nilai yang tak dapat diterima – tampilkan nilai-nilai yang boleh diisikan

25 Lanjutan… Tandai field optional dengan jelas – tandai dengan “(optional)” atau lainnya – Field yang wajib diisi ditandai Sediakan tanda selesai – pemakai harus memberi tahu pengisian selesai – hindari penyelesaian automatis


Download ppt "Pertemuan ke 3 Pemilihan Menu dan Pengisian Formulir Hendri Sopryadi,MTI. (HUMAN-COMPUTER INTERACTION)"

Presentasi serupa


Iklan oleh Google