farfromfearless

Pertemuan 7 (Menu, Form Fill-in, and Dialog Box)

Pengertian

Menu adalah cara untuk menginstruksikan penggunaan sistem kepada users

Form Fill-in adalah dimana sistem interaktif meminta data atau informasi dari users.

Dialog Box adalah response dari sistem interaktif setelah users memberi instruksi yang membutuhkan parameter, ketika users mengklik icon Open.

Tujuan utama dari menu, form fill-in dan dialog box adalah untuk membuat lebih mudah dipahami, masuk akal, mudah diingat, nyaman bagi organisasi karena relevant dengan pekerjaan users(pengguna).

Ada beberapa tipe menu, antara lain:

Single Menu

Single menu ini perlu users untuk memilih anata 2 aatu lebih item atau memungkinkan multiple selection. Umumnya menu ini hadir tanpa parameter atau instruksi dengan parameter standar.

Contoh menu misalnya:

a. Check Box adalah menu yang bisa dipilih lebih dari 1.

b. Radio Button adalah menu yang multiple item tetapi hanya bisa dipilih salah satunya.

c. Pull-down menus adalah selalu tersediauntuk membuat seleksidari atas menubar dan didukung dengan shortcut keyboard, misal Ctrl+X. Ini penting untuk mengefesiensikan penggunaan.

d. Pop-up menus muncul ketika merespon cek atau tekan menggunakan pointing device.

e. Menus for Long List terdiri dari beberapa menus, yaitu:

1. Scrolling Menu yang menampilkan bagian pertama dari menu dan menu item tambahan, biasanya panah mengarah pada set item berikutnya di urutan menu.

2. Combo Box menggabungkan menu Scrolling dengan teks entry yang bisa dipilih

3. Menu Fisheye menampilkan semua menu item pada layar sekaligus, tetapi hanya menampilkan item yang dekat dengan kursor dengan ukuran penuh.

Karakteristik:

1. Sliders : menu yang biasanya memiliki rentang. Misalnya mau atur Zoom.

2. Alpha sliders menggunakan multiple level granularity dalam menggerakkan jempol slider, oleh karena itu dapat mendukung puluhan atau ratusan ribu items.

3. Menu 2 dimensi memberikan gambaran yang baik dari pilihan, mengurangi jumlah tindakan, dan memungkinkan pemilihannya cepat.

f. Embedded menus adalah menu yang memungkinkan pengguna membaca mengenai nama, kejadian, tempat untuk mengambil informasi rinci dengan memilih menu dalam konteks.

Combination of Multiple Menus

1. Linear Sequence Menus adalah menu yang mengarahkan user melalui proses pengambilan keputusan yang kompleks. Menu ini dijalankan secara step by step.

2. Simultaneous Menus adalah menyediakan menu aktif pada waktu yang sama dan memungkinkan pengguna untuk memasukkan pilihan dalam urutan apapun.

3. Tree Structured Menus, dibagi menjadi beberapa kategori item, misal File, Edit, View diambil lebih cepat, menggunakan terminology dari tugas domain, memperluas menu, misalnya Window Explorer.

4. Menu Maps adalah menu yang membantu user untuk tetap berorientasi dan mengurangi user disorientasi.

5. Acyclic and Cycle Network, misalnya menu yang berkaitan dengan hubungan social, rute transportasi, kutipan ilmiah-jurnal. Sifat menu ini dapat membuat kebingungan dan disorientasi. Cycle : bisa kembali ke level atas dan Acyclic: 1 pilihan dapat dicapai melalui beberapa jalur.

Content Organization

Mengelompokkan pekerjaan yang saling berhubungan di tree organization:

a. Membuat grup dari items yang sama secara logic

b. Membentuk grup yang mengcover semua kemungkinan

c. Memastikan bahwa items adalah tidak tumpang tindih.

d. Menggunakan terminology yang ramah, tetapi memastikan items berbeda dari yang lainnya.

Urutan Item Presentation:

a. Typical berbasis untuk items sequencing, antara lain: waktu, penawaran angka, property fisik.

b. Kemungkinan basis lainnya, antara lain: urutan abjad dari istilah, pengelompokkan item terkait, paling sering digunakan item pertama, paling penting items pertama.

Menu Selection Guidelines:

