About Me

Foto Saya
anri junuka
Lihat profil lengkapku

followers

Senin, 04 November 2013

Pert6 Interaksi Manusia dan Komputer | Menu, Form Fill-in and Dialog Box |

13.06 | Posted by anri junuka | | Edit Entri


Single Menus


  • Binary Menus
    • Mnemonic letters
    • Radio Buttons
    • Button Choice
  • Multiple-item Menus
  • Multiple-selection menus or check boxes
  • Pull-down or pop-up menus
  • Scrolling and two-dimensional menus
  • Alphasliders
  • Embedded links
  • Iconic Menus, toolbars, or palettes

Menyusun secara sistematis sebuah daftar menu tunggal. Tidak ada jumlah yang pasti dari item-item untuk dimasukan dalam daftar menu. Beberapa organisasi menetapkan jumlah maksimum (sekitar 10) , tapi tidak ada peraturan yang umum.

                           
               

Menu yang mendalam atau melebar. Tidak ada patokan yang pasti apakah menu sebaiknya mendalam atau melebar.  Hanya saja jika menu terlalu mendalam memiliki kesan suatu modul sulit untuk dicari/diketemukan, untuk menghindari hal tersebut biasanya dibatasi maksimum kedalaman 10 dan sub-sub dari setiap menu tersebut tidak lebih dari tingkat 4 (menu utama tingkat 1, sub menu tingkat 2, sub-sub menu tingkat 3, sub-sub-sub menu  tingkat 4). 

Jika menu tersebut terlalu melebar memiliki kesan program tersebut kompleks, karena banyaknya menu yang ditawarkan.   Kesimpulannya seimbangkan untuk kedalaman dan melebarnya menu.



Linear Sequences and Multiple Menus


  • Menu yang memandu pengguna untuk proses yang kompleks
  • Contoh  cue cards atau  "Wizards"

Tree-structured Menus


Contoh Daftar Keluarga :

  • Male, female
  • Animal, vegetable, mineral
  • Fonts, size, style, spacing

Beberapa bentuk menu yang lainnya


  • Menu Maps.  Efektik untuk meminimasi pengguna yang tidak terarah.
  • Acyclic and Cyclic Networks.  Berguna untuk social relationships , transportation routing, scientific-journal citations.  Namun dapat membingungkan dan membuat tidak berarah.



Strategi untuk mengelompokkan menu


Ada sejumlah cara dimana item dalam menu dikelompokan bersama. Hal ini termasuk :

  • Pengkategorian – pilihan dari tipe yang serupa ditempatkan bersama
  • Urutan yang lazim – contohnya nama hari dalam seminggu   
  • Jumlah pemakaian – pilihan yang sering digunakan terletak dekat dengan bagian atas dari menu
  • Pastikan tidak ada item menu yang duplikasi atau overlapping
  • Gunakan istilah yang umum



Catatan :  Pengurutan secara alpabet  mungkin digunakan ketika tidak ada lagi metode yang jelas dari organisasi

Urutuan Penampilan Item Menu


Urutan dari item menu sangat penting dan sebaiknya mengikuti urutan alamiah seperti urutan :

  • Waktu 
  • Urutan Angka
  • Properti secara fisik

Bila ditemukan kasus pengurutan tugas tidak memiliki hubungan satu sama lainnya, perancang harus memilih dengan urutan sebagai berikut jika dimungkinkan :

  • Urutan Alphabet
  • Pengelompokkan item yang serupa
  • Letakkan item yang sering digunakan di urutan terdepan (paling atas/paling kiri)
  • Letakkan item yang paling penting di urutan pertama



Waktu Respon dan Kecepatan Tampil


Kecepatan menu saat diklik oleh pengguna menentukan kecantikan dari mekanisme interface menu tersebut. 



·         Waktu Respon (Response Time):  Waktu yang dibutuhkan oleh sistem untuk mulai menampilkan informasi saat pengguna memilih menu tersebut.



·         Kecepatan Tampil (Display Rate): Kecepatan menu tersebut ditampilkan.





