Topic 7 - Interaction Devices

Keyboard Layouts

Ada beberapa layout yang sering dipakai yaitu :

·         QWERTY

pada layout ini tombol - tombol pada keyboard yang sering digunakan diletakkan berjauhan untuk mengurangi kesalahan. Namun hal ini juga menambah jarak yang harus ditempuh untuk mengetik.

·         Dvorak

pada layout ini jarak yang harus ditempuh ini dikurangi sebanyak satu tombol. Namun layout ini kurang banyak dipakai karena user cenderung sudah terpaku pada layout QWERTY yang biasa dipakai.

·         ABCDE

mudah untuk user yang tidak pernah mengetik karena tombol keyboard diletakkan berurutan sesuai abjad.

Namun ada beberapa hal yang dapat mengganggu user. Salah satunya adalah keyboard yang digunakan oleh IBM PC yang banyak dikritisi karena posisi tombol yang tidak umum. Sementara itu untuk device berukuran kecil kita dapat menggunakan wireless keyboard, virtual keyboard, soft keys, maupun touch screen.

 Pointing Devices

Ada beberapa interaksi yang dapat dilakukan oleh pointing devices yaitu : memilih, mengubah posisi, membuat path, mengubah orientasi, melakukan kuantifikasi, dan mampu menginput teks. Beberapa kriteria yang perlu diperhatikan oleh pointing devices adalah :

1. Kecepatan dan akurasi

2. Kesesuaian dengan pekerjaan

3. Waktu pembelajaran

4. Cost dan realibilitas

5. Ukuran dan berat

Contoh - contoh direct control pointing device adalah light pen, touch screen, serta stylus, maupun gesture dan pengenalan tulisan tangan pada tablet dan mobile device.

Sementara contoh untuk indirect pointing device antara lain adalah mouse, trackball, joystick, graphic tablet, dan touch pad.

Ada beberapa hal yang perlu dipertimbangkan dalam membandingkan pointing device :

1. Faktor manusia

·         Kecepatan gerakan

·         Akurasi

·         Tingkat kesalahan

·         Waktu pembelajaran

·         Kepuasan user

2. Variable lain

·         Cost

·         Daya tahan

·         Ukuran

·         Berat

·         Penggunaan oleh orang bertangan kidal

·         Faktor kesehatan (seperti repetitive strain injury)

·         Kompatibilitas

Hasilnya adalah bahwa direct pointing device lebih cepat namun kurang akurat. Sementara itu graphic tablet sangat baik digunakan untuk user yang lama menggunakannya dan tidak memerlukan keyboard. Mouse juga cenderung lebih cepat daripada isometric joystick. Untuk pekerjaan yang menggabungkan mengetik dan menunjuk, cursor keys lebih cepat dan lebih disukai daripada mouse, selain itu cursor keys juga mengurangi resiko kesehatan pada pengguna.

Untuk pointing device ada sebuah aturan yaitu Fitts Law sebagai berikut

Tingkat kesulitan = log2 (2D / W)

Waktu untuk menunjuk = C1 + C2 (tingkat kesulitan)

C1 dan C2 merupakan konstanta yang bergantung pada device yang digunakan

Speech and Auditory Interfaces

Merupakan interface dimana dilakukan pengenalan bahasa natural dengan cara store and forward. Sistem ini memiliki biaya rendah dan cukup dapat diandalkan. Ada beberapa jenis, yaitu :

1. Discrete word recognition

2. Voice information systems

3. Speech generation

4. Audio tones, audiolization, and music (digunakan untuk memberikan sound feedback)

 Display

Layar tampilan menjadi sumber utama untuk memberikan feedback pada user. Beberapa fitur yang penting diperhatikan adalah :

1. Dimensi fisik (biasanya dimensi diagonal dan ketebalan)

2. Resolusi

3. Jumlah warna yang tersedia

4. Luminansi, kontrast, dan pantulan

5. Konsumsi daya

6. Refresh rate

7. Biaya

8. Realibilitas

Beberapa hal yang perlu diperhatikan untuk memilih layar tampilan yang digunakan :

1. Portability

2. Privacy

3. Saliency

4. Ubiquity

5. Simultaneity

Ada beberapa teknologi untuk layar tampilan yaitu

1. Monochrome display

2. RGB shadow-mask display

3. Raster-scan cathode-ray tube (CRT)

4. Liquid-crystal display (LCD)

5. Plasma panel

6. Light-emitting diodes (LED)

7. Electronic ink

8. Braille display

9. Large display

10. Heads-up and helmet mounted display

Topic 6 - Menu, Form Fill-in, and Dialog Box

 Introduction

Menu merupakan suatu cara untuk memberitahu user mengenai instruksi - instruksi yang dapat dieksekusi oleh aplikasi. Untuk mendapatkan data dari user digunakan form fill - in. Sementara itu respons diberikan pada user dalam bentuk dialog box.

Menu Organization

Tujuan utama dari menu, form fill-in, dan dialog box adalah untuk membuat pengelompokkan pekerjaan dari user dalam suatu sistem yang masuk akal, komprehensif, mudah diingat, dan mudah digunakan. Ada beberapa jenis menu seperti single menus, linear sequence menus, tree structure menus, cyclic menus, dan acyclic network menus.

a. Single Menus

·         Binary menus (huruf - huruf mnemonic, radio button, dan tombol pilihan)

·         Multiple item menus

·         Multiple selection menus atau check box