a. Gunakan semantic tugas untuk mengatur menu

b. Memilih mengenai luas dangkal ke sempit dalam

c. Menampilkan posisi dengan grafs, angka, atau judul

d. Menggunakan item sebagai judul untuk subtrees

e. Mengelompokkan item yang bermakna

f. Mengurutkan item yang bermakna

g. Menggunakan item singkat: mulai dengan kata kunci

h. Menggunakan tata bahasa yang konsisten, tata letak, terminology

i. Mengijinkan cara pintas

j. Mengaktifkan melangkahi dari menu sebelumnya ke main menu

k. Mempertimbangkan banyuan online, mekanisme seleksi baru, dan waktu respon yang optimal, tingkat tampilan dan ukuran layar.

Menu Layout

Judul dari single menu adalah simple deskriptif. Karakteristik menu layout yaitu: judul dari tree structured menu menggunakan beberapa kata yang sama di item menu level tertinggi sebagai judul untuk menu yang lebih rendah selanjutnya, menggunakan terminology yang udah familiar dan konsisten, memastikan bahwa items adalah berbeda dari yang lain, menggunakan penyusunan kata yang konsisten dan singkat.

Fast Movement Through Menus

Adalah Keyboard shortcuts, yang memiliki karakteristik seperti:

a. Mendukung pengguna yang telah ahli

b. Dapat membuat translasi ke bahasa asing lebih sulit

c. Bookmarks di browsers

d. Konfigurasi pada toolbar

Form Fill-in

1. Kesesuaian ketika beberapa field data harus diisi:

a. Informasi yang lengkap sehingga bisa dilihat oleh penggua

b. Tampilan bentuk kertas yang familiar

c. Beberapa instruksi yang dibutuhkan untuk beberapa tipe untuk memasukkan data

2. Users harus familiar dengan:

a. Keyboards

b. Menggunakan TAB key atau mouse untuk menggerakkan cursor

c. Metode mengoreksi kesalahan

d. Arti dari judul field

e. Pengijinan konten field

f. Menggunakan ENTER atau Return key

3. Penunjuk:

a. Judul yang memiliki arti

b. Instruksi yang lengkap

c. Pengelompokkan logic dan urutan field

d. Tata letak tampilan yang menarik ari form

e. Label dari field familiar

f. Terminologi konsisten dan singkat

g. Space terlihat dan batas-batas untuk fields data entry

h. Pergerakkan cursor sesuai

i. Koreksi error untuk karakter individual dan keseluruhan fields

j. Pencengahan error yang mungkin terjadi

k. Pesan error untuk value yang tidak diterima

l. Penandaan pada field yang dibutuhkan

m. Signal tanda selesai untuk mendukung users control

4. Format spesifik pada field

a. Field dikode

1. Nomor telepon

2. Nomor keamanan social

3. Waktu

4. Tanggal

5. Jumlah dollars(atau mata uang lainnya)

Dialog Boxes

Teknik kombinasi dari menu dan form fill-in. Dialog box adalah respon dari sistem interaktif ketika user memilih instruksi yang membutuhkan parameter.

1. Petunjuk Internal layout:

a. Judul bermakna, style konsisten

b. Urutan atas-kiri ke bawah-kanan

c. Pengelompokkan dan tekanan

d. Layouts konsisten

e. Terminology konsisten, fonts, hurup besar, dan justification

f. Standard button(OK, Cancel)

g. Pencegahan error dengan memanipulasi secara langsung

2. External Relationship

a. Smooth appearance and disappearance

b. Dapat dibedakan tapi dalam batasan yang kecil

c. Cukup ukuran yang kecil untuk mengurangi masalah tumpang tindih

d. Tampilan mendekati item yang sesuai

e. Tidak tumpang tindih dari item yang dibutuhkan

f. Mudah untuk dihilangkan

g. Jelas bagaimana untuk melengkapi dan membatalkan

www.binus.ac.id

No comments as yet.

Anonymous - Gravatar

No comments have yet been made to this posting.

Commentors on this Post-

Leave a Comment-

Comment Guidelines: Basic XHTML is allowed (a href, strong, em, code). All line breaks and paragraphs are automatically generated. Off-topic or inappropriate comments will be edited or deleted. Email addresses will never be published. Keep it PG-13 people!

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

All fields marked with "*" are required.