Pengguna lebih menyukai menu yang melebar dari pada mendalam.

Pemilihan Menu yang Cepat


Menus dengan typeahead  (bergaris bawah) atau Shortcut penting bila :

  • Menus sangat familiar
  • Response time/display rates sangat lambat slow

Menu names or bookmarks for direct access. Menu yang sederhana yang mengijinkan pengguna untuk mengakses langsung suatu halaman.



Menu dengan Icon/Toolbutton.  Beberapa menu yang sering digunakan akan lebih cepat diakses jika disediakan Icon/toolbuttonnya.



Menu cepat (pop-up).   Menu yang diaktifkan pada objek yang dikehendaki dengan mengklik tombol mouse kanan, akan mempercepat pemilihan menu tersebut.



Tata Letak Menu


Judul


Untuk single menu, gunakan judul yang sederhana.   Untuk  tree-structured menus, gunakan kata-kata pada item menu pada tingkat yang lebih tinggi sebaiknya dimunculkan pada judul menu yang dibawahnya.  Contoh item menu Layanan Bisnis dan Keuangan, akan muncul sebagai judul pada menu dibawahnya, jika kita memilih menu dibawahnya.

Frasa dari item menu


  • Gunakan istilah yang umum/familiar dan konsisten
  • Yakinkan bahwa setiap item berbeda dengan lainnya
  • Gunakan frasa yang konsisten dan pasti
  • Letakkan keyword di sebelah kiri

Tata letak dan desain monitor (Graphic)


Batasan :

  • lebar dan panjang layar
  • display rate
  • character set
  • highlighting techniques

Panduan untuk konsistensi menu paling tidak hal berikut yang harus diperhatikan



  • Titles
  • Item placement
  • Instructions
  • Error messages
  • Status reports

Tehnik

  • Indentation
  • Upper/lower case characters
  • Symbols such as * or - to create separators or outlines
  • Position markers
  • Cascading or walking menus
  • Magic lens

Form Fillin


Hal yang patut diperhatikan saat banyak field data harus dimasukkan :

  • Full complement of information is visible to user.
  • Display resembles familiar paper forms.
  • Few instructions are required for many types of entries.

Pengguna harus terbiasa dengan penggunaan :

  • Keyboards
  • Use of TAB key or mouse to move the cursor
  • Error correction methods
  • Field-label meanings
  • Permissible field contents
  • Use of the ENTER and/or RETURN key.

Form-Fillin Design Guidelines


  • Meaningful title
  • Comprehensible instructions
  • Logical grouping and sequencing of fields
  • Visually appealing layout of the form
  • Familiar field labels
  • Consistent terminology and abbreviations
  • Visible space and boundaries for data-entry fields
  • Convenient cursor movement
  • Error correction for individual characters and entire fields
  • Error prevention
  • Error messages for unacceptable values
  • Optional fields clearly marked
  • Explanatory messages for fields
  • Completion signal




List dan combo boxes


 Gunakan Listbox atau combobox untu field-field yang dikodekan (ada referensinya) seperti :

  • Telephone numbers
  • Social-security numbers
  • Times
  • Dates
  • Dollar amounts (or other currency)

Dialog Boxes


Kombinasi dari tehnik menu dan form-fillin.
Related to a specific task.
Internal layout guidelines:

  • Meaningful title, consistent style
  • Top-left to bottom-right sequencing
  • Clustering and emphasis
  • Consistent layouts (margins, grid, whitespace, lines, boxes)
  • Consistent terminology, fonts, capitalization, justification
  • Standard buttons (OK, Cancel)
  • Error prevention by direct manipulation

External Relationship

  • Smooth appearance and disappearance
  • Distinguishable but small boundary
  • Size small enough to reduce overlap problems
  • Display close to appropriate items
  • Easy to make disappear
  • Clear how to complete/cancel
Labels: , , ,

0 comments:

Posting Komentar

Langganan: Posting Komentar (Atom)

Blogger Template created with Artisteer.