·         Pull down, pop up, dan toolbar menus (pull down menus selalu tersedia pada menu bar dan dapat diakses dengan keyboard shortcut, pop up menus muncul sebagai bentuk respons saat dilakukan check atau click dengan pointing device, sementara toolbar menus menyediakan pilihan aksi pada suatu object)

·         Menus for long lists (dapat menggunakans scrolling menus, combo box yang digabung dengan scrolling menu ataupun fisheye menus yang menampilkan semua pilihan di layar dan melakukan zoom saat didekati cursor. Selain itu dapat digunakan sliders jika pilihan berada dalam suatu range numerik tertentu. Cara lainnya adalah dengan menggunakan two dimensional menus seperti pada Control Panel di Windows)

·         Embedded Menus (merupakan alternatif untuk explicit menus dimana memungkinkan user untuk membaca informasi yang lebih detail dengan memilih menu yang merujuk ke konteks tersebut)

b. Combination of Multiple Menus

·         Linear sequence menus (membantu user dalam membuat suatu pilihan yang kompleks, dan sangat berguna bagi novice users)

·         Simultaneous menus (memberikan semua pilihan yang mungkin secara bersamaan dan memperbolehkan user untuk memasukkan pilihan secara sembarang)

·         Tree structured menus (membagi menu ke dalam kategori - kategori sehingga lebih cepat dipahami)

·         Menu maps (membantu user agar tidak bingung dengan menu yang ada)

·         Acyclic dan Cyclic Networks (banyak dipakai untuk menggambarkan relasi, jalur transportasi, dan referensi pada jurnal - jurnal ilmiah. Pada cyclic networks user dapat kembali ke level diatasnya, sedangkan pada acyclic networks suatu pilihan dapat dicapai lewat banyak jalur. Menu jenis ini cenderung membingunkan bagi user yang tidak terbiasa.)

 Content Organization

1. Melakukan pengelompokan pekerjaan yang berkaitan dalam satu kategori.

2. Membuat menu yang berurutan (dapat dengan waktu, urutan secara numerik, maupun berdasarkan properties yang dimiliki)

Guidelines untuk menu :

1. Organisasikan menu berdasarkan jenis pekerjaan

2. Lebih cenderung pada broad - shallow daripada narrow - deep

3. Perlihatkan posisi dengan grafik, angka, ataupun judul

4. Gunakan items sebagai judul untuk subtrees

5. Pengelompokkan item harus memiliki arti

6. Pembuatan urut - urutan item harus memiliki arti

7. Gunakan kalimat singkat (keyword)

8. Perhatikan konsistensi grammar, layout, dan terminologi

9. Sediakan shortcut

10. Perbolehkan user untuk langsung kembali ke menu sebelumnya dan main menu

11. Pertimbangkan online help, response time, display rate, dan ukuran layar

Hal - hal yang perlu diperhatikan dalam menu layout :

1. Judul

2. Layout dan design (ukuran layar, display rate, character set, dan teknik highlighting)

3. Konsistensi (judul, penempatan item, instruksi, pesan kesalahan, dan laporan status)

4. Teknik (indentasi, huruf besar / kecil, simbol, penanda posisi, cascading menus, magic lens)

Untuk memudahkan expert user berikan keyboard shortcuts, bookmarks, dan toolbar yang dapat dipersonalisasi oleh user.

 Input Data with Menu

1. Form Fill-in

Diperlukan ketika banyak data yang harus diinput. Namun user harus sudah lancar dalam menggunakan keyboard, tabulasi, metode koreksi kesalahan, arti dari label yang ada, field konten yang diperbolehkan, dan penggunaan enter.

Form fill-in design guidelines :

·         Judul yang memiliki arti

·         Instruksi yang jelas

·         Pengelompokkan secara logical

·         Layout yang mudah dilihat

·         Field label yang familiar

·         Terminologi dan singkatan yang konsisten

·         Adanya tempat dan batas yang jelas untuk menampung input

·         Pergerakan cursor yang jelas

·         Adanya koreksi kesalahan

·         Adanya validasi

·         Pesan kesalahan jika value yang diberikan tidak sesuai

·         Penanda untuk field yang harus diisi

·         Pesan penjelasan

·         Signal yang menandakan progress pengisian form.

2. Format spesific field

Digunakan untuk field yang berupa kode seperti nomor telepon, nomor jaminan sosial, waktu, tanggal, dan jumlah uang.

3. Dialog Box

Merupakan kombinasi dari menu dan form fill-in. Guidelines untuk layout dialog box adalah :

·         Judul dan model yang konsisten

·         Urut - urutan dari atas kiri ke bawah kanan

·         Gunakan penekanan

·         Layout yang konsisten (pada margin, grid, white space, line, dan box)

·         Terminologi, fonts, penggunaan huruf kapital, dan indentasi yang konsisten

·         Gunakan tombol standard (OK dan Cancel)

·         Hindari kesalahan dengan direct manipulation

Selain itu dialog box juga harus memenuhi syarat berikut agar sesuai dengan lingkungan luarnya :

·         Dialog box muncul dan hilang dengan mulus

·         Dibedakan dari lingkungan luar dengan pembatas tipis

·         Ukuran cukup kecil sehingga tidak terjadi overlap

·         Tampilkan dekat item yang memicu dialog box

·         Hindari overlap pada item yang diperlukan

·         Mudah untuk ditutup

·         Mudah untuk diselesaikan / dibatalkan