Selasa, 05 November 2013

Topik 6 - Menu, form dan kotak dialog

      1.      Menu adalah cara untuk menyajikan petunjuk yang tersedia bagi pengguna.

       Single menu
·         Binary menu





·         Multiple-item menu/radio buttons

·         Multiple selection menu atau check boxes

·         Pull-down, pull-up dan tollbars menu


·         Scrolling dan two dimensional menu

·         Slider adalah item yang terdiri dri rentang atau nilai numerik
·         Alpha slider menggunakan berbagai tingkat granularity dalam menggerakkan jempol slider dank arena itu dapat mendukung puluhan atau ratusan ribu item.
·         Embedded menu merupakan alternative untuk menu eksplisit.
·         Linear sequences dan multiple menu
·         Tree structured menu.
·         Ketika kumpulan item berkembang dan menjadi sulit dipelihara dalam kendali intelektual, perancang dapat membentuk kategori item-item yang serupa, membentuk struktur tree.
Contoh pengelompokkan:
·         Laki-laki, perempuan
·         Hewan, sayuran, mineral
·         Fonts, size, style, spacing
·         Acyclic dan cyclic menu networks
2.      Form fill-in adalah rata-rata untuk sistem interaktif untuk meminta data atau informasi dari pengguna. Formulir isian cocok dipakai jika banyak field data dibutuhkan.

            Pendekatan formulir isian menarik karena:
        Kelengkapan penuh informasi terlihat.
        Seperti formulir kertas.
        Sedikit petunjuk diperlukan.
Pedoman Perancangan Formulir Isian
         Judul yang berarti.
         Instruksi yang dapat dipahami.
         Pengelompokan dan pengurutan field yang logis.
         Tata letak yang menarik secara fisual.
         Label field yang dikenal.
         Ruang kosong dan batas field yang perlu diisi harus jelas terlihat.
         Pergerakan kursor yang leluasa.
         Koreksi kesalahan untuk karakter dan field.
         Pencegahan kesalahan.
         Pesan kesalahan untuk nilai yang tak dapat diterima.
Beberapa Variasi Isian Field
         Combo box: kombinasi list box dan text box.
         Coded fields: mempunyai mask untuk format isian khusus. Mis.:
        Telepon – (___)___-_____
        Social Security Number – ___-__-____
        Waktu – __:__ __
        Tanggal – __/__/____
        Nilai uang – $_____.00
3.      Kotak dialog merupakan respon dari sistem interaktif setelah pengguna memberikan instruction yang membutuhkan parameter, misalnya ketika pengguna menklik open icon. Kotak dialog adalah kombinasi teknik menu dan formulir isian yang banyak digunakan di GUI modern.

Perlu diperhatikan:
a.       Tata letak internal kotak dialog
b.      Hubungan eksternal kotak dialog
Pedoman Tata Letak Internal Kotak Dialog
         Judul berarti, gaya konsisten.
         Pengurutan dari atas kiri ke bawah kanan.
         Pengelompokan dan penegasan.
         Tata letak yang konsisten.
         Peristilahan, font, penggunaan huruf besar, justifikasi yang konsisten.
         Tombol standar (OK, Cancel).
         Pencegahan kesalahan.
Pedoman Hubungan Eksternal Kotak Dialog
         Penampilan dan penutupan halus.
         Dapat dibedakan tapi batasnya kecil.
         Ukuran cukup kecil (minimalkan overlap).
         Dekat dengan item yang sesuai.
         Tidak menghalangi item yang harus dilihat.
         Mudah ditutup (dibuat menghilang).
         Jelas penyelesaian/pembatalannya.

0 komentar:

Posting Komentar