Bab 6 : Menu Selection, Form Fill-in, and Dialog Boxes

Menu Selection, Form Fill-in, and Dialog Boxes

=================================================================================

 I. Menu Selection

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

    *. Single menu :

      • Binary Menus ->  harus memilih satu diantara dua pilihan.

       – Mnemonic letters

       – Radio Buttons 

– Button Choice 

• Multiple Seletion -> memilih beberapa pilihan dari banyak pilihan yang disediakan

• Pull-down, pull-up dan tollbars menu

   *.Tree-Structured Menus

      Ketika kumpulan item berkembang dan menjadi sulitdipelihara       dalam kendali intelektual, perancang dapat membentuk             kategori item-item yang serupa,membentuk struktur tree.

   *. Contoh pengelompokan:
        – Laki-laki, perempuan
        – Hewan, sayuran, mineral
        – Fonts, size, style, spacing

   *. Dalam tree-structured menu terdapat depth dan breadth

      Depth adalah jumlah leven sedangkan breadth adalah jumlah         item per level.

   *. Task-related grouping in tree organization
        • Kelompokkan item-item yang serupa secara logis.
        • Bentuk kelompok yang melingkupi semua kemungkinan.
        • Pastikan item tidak overlap.
        • Gunakan peristilahan yang dikenal

   *. Acyclic dan Cyclic Menu Networks
        • Digunakan pada hypertext, seperti www dimana potensi             untuk tersesat meningkat

        • Kadang-kadang lebih cocok daripada struktur tree.
        • Memungkinkan jalur dari bagian tree yang berbeda, tidak           mengharuskan pemakai memulai dari menu utama.

    *.Secara alami terdapat pada:
       • Hubungan sosial.
       • Jalur transportasi.
       • Kutipan dalam jurnal ilmiah.
       • Membutuhkan penelusuran balik

II. Form Fill-in

     *. 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

     *. Pedoman mendesain form fill-in:
         – judul yang bermakna
         – instruksi yang mudah dipahami
         – Pengelompokan logis dan sekuensing bidang
         – Tata letak visual menarik dari bentuk
         – Field-label yang familiar
         – Konsisten menggunakan kata / singkatan
         – Terlihat Ruang dan bounderies untuk bidang data-entry
         – Gerakan kursor Nyaman
         – Koreksi kesalahan untuk karakter individu dan seluruh            bidang
         – Pencegahan kesalahan di mana mungkin
         – Pesan kesalahan untuk nilai-nilai yang tidak dapat                diterima
         – Penandaan bidang yang diperlukan
         – Penjelasan pesan untuk bidang

    *. contoh :

III. Dialog Boxes

    *. Dialog dialog merupakan respon dari sistem interaktif            setelah pengguna memberikan instruction yang membutuhkan
       parameter, misalnya ketika pengguna menklik open icon.            Banyak digunakan dalam 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.

    *. contoh dialog boxes :