INTERAKSI MANUSIA dan KOMPUTER Manusia sebagai User

Pertemuan 1 Hal-hal yang menjadi pertimbangan utama

dalam pembuatan interface adalah faktor
PENDAHULUAN manusia, dimana berkaitan rasa dan
kebiasaan. Untuk rasa pada manusia yang
Interaksi Manusia & Komputer adalah ilmu yang sangat berperan adalah indera penglihatan
digunakan untuk membuat suatu aplikasi berbasis dan pendengaran. Sedang untuk kebiasaan
komputer mempunyai kemudahan pengoperasian. adalah jaringan syaraf yang banyak berperan
Yang dimaksud kemudahan disini adalah mudah serta sifat dari manusia itu sendiri.
dioperasikan & dipelajari dengan adanya unsur-
unsur : Hal-hal yang harus dipertimbangan dalam
pembuatan interface berkaitan dengan rasa :
- panduan pengoperasian (input, proses
dan output) 1. Penggunaan warna
- panduan jika ada kesalahan - pemakaian warna harus diatur
- (+) tampilan interface bagus dan tidak sedemikian rupa, sehingga tidak
membosankan membuat lelah user selama berinteraksi
dengan komputer.
Bidang-bidang ilmu penunjang : Contoh : menghindari penggunaan warna
biru murni untuk teks, garis tipis dll.
- Teknik elektronika dan komputer
2. Penggunaan suara
- Psikologi : Persepsi user, kemampuan
- suara adalah media kedua setelah
memecahkan masalah
penglihatan, namun harus dihindari
- Perancangan Grafis dan Tipografi :
penggunaan suara yang bisa
Presentasi interface
menimbulkan kejengkelan pengguna.
- Ergonomik : Kemampuan fisik user
Dalam perkembangannya suara dapat
- Bisnis : Pemasaran
diaplikasikan untuk user yang tidak bisa
- Linguistik
melihat.
- Sosiologi : Kemampuan memahami
3. Penerapan sistem sentuhan
konsep interaksi
- berkaitan dengan media input seperti
Kesulitan yang timbul dalam pembuatan interface : papan ketik ataupun mouse.

- selera dan kebiasaan pengguna sangat I. PERANCANGAN TAMPILAN

beragam.
Dalam perancangan interface harus dilakukan
Strategi Pengembangan Interface. dokumentasi pekerjaan yang dilakukan.
Sehingga dengan dokumentasi tersebut segala
- Pengetahuan tentang mekanisme fungsi perubahan dapat dicatat.
manusia sebagai user dipertimbangkan
dalam kaitannya dengan tingkat Cara-cara dokumentasi rancangan antara lain :
persepsional, aspek psikologinya dan
kemampuan motorik. 1. Membuat sketsa pada kertas (storyboard)
- Karakteristik dialog lebih dikembangkan
2. Menggunakan piranti prototipe GUI
sebaik mungkin. Karakteristik dialog
meliputi ragam dialog, struktur, isi 3. Menuliskan tekstual yang menjelaskan
tekstual dan grafis. tentang kaitan antara satu jendela dgn
- Penggunaan prototipe yang didasarkan
pada spesifik dialog formal yangdisusun jendela lain
bersama antara (calon) user dan
perancang sistem. Pemilihan alat bantu 4. Menggunakan piranti bantu CASE
pembuatan interface yang tepat. (Computer-Aided Software Engineering)
- Teknik evaluasi untuk menguji hasil
prototipe dengan cara analisa atas
transaksi dialog dan umpan balik user dari
hasil uji coba.
I.1 METODE PENDEKATAN - pada tahap ini (calon) pengguna
sebaiknya mulai dilibatkan agar segera
Kategori dari Program Aplikasi : diperoleh umpan balik.
3. Perancangan format pesan kebutuhan
1. Special purpose software data masukan yg mengharuskan
yaitu aplikasi yang dibuat untuk keperluan pengguna utk memasukkan data ke
khusus dan pengguna khusus pula. komputer harus diperhatikan dari segi
Contoh : software customizing. efisiensinya.
2. General purpose software / public software Contoh : penggunaan tombol untuk
yaitu aplikasi yang dibuat untuk banyak masukkan.
pengguna. 4. Perancangan penanganan kesalahan
Contoh : MS-Office, Lotus Smartsuite. a. validasi masukan data (filtering) :
contoh masukkan angka, salah
Macam Pendekatan pada pengguna :
dengan masukan huruf.
1. User-centered design approach b. proteksi pengguna : contoh adanya
- perancangan interface yg melibatkan kesalahan panghapusan file.
(calon ) pengguna. c. pemulihan kesalahan : tersedianya
2. User design approach. mekanisme untuk pembatalan
- pengguna sendiri yang merancang tindakan.
interface. d. Error massage
5. Perancangan struktur data
catatan :
I. 2.2 TAMPILAN RANCANGAN BERBASIS TEKS
Untuk public software, perancang dapat
berkreasi sendiri, namun harus Faktor-faktor yang harus diperhatikan :
diperhatikan bahwa aplikasi yg dibuat
akan dipakai oleh siapa saja, maka 1. Urutan penyajian
rancangannya harus bisa diterima siapa 2. Kelonggaran
saja pula. 3. Pengelompokan jenis data
4. Relevansi
I.2 PRINSIP & PETUNJUK PERANCANGAN 5. Konsistensi
TAMPILAN 6. Kesederhanaan.

Komponen dasar Interface : I. 2.3 PERANCANGAN TAMPILAN BERBASIS

1. Model pengguna : berupa model
konseptual yang diinginkan pengguna.
Harus diperhatikan bagi user yg belum
mengerti sama sekali teknologi komputer.
2. Bahasa perintah : piranti untuk
memanipulasi model.
3. Umpanbalik : kemampuan program
membantu user dalam pengoperasian.
Umpanbalik dapat berupa pesan
penjelasan, indikasi obyek terpilih, dll
4. Tampilan Informasi : komponen yg
berfungsi untuk menunjukkan status
informasi ketika user melakukan tindakan.
Contoh : pesan kesalahan, dll.
I. 2.1 URUTAN PERANCANGAN
GRAFIS
Faktor-2 yang harus diperhatikan :
1. Ilusi pada obyek-2 yg dapat dimanipulasi
2. Urutan visual & fokus pengguna
3. Struktur internal
4. Kosakata grafis yg konsisten dan sesuai
5. Kesesuaian dengan media
I. 2.4 RESPONSE TIME
Dalam perancangan interface yang juga perlu
diperhatikan adalah response time dari aplikasi yg
kita buat. Karena jika RT tersebut lama (> 14 detik)
akan menyebabkan perhatian user terpecah ke
aktifitas lain. RT yang memadai adalah < 2 detik.

Dilakukan secara top-down.Adapun langkah- I. 2.5. ERROR HANDLING

langkahnya adalah sbb :

1. Pemilihan ragam dialog.

2. Perancangan struktur dialog
II. RAGAM DIALOG
Teknik dialog interaktif digunakan agar terjadi
komunikasi antar manusia dan
komputer.
II. 1. Dialog yang ada dikelompokkan menjadi
kategori antara lain :
a. Dialog berbasis perintah tunggal
(command line dialogue)
b. Dialog berbasis bahasa pemrograman
(programming language dialogue)
c. Dialog berbasis pengisian borang (form
filling dialogue)
d. Sistem Menu
e. Sistem Windows (Windowing system)
f. Interface berbasis bahasa alami
g. Interface berbasis Ikon (Icon)
h. interface berbasis Interaksi Grafis
(text : suara, multimedia, dll)
i. Manipulasi langsung
II. 2 Selain itu Dialog Interaktif wajib mempunyai
karakteristik/sifat umum :
a. inisiatif
b. luwes/fleksibel
c. kompleksitas
d. kekuatan
e. beban informasi
f. konsistensi
g. umpan balik
h. observabilitas
i. efisiensi
j. keseimbangan
Adapun penjelasan untuk masing-masing
karakteristik/sifat dari Dialog adalah sbb :
a. Inisiatif
Yang dimaksud inisiatif disini adalah
interface (dialog) yang kita sajikan
memberikan informasi yang cukup, agar
user dapat memahami apa yg sedang
dihadapi walau informasi yg ditambahkan
tidak terlalu banyak.
- Jenis Inisiatif yg ada :
a) Inisiatif oleh Komputer.
Yaitu inisiatif yg telah di difinisikan
sebelumnya.
Contoh : pilihan menu, form isian,
pertanyaan (windows dialog).
b) Inisiatif oleh User
dalam hal ini user diharapkan
memahami sekumpulan perintah yg
harus dituliskan menurut aturan
(sintaksis).
Contoh : penggunaan perintah pada
DOS, dot command pada
WS, dll.
b. Luwes/Fleksibe
Luwes/Fleksibel disini adalah sistem
mempunyai kemampuan untuk mencapai
tujuan dengan cara yg berbeda-2. Sifat ini
sebenarnya tidak bisa diberikan
sepenuhnya, namun sebatas user bisa
menentukan tampilan ataupun
memprogram Function Key untuk
beberapa hal yg sering dilakukan berulang.
Contoh : pengaturan Control Panel pada
Windows, pembuatan shortkey, perintah
macro pada Excell, dll.
c. Kekuatan
Difinisi : jumlah kerja yg dapat dilakukan
sistem utk tiap perintah dari user. Hal ini
misalkan terdapat satu perintah yg dapat
menjalankan beberapa kerja secara
langsung, tanpa user memasukkan
perintah satu-2 untuk satu kerja.
d. Beban Informasi
Panyampaian informasi kepada user agar
disesuaikan dengan kebutuhan, dalam hal
ini terdapat dua kemungkinan terjadi
yaitu :
- informasi terlalu berat, sehingga user
tidak bisa merespon dengan baik
informasi terlalu ringan, user akan
beranggapan sistem seolah-olah
menyembunyikan kinerjanya
Salah satu pendekatan yg dipakai adalah
memanfaatkan inisiatif campuran.
e. Konsistensi
Konsistensi harus diterapkan pada semua
aspek perancangan interface. Perintah-
perintah harus mempunyai sintak yg
standart serta urutan parameter harus
mempunyai tata letak yg konsisten pula.
f. Umpan balik
Umpan Balik disini adalah suatu informasi
tentang proses yg sedang dilakukan
komputer setelah menerima masukkan
dari user.
Contoh : pesan kesalahan, visual tentang
pencarian data, dll.
g. Observabilitas
Sifat ini berlaku jika sistem berfungsi
secara benar dan nampak sederhana,
meski sesungguhnya proses internalnya
sangat rumit.
h. Kontrolabilitas
Kebalikan dari observabilitas, yaitu sistem
melakukan proses bardasarkan
kontrol dari user. Supaya kondisi ini
dipenuhi oleh disain kita, maka sarana yg
harus disediakan agar user mengetahui
posisi proses :
- posisi sebelumnya
 - posisi sekarang
- posisi proses selanjutnya
- fasilitas pembatalan proses Kerugian :
i. Efisiensi
Berkaitan dengan efisiensi Respons Time - perlu kebiasaan
j. Keseimbangan - beban ingatan tinggi
- kurang bagus dalam menangani
kesalahan
II.1.a DIALOG BERBASIS PERINTAH TUNGGAL
Hal-hal yg harus diperhatikan dalam pembuatan
(Command Line Dialogue) merupakan ragam dialog seperti ini :
dialog yg paling konvensional. Perintah-perintah
tunggal yg dioperasikan biasanya tergantung dari - gunakan kata kunci yg mudah diingat
sistem komputer yg dipakai, dan berada dalam - gunakan format perintah yg konsisten
suatu domain yg disebut bahasa perintah - gunakan kata-kata yg singkat / pendek
(command language). Bahasa ini biasa disebut - tambah fasilitas bantuan (Help)
bahasa buatan. Bahasa perintah ini harus - gunakan nilai-2 default utk mengurangi
dirancang sedemikian rupa sehingga bersifat masalah ketik
alamiah, yaitu mudah dipelajari dan diingat - siapkan “error messages”
kebanyakan pengguna.
II.1.b DIALOG BERBASIS BAHASA
Contoh : perintah yg dimiliki DOS dan UNIX. PEMROGRAMAN

DOS. adalah dialog yg memungkinkan pengguna

menggunakan sejumlah perintah ke bentuk file
Terdapat 2 macam : yg biasa disebut sebagai Batch File (xxx.BAT).
Bahasa yg dipakai adalah bahasa utk
- Internal command (memerlukan file exe) pemrograman maupun perintah DOS.
- External command.
Contoh :
Contoh.
autoexec.bat
Dir : (IC)
Copy : (IC) @ECHO OFF
Format : (EC)
Deltree : (EC) PROMPT $p$g

UNIX. PATH C:\WINDOWS;C:\DOS

Contoh. PATH C:\NWCLIENT\;%PATH%

Vi : perintah untuk baca/tulis file ……..

Ls : (= dir di DOS) ls : (= dir di DOS)

Who : untuk lihat user aktif II.1.c DIALOG BERBASIS PENGISIAN

BORANG(FORM APLICATION)
Lpr : cetak ke printer
Adalah penerapan langsung dari aktifitas
pengisian form dlm kehidupan sehari-hari,
dimana user dihadapkan pada suatu bentuk
Keuntungan : form yg ada di layar. Perlman membuat
perbedaan antara menu dan borang (Form).
- Cepat
- Efisien - Menu : dialog yg menampilkan alternatif
- Akurat pilihan dan pilihan tersebut akan dipilih
- Ringkas user.
- Luwes - Form : tampilan dari sejumlah
- Inisiatif oleh pengguna persyaratan (requirment) yg menampilkan
- Appealing sejumlah option dan nilai.
 Struktur & Organisasi
Tiga Aspek yg mempengaruhi Kualitas Interface
ini :
1. Tampilan pd layar yg mencerminkan
struktur data masukan untuk sistem
2. Kejelasan perancangan dan penyajian
secara visual
3. Tingkat kebenaran dan kehandalan
penerimaan data masukan oleh 3. Tingkat
kebenaran dan kehandalan penerimaan
data masukan oleh program
Syarat terpenting : (hampir) semua informasi
dapat tampak keseluruhan dalam satu layar,
sehingga akan memudahkan dalah hal kontrol dan
manipulasi masukan.
Hal-hal yg perlu diperhatikan :
- Proteksi Tampilan : batasan agar user tidak
dapat mengakses semua
- tampilan yg ada
- Batasan Field : memformat data masukan
(panjang Field, format field, dll)
- Isi Field :
- Opsional Field :
- Default :
- Fasilitas Bantu (Help) :
- Penghentian Field : cara utk mengakhiri
pengisian field (Enter, Tabulasi)
- Navigasi :
- Pembetulan Kesalahan :
Komponen Tampilan
Digunakan untuk membantu user dapat
melakukan pengisian semudah & secepat
pengisian manual.
Komponen tersebut antara lain :
data field (text field), list box, combo box, spin box,
editor box, dll.
Keuntungan :
- pengguna sudah terbiasa dgn bentuk isian
- isian data bisa disederhanakan
- perlu sedikit banyak
- perlu sedikit pelatihan
- beban memori rendah
- struktur jelas
- mudah perancangannya
- terdapat banyak alat bantu perancangan
Kerugian :
- lambat
- menggunakan ruang
- tidak sesuai untuk implementasi suatu
intruksi
- perlu kontrol kursor
- mekanisme navigasi tidak eksplisit
II.1.d SISTEM WINDOWS
Windows disini didifinisikan sebagai bagian
layar yg digunakan untuk menampilkan suatu
informasi.
Tujuh manfaat yg bisa digunakan user :
1. Lebih banyak informasi yg ditampilkan
2. Kemungkinan memasukan lebih dari
sebuah sumber informasi
3. Mengkombinasikan sejumlah sumber
informasi
4. Kontrol secara bebas dari tiap
program yang ada
5. Sarana utk pengingat
6. Sarana penyajian berganda
7. Command context/active form
Kategori dialog berbasisiWindows :
1. TTYWindows 1. TTYWindows
adalah tampilan windows sederhana
(seperti pada DOS), dimana user
mengetikkan perintah pada layar dan
komputer akan menanggapi pada baris
berikutnya.
Ciri Utama : ketika kursor berada pada
suatu baris, maka kursor tersebut tidak
dapat dipindah ke baris sebelumnya.
Contoh : dot prompt
2. Time-MultiplexedWindows
(banyak diterapkan pada editor teks.)
adalah windows yg dapat digeser
(scrollable windows) Frame at a
timeWindows banyak diterapkan pada
sistem menu tarik, dimana pilihan-2 yg
ada dikelompokkan berdasar aturan
tertentu sesuai dgn yg diinginkan
pemrogram.
3. Space-MultiplexedWindows
Dalam tipe windows ini layar lebar dibagi
menjadi beberapa bagian dengan ukuran
yang bervariasi dan jenis jendelanya dapat
ditentukan berdasar ketergantungan
antar jendela, misal apakah satu jendela
bisa diletakkan “diatas” yang lain.
Jenis-2 jendela semacam ini :
 - jendela satu dimensi : jendela dimana layar writeln(S.NamaMahasiswa)
dapat dibagi menjadi beberapa bagian secara
vertikal atau horisontal. Dan jika satu jendela End;
diubah ukurannya, maka ukurannya yg
berubah. ……
Contoh : pada Lotus 123,Word Perfect, dll.
Keuntungan :
- jendela dua dimensi : jendela dimana layar
dapat dibagi menjadi beberapa bagian secara - tidak memerlukan sitak khusus
vertikal atau horisontal. Dan antara jendela - luwes dan powerfull
tidak saling tumpang tindih. - alamiah
Contoh : aplikasi Cedar - inisiatif campuran
- jendela dua setengah dimensi : (= 2 dimensi)
namun antar jendela dapat tumpang tindih. Kerugian :
tumpang tindih.
Contoh : aplikasiWindows 9x - bersifat dualisme
4. Non HomogenWindows - bertele-tele
yang termasuk dalam jenis ini adalah Icon dan - opaque
zooming windows (preview pada Word). - kesulitan dalam perencangannya
Pertimbangan Teknis : - tidak efisien
- dibutuhkan komputer dengan memori
besar II.1.g DIALOG BERBASIS ICON
- harus menggunakan adapter grafis dgn
II.1.h INTERFACE BERBASIS GRAFIS
memori yg besar pula.
Contoh : Windows (iconic) & hypertext (link)
II.1.f INTERFACE BERBASIS BAHASAALAMI
II.1.i INTERFACE BERBASIS MANIPULASI
Dialog antar manusia dan komputer bersifat
LANGSUNG (DIRECT MANIPULATION)
untuk saling melengkapi (jika melihat untung
rugi dari pembahasan II.1.a), sehingga dialog yg Pengertian Manipulasi Langsung :
optimal diperoleh jika terdapat pemahaman
kekuatan dua belah pihak (manusia - suatu bentuk dialog yg menyajikan
komputer). tampilan sesuai dgn keadaan yg
sebenarnya.
Kekuatan disini adalah (dari sisi komputer),
suatu sistem yg mengimplementasikan dialog Contoh :
berbahasa alami perlu mempunyai sebuah
sistem penterjemah yg dapat menterjemahkan - program permainan (game) balap mobil,
suatu kalimat pada dua arah. solitair
- lembar isian elektronik
Contoh.
Penerapan Manipulasi Langsung
bahasa manusia : “ Cetak daftar semua
mahasiswa yg mempunyai IP semester lebih Contoh penerapan pada beberapa bidang :
besar dari 3,0”
1. Kontrol proses : visual kontrol
bahasa mesin : (syntax di dBase atau Foxpro) padaWarnet /Wartel, Mesin Pabrik, dll
2. Editor Text : penerapan konsepWYSIWYG
“ display all for IPSem > 3,0 “ pada windows base 2. Editor Text :
penerapan konsepWYSIWYG pada
(syntax Turbo Pascal) windows base
3. Simulator : adalah sistem miniatur yg
“ while not eof(T) do
mencoba meniru kerja sistem, contoh –
Begin flight simulator, dll
4. Kontrol LL Penerbangan :
readln(T,s); 5. CAD (Computer-Aided Design) – GIS

if S.IPSem > 3,0 then

Keuntungan :
- memp. Analogi yg jelas dengan sistem
real/nyata
- mengurangi waktu pembelajaran sistem
- memberi tantangan untuk eksplorasi kerja yg
nyata
- visualisasi bagus
- mudah dioperasuikan
- tersedia berbagai alat bantu.
Kerugian :
- perlu program yg rumit & berukuran besar
- perlu tampilan grafis berkinerja tinggi
- perlu piranti masukan (mouse, trackball)
- perlu perancangan tampilan dgn kualifikasi
khusus
Pertemuan 2
Teori-Teori Tingkat Tinggi
Pendekatan Empat Tingkat atau language model
dari Foley dan Van Dam
- Conceptual level : model mental /
kognitif pemakai dan metafora.
- Semantic level : menggambarkan arti
yang disampaikan oleh perintah masukan
pemakai dan keluaran komputer
- Syntactic level : mendefinisikan
bagaimana satuan (kata-kata) yang
menyampaikan semantik dirakit menjadi
kalimat lengkap yang memerintahkan
komputer melakukan tugas tertentu.
- Lexical level : berhubungan dengan
ketergantungan terhadap piranti dan
dengan mekanisme presisi yang
digunakan untuk menyebutkan sintaksis.
Contoh Implementasi Empat Tingkat dalam
Aplikasi Pada program draw (menggambar) dua
dimensi :
- Conceptual level : pemakai menciptakan,
menghapus, dan mengubah bangun
geometrik pada kertas menggunakan
bantuan kisi-kisi (grids) dan penggaris
(rulers)
- Semantic level : uraian rinci objek-objek
dan operasinya misalnya persegi panjang
dapat dibuat, diubah dan dihapus.
- Syntactic level : bentuk interaksi.
misalnya : untuk menghapus persegi
panjang yang ada dilayar, pemakai perlu
memilihnya terlebih dahulu kemudian
memilih salah satu cara untuk
menghapus.
- Lexical level : menghapus persegipanjang
yang ada di layar dilakukan dengan
mengklik persegi panjang kemudian men-
drag-nya ke tempat sampah atau memilih
“Delete” dari menu “Edit” atau dengan
menekan tombol Delete.
Teori : GOMS Model
Goals, Operators, Methods and Selections Rules :
- Model diusulkan oleh Card, Moran, dan
Newell (1980,1983)
- Postulat :
 Pemakai memformulasikan goals
(edit document) dan subgoals (insert
word) yang mereka peroleh dengan
menggunakan metode atau prosedur
untuk melaksanakan setiap goal
(pindahkan kursor ke lokasi yang
diinginkan menggunakan serentetan
penekanan tombol panah)
 Operator : “perseptual dasar, motor,
kegiatan kognitif, yang
pelaksanaannya diperlukan untuk
mengubah aspek keadaan mental
pemakai atau untuk mempengaruhi
lingkungan tugas “ (tekan tombol
panah atas, pindahkan tangan ke
mouse, ingat nama file, pastikan
kursor ada di akhir baris)
 Selection rules: struktur kontrol
untuk memilih salah satu dari
metode (methods) yang tersedia
untuk mencapai goal (menghapus
dengan menekan tombol Backspace
berkali-kali vs memblok dengan
menentukan posisi awal dan akhir
lalu menekan tombol Delete)
Teori : Keystroke Level Model
- Usaha untuk memperkirakan waktu kinerja
bagi pelaksanaan tugas oleh ahli yang bebas
kesalahan dengan menjumlahkan waktu
penekanan tombol, menunjuk,
menempatkan tangan di keyboard,
menggambar, berpikir, dan menunggu
sistem merespon.
- Berkonsentrasi pada pemakai ahli dan
kinerja bebas kesalahan.
- Kurang penekanan pada belajar,
pemecahan masalah, penanganan
kesalahan, kepuasan subjektif dan retensi.
Teori : Transition Diagram
Diperkenalkan oleh Kieras dan Poison (1985)
didasari pada pendekatan GOMS
Contoh : Generalized Transition Network untuk
Display Writer
Syntactic Knowledge
Definisi : pengetahuan rincian device dependent
ketika menggunakan sistem komputer.
Contoh :
- Aksi untuk menghapus karakter : tombol
Delete, BackSpace, Control +H, klik tombol
silang.
- Aksi untuk menyisipkan baris : tombol Enter
di akhir baris, Control+M
 Sifat-sifat Syntactic Knowledge
- Device dependent
- Diperoleh dari penghafalan berulang-
ulang
- Mudah dilupakan
- Tidak tentu, tidak dapat diramalkan,
berbeda diantara sistem
- Masalah dikurangi dengan menggunakan
menu, mnemonik, konsistensi.
 Contoh computer concepts
- Computer Objects :
• High level : Komputer menyimpan
informasi
• Lower level : direktori, file, nama file,
karakter
- Computer actions
• High level : menciptakan file teks
• Lower level : buka file, edit, simpan file
 Contoh task concepts
- Task objects :
• High level : surat
• Lower level : alamat, nama penerima,
tanggal, badan surat, tanda tangan
- Task objects :
• High level : menulis surat
• Lower level : menulis berbagai bagian surat,
misalnya menyusun badan surat. Untuk itu
perlu juga mengetahui ejaan yang benar.
Semantic Knowledge
 Semantic Knowledge : pengetahuan
mengenai konsep komputer (computer
concepts) dan tugas (task concepts)
 Sifat-sifat Semantic Knowledge :
- Diperoleh dari pelajaran yang berarti
- Stabil dalam memori
- Lebih teratur, lebih logis, bertumpu pada
konsep-konsep yang sudah dikenal.
- Dapat ditransfer diantara sistem
 Contoh computer concepts
- Computer Objects :
 High level : Komputer
menyimpan informasi
 Lower level : direktori, file, nama
file, karakter.
- Computer actions
 High level : menciptakan file teks
 Lower level : buka file, edit,
simpan file
Prinsip-prinsip Tingkat Menengah (Med. Level)
- Kenali keanekaragaman pemakai dan situasi
- Tidak ada satupun desain yang dapat
memuaskan semua pemakai dan situasi
- Sebelum memulai desain, harus dilakukan
pemahaman terhadap pemakai dan situasi
seteliti dan selengkap mungkin
Tiga Jenis Pemakai (User)
 Novice atau first time users (pemula)
- Tidak punya syntactic knowledge
- Semantic knowledge atas computer
concepts sedikit atau dangkal
- Desain hanya menjaga sedikit
kemungkinan
- Memungkinkan pemakai melakukan
sedikit task sederhana agar percaya
diri
- Umpan balik harus informatif
- Pesan kesalahan harus membangun
dan spesifik
 Knowledgeable intermittent users :
 - Mempunyai semantic knowledge
atas task consepts dan computer
consepts
- Kesulitan dengan syntatic knoledge
- Desain harus sederhana dan
konsisten
- Perlu sering ditanya dan diberi
pesan-pesan yg berarti
- Perlu dilindungi dari kemungkinan
kesalahan karena coba-coba
 Expert frequent users (mahir) :
- Mengenal betul aspek sintatik dan
semantik dari sistem
- Ingin pekerjaan cepat selesai
- Ingin umpan balik yang singkat
- Desain perlu menyediakan shortscut
(tombol khusus untuk mempercepat
sesuatu aksi, singkatan dan makro)
Delapan Langkah Perancangan Dialog
1. Berusaha keras untuk konsisten
2. Memungkinkan frequent users
menggunakan shortcuts
3. Memberikan umpan balik yang informatif
4. Merancang dialog untuk menghasilkan
keadaan akhir (sukses, selesai)
5. Memberikan penanganan kesalahan yang
sederhana
6. Mengizinkan pembalikan aksi (Undo)
dengan mudah
7. Mendukung internal focus of control
(pemakai menguasai sistem atau inisiator,
bukan responden)
8. Mengurangi beban ingatan jangka pendek
(rule of thumb : manusia mengingat 7 + 2
satuan informasi)
Seven Stages of Action (Norman 1988)
- Membentuk goal
- Membentuk maksud
- Menyebut aksi
- Melaksanakan aksi
- Memahami keadaan sistem
- Menginterpretasi keadaan sistem
- Mengevaluasi keluarannya
Consistency through grammar
- Goal yang penting bagi desainer adalah
antarmuka pemakai yang konsisten
- Konsistensi sulit dicapai
- Kadang-kadang tidak konsisten ada
gunanya, misalnya untuk menarik perhatian
terhadap operasi yang berbahaya
- Untuk menggambarkan antarmuka,
digunakan action grammar
Mencegah Kesalahan
 Membetulkan pasangan yang bersesuaian
- Menempatkan kedua pasangan tanda
pembuka dan penutup dalam satu aksi
- Jika satu dari karakter berpasangan,
dihapus, pasangannya juga terhapus
- Memberi tanda khusus.
- Menghilangkan keharusan tanda
penutup
 Melengkapi urutan aksi
- Menggabungkan urutan aksi sebagai
satu aksi
- Mengubah objek-objek sejenis secara
otomatis
 Membetulkan perintah
- Mengenali kekurangan dan
melengkapi sendiri
- Memungkinkan pemakai memilih atau
pilihan lainnya dan menghindari
mengetik
Pedoman Praktis
Tujuan Teori Tingkat Tinggi bagi tampilan data
- Konsistensi tampilan data. Peristilahan,
singkatan, format dsb harus standar
- Asimilasi informasi secara efisien oleh
pemakai. Format harus dikenal operator
dan harus berhubungan dengan tasks yang
perlu dilakukan dengan data. Contoh :
justifikasi pada tabel
- Beban ingatan yang sesedikit mungkin bagi
pemakai. Pemakai tidak perlu mengingat
informasi dari layar yang satu ke layar yang
lain
- Kompatibilitas tampilan data dengan
pemasukan data. Format tampilan
informasi perlu berhubungan erat dengan
tampilan pemasukan data.
- Fleksibilitas kendali pemakai terhadap
tampilan data. Pemakai harus dapat
memperoleh informasi dari tampilan dalam
bentuk yang paling memudahkan
Adaptive Agents and User Models Vs. Control
Panels
 Adaptive Agents :
- Mencari apa yang dibutuhkan pemakai
- Mengetahui apa yang disukai dan
tidak
- Membuat inferensi yang cocok
- Bekerja ??? Petunjuk
 User Models:
- Membuat adaptasi secara otomatis
tergantung dari pola kerja pemakai
  Control panels :
- Digunakan untuk mengatur berbagai
hal
- Menyampaikan sense of control.
Legal Issues
 Empat hal yang perlu diperhatikan :
- Privasi (kerahasiaan pribadi)
- Keamanan dan kehandalan
- Perlindungan hak cipta atas perangkat
lunak dan informasi
- Kebebasan berbicara pada lingkungan
elektronik
 Kontroversi dalam hal ini :
- Materi apa yang sesuai untuk hak cipta?
 Ide (gagasan) tidak dapat dilindungi hak cipta,
sementara ekspresi dapat dilindungi hak cipta
kecuali jika hanya satu cara
- Apakah hak cipta atau paten lebih cocok
bagi antarmuka pemakai?
 Hak cipta mudah diperoleh, cepat dan
tidak diperiksa, paten lebih rumit,
lambat, mahal dan harus diperiksa
terlebih dahulu.
 Hak cipta berlaku 75 tahun untuk
perusahaan dan masa hidup + 50 tahun
untuk individu. Paten berlaku 17 tahun
tetapi lebih kuat
Apa yang merupakan pelanggaran hak cipta ?
 Jika pengembang lain menyalin
antarmuka pemakai dengan tepat sama,
itu merupakan pelanggaran
 Jika antarmuka pemakai dapat dinyatakan
“serupa secara mendasar” dengan milik
kita, itu merupakan pelanggaran
Haruskah antarmuka pemakai dilindungi hak
cipta?
 Beberapa pakar menganggap tidak perlu,
karena :
- Antarmuka pemakai dipakai bersama.
- Hak cipta menghalangi kemajuan
- Hak cipta menghalangi standardisasi
 Beberapa pakar menganggap perlu,
karena :
- Hak cipta menghargai prestasi kreatif
- Hak cipta mendorong inovasi
- Hak cipta memastikan desainer
mendapat imbalan bagi pekerjaan
mereka
 Sehingga :
- Beberapa ekspresi perlu dilisensi dari
pembuatnya sementara beberapa lagi
tidak.
Pertemuan 3
1. Jenis – Jenis Menu
1. Single Menu (Menu Tunggal)
 Adalah menu yang mewakili satu aktivitas
 Bisa terdiri dari dua atau lebih item
 Boleh mempunyai banyak pilihan
 Bisa menu pop-up atau menu permanent
1) Binary Menu
2) Multiple Menu
3) Extended Menus
4) Pull Down and Pop Up Menus
5) Permanent Menu
6) Multiple Selected Menus
2. Linear Sequences and Multiple Menus
 Memandu pemakai melalui serangkaian
pilihan
 Menstrukturisasi proses pengambilan
keputusan.
Multiple Menus
 Kotak dialog yang mengandung
seperangkat menu-menu yang tidak
tergantung satu sama lain.
3. Tree Structured Menus
1) Depth versus Breadth :
- Depth : jumlah level
- Breadth : jumlah pilihan per level
- Breadth lebih disukai daripada depth
2) Pengelompokan semantik :
- Kelompokkan item yang serupa secara
logis
- Kelompokkan item yang melingkupi
segala kemungkinan
- Pastikan item tidak saling tumpang
tindih
- Gunakan istilah-istilah yang dikenal
3) Jaringan menu asiklik dan siklik
- Berguna untuk
 Hubungan sosial
 Rute transportasi
 Referensi jurnal ilmiah
- Dapat membingungkan dan
menyesatkan
2. Bergerak pada Menu dengan Cepat
  Menu dengan typehead
- Pemakai tidak perlu menunggu menu
ditampilkan sebelum memilih menu.
Tetapi dapat langsung mengetikkan
serangkaian karakter dari menu utama
- Penting jika menu sudah dikenal dan
waktu respon atau kecepatan tampil
lambat
- Pendekatan BLT (Bacon, Lettuce and
Tomato Sandwich) menu yang terdiri
dari pilihan-pilihan yang dipilih dengan
satu karakter dengan typehead yang
memungkinkan karakter-karakter
tersebut digabung menjadi mnemonik
 Nama menu untuk akses langsung
- Skema penamaan yang
memungkinkan pemakai mengakses
halaman secara langsung
- Contoh : JUMP pada Prodig
- Berguna hanya jika ada sedikit
kemungkinan tujuan yang perlu
diingat pemakai
- Diperbaiki dengan Bookmark atau
Favorites pada web browser
 Menu macros
- Merekam jalur menu yang sering
digunakan sebagai perintah buatan
sendiri
3 . Pedoman Perancangan Menu
 Gunakan task semantic dalam organisasi
menu
 Lebih baik luas dan dangkal dari pada
sempit & dalam
 Tunjukkan posisi dengan gambar, angka
atau judul
 Gunakan nama item sebagai judul pada
tree
 Buatlah pengelompokkan item yang
berarti
 Buatlah pengurutan item yang berarti
 Tampilkan item dengan singkat, dimulai
dengan kata kunci
 Gunakan tata bahasa, lay out dan
peristilahan yang konsisten
 Sediakan typehead, jumphead, dan
shortcut lainnya
 Sediakan lompatan ke menu sebelumnya
dan menu utama
 Perhatikan petunjuk online, mekanisme
pilihan baru, waktu respon, kecepatan
tampil dan ukuran layar
4 . Pedoman Perancangan Formulir
 Buatlah judul yang berarti
- Identifikasi topik dan jauhi istilah
komputer
 Buatlah petunjuk yang dapat dipahami
- Jelaskan task dengan singkat dan jika
perlu sediakan layar petunjuk
- Gambarkan aksi yang harus
dilakukan
- Hindari kata ganti atau referensi ke
pemakai. – Hindari kata ganti atau
referensi ke pemakai.
- “Type the address” bukan “Enter the
Address”
 Kelompokkan dan urutkan field secara
logis.
- Field yang berhubungan harus
berdekatan
- Pemisah antar kelompok harus jelas
- Contoh urutan yang wajar adalah
(city, state, zip code)
 Lay out formulir harus menarik secara
visual
- Field jangan dikumpulkan di satu
tempat
- Perhatikan alignment
- Formulir di layar harus
menyerupai di kertas
 Buatlah label yang dikenal pemakai
- Gunakan istilah umum. Contoh :
alamat bukan domisili
 Buatlah istilah dan singkatan yang
konsisten
- Daftarkan istilah dan singkatan
yang dapat diterima
- Pergunakan daftar tersebut dan
tambahkan isinya jika sudah
dipertimbangkan baik-baik
 Ruang kosong dan batas field yang harus
diisi data harus jelas terlihat
- Berikan tanda jumlah karakter
yang dapat diisi
 Kursor harus dapat digerakkan dengan
leluasa
- Perhatikan penggunaan tombol
Tab dan anak panah
 Memungkinkan koreksi kesalahan untuk
karakter atau field
- Backspace, delete, overtype
 Tampilkan pesan kesalahan untuk nilai
yang tidak dapat diterima.
- Tampilkan nilai-nilai yang boleh
diisikan.
 Tandai field optional dengan jelas
- Tandai dengan “(optional)” atau
lainnya
  Jika memungkinkan, tampilkan pesan Contoh :
yang menjelaskan
- Berikan informasi mengenai field Action Object Destination
atau isinya
CREATE FILE FILE
 Sediakan tanda selesai
- Pemakai harus memberi tahu DISPLAY PROCESS LOCAL PRINTER
pengisian selesai
- Hindari penyelesaian otomatis REMOVE DIRECTORY SCREEN

COPY LASER PRINTER

Pertemuan 4
1. Strategi Organisasi Perintah
1.1 Simple command
 Setiap perintah mengerjakan satu tugas
(task) (jumlah perintah = jumlah tugas)
 Sistem mudah dipelajari dan digunakan
jika jumlah tugas sedikit.
Contoh : DIR
MOVE
 Keuntungan : mudah
dipelajari/digunakan, baik untuk task
concept, computer concept, dan
rincian sintaktik bahasa perintah
Syarat penyusunan struktur yang baik :

1.2 Command plus arguments 1. Urutan argumen yang konsisten

 setiap perintah diikuti satu atau lebih
argumen
 penulisan perintah dipisahkan dari
argumen oleh spasi atau pemisah lainnya,
dan argumen dapat berisi spasi atau
pemisah di antaranya.
 penggunaan argumen dapat/banyak
membantu pengguna (user)
Contoh :
COPY FILE A FILE B
COPY FROM = FILE A TO = FILE B
DEL FILE A
REN DATA1.DAT DATAMHS.DAT
1.3 Command plus options and arguments
 setiap perintah dapat memiliki option
guna menunjukkan kebutuhan khusus
pula.
 Akibat : tingkat kesalahan pemakaian
meningkat, serta kebutuhan pelatihan
pemakaian yang intensif (bagi pengguna
pemula)
Contoh :
DIR C:\*.EXE /S/P/W/O-N
FORMAT A: /S/Q/U
2.
1.4 Hierarchical command structure
sekumpulan perintah yang disusun secara
struktur pohon (seperti pada menu)
 sangat membantu pada pemakai
pemula (intermittent user)
- lebih baik konsisten utk posisi argumen
dari pada mengikuti aturan tatabahasa
- Window Base (grafis) : penempatan obyek
dahulu baru perintah
Contoh :
Teks Base : perintah dahulu baru obyek
2. Penggunaan Simbol atau Keyword
Contoh :
Teks base c>copy c:\imk-t4.ppt a:
Window base
3. Struktur Hirarki dan Kongruensi
- Kongruensi : pasangan lawan kata yang
selaras (simetris)
- struktur ini lebih mudah diingat
4. Konsisten, kongruensi dan mnemonicity
Kesimpulan.
Struktur perintah yang baik adalah :
• konsistesi posisi
• konsistensi tatabahasa
• pasangan kongruen
• bentuk hirarkis
Penamaan Perintah
- Tujuan Penamaan :
memudahkan belajar
memudahkan pemecahan masalah, dan
retensi
- Specificity vs Generality

Contoh :

Infrequent, discriminating words insert delete

 Frequent, discriminating words add remove
Infrequent, nondiscriminating words amble
percieve
Frequent, nondiscriminating words walk view
3. Strategi Penyingkatan Nama Perinta
- Pemotongan sederhana
 Gunakan huruf pertama, kedua,
ketiga, dst dari perintah dengan
catatan perintah dapat dibedakan dgn
huruf-huruf awal
 Buang Huruf Hidup dgn Pemotongan
sederhana
 Buang huruf hidup dan gunakan
beberapa yg tersisa, namun jika huruf
pertama adalah huruf hidup maka
huruf tsb tidak dibuang.
- Huruf pertama dan huruf terakhir mudah
terlihat
- Huruf pertama setiap kata dalam frase
 Membuat akronim
- Singkatan standar dari konteks lain
 Gunakan singkatan yang sudah
dikenal
Contoh :
QUANTITY -> QTY, TRANSFER ->
XFER,
BACKUP -> BAK
- Fonik
 Fokuskan pada suara
Contoh :
EXECUTE -> XQT, I SEEK YOU -> ICQ
4. Penggunaan Bahasa Alami
1. Natural-language interaction
 Operasi komputer menggunakan
bahasa alami yang dikenal (mis:
bahasa Inggris) untuk memberikan
instruksi dan menerima respons
2. Natural-language queries
 Digunakan pada database relational
 Masih lebih buruk dibandingkan SQL
3. Text-base searching
 Digunakan pada database tekstual
 Proses : sistem membuang kata
ganti dan kata yang tidak berguna,
dan menyediakan sinonim serta
bentuk tunggal dan jamak,
kemudian mencari kata dalam
database
 Tingkat ketepatan lebih baik dari
Natural Language Iteration
Contoh : AltaVista, Google
4. Natural language texs generation
 Menghasilkan laporan dalam bahasa
alami, bahkan dapat menghasilkan
ucapan yang terdengar
 Dapat dimanfaatkan untuk
menyusun dokumen hukum,
kontrak, proposal, puisi, novel
5. Adventure and educational games
 User memberikan perintah untuk
menunjukkan arah gerakan atau
tindakan lainnya
 Menarik karena sistem memang tak
dapat diramalkan dan perlu dijelajahi
Contoh :
Open the door
Drink the magic potion
Drop the cage and pick up the
sword.
Pertemuan 5
MANIPULASI LANGSUNG
Definisi
 Representasi visual dari dunia nyata
- Objek dan aksi diperlihatkan
- Mengundang pemikiran analogis
 Aksi yang cepat, inkremental dan dapat
dibatalkan
 Mengetik diganti dengan menunjuk dan
memilih
 Hasil aksi langsung terlihat
Keuntungan
 Kompatibilitas kendali dan tampilan
 Lebih sedikit sintaksis, karena itu tingkat
kesalahan berkurang
 Lebih banyak mencegah kesalahan
 Lebih cepat dipelajari dan diingat
 Mendorong melakukan penjelajahan
Kekurangan
 Meningkatkan sumber daya (resources)
sistem
 Aksi menyusahkan
 Teknik makro lemah
 Sulit dicatat dan ditelusuri
 Sulit digunakan oleh orang-orang yang
penglihatannya terganggu.
Contoh-contoh :
 Word Processor
- Tipe Word Processor
- Stand-alone : Wang
- Text display editor: EMACS (MIT/
Honeywell MULTICS), vi (UNIX)
- Text-based : WordStar, WordPerfect
(DOS)
- WYSIWYG : Microsoft Word
(Windows/Mac OS), Claris MacWrite
(Mac OS), Lotus WordPro (Windows)
- Keuntungan Word Processor
- Menampilkan sehalaman penuh teks
- Menampilkan dokumen dalam bentuk
sebagaimana akan terlihat pada
bentuk cetakan
- Menampilkan aksi kursor yang terlihat
- Mengendalikan gerakan kursor melalui
cara yang jelas secara fisik dan alami
intuitif
- Menggunakan tombol ikonik atau
berlabel untuk aksi tertentu
- Menampilkan hasil aksi secara
langsung
- Memberikan respons dan tampilan
yang cepat
- Memungkinkan aksi dibatalkan (undo)
- Keuntungan Word Processor
- Hypermedia environments. Tombol
dan menu embedded memungkinkan
perpindahan dari satu artikel ke artikel
lainnya. Contoh : WWW, HyperCard
- Fasilitas makro yang diperbaiki.
Pemakai dapat membangun,
menyimpan, dan mengedit aksi yang
sering digunakan. Contoh: pada
Microsoft Word
- Spelling checkers dan thesaurus.
Contoh: pada Microsoft Word
- Grammar checkers. Contoh : pada
microsoft Word
- Document assemblers. Menyusun
dokumen yang rumit menggunakan
bahasa yang sesuai.
- Kemajuan Teknologi Word Processor
- Integrasi grafik, spreadsheet, animasi,
foto, dll. dalam badan dokumen.
Contoh : Microsoft Word
- Desktop publication (desktop
publishing) software. Mampu
menciptakan format cetakan yang
canggih. Contoh : Adobe, PageMaker,
Corel Ventura
- Slide presentation software.
Menghasilkan slide untuk OHP, 35-mm
slide, atau langsung di komputer.
Contoh: Microsoft PowerPoint, Lotus
Freelance Graphics, Adobe Persuasion.
 Spreadsheet
 Manajemen data spasial (spatial data
management)
- Manajemen Data Spasial
- Dalam aplikasi geografis, representasi
spasial dalam bentuk peta merupakan
model realitas yang lebih baik
- Kesuksesan sistem menejemen data
spasial tergantung dari pemilihan ikon,
representasi grafis, dan layout data
yang alami dan mudah dipahami.
 Video games
- Bidang aksi visual dan membangkitkan
minat
- Perintah berupa aksi fisik yang hasilnya
ditampilkan di layar secara langsung
- Tidak ada sintaksis yang diingat
 Computer aided design and manufacturing
 Office automation
 Database
Masalah-masalahnya :
Representasi spasial atau visual tidak selalu
merupakan peningkatan dari teks, karena dapat
terlalu menyebar, menyebabkan penghubung ke
halaman lain atau display scrolling (penggulungan
layar)
- Pemakai harus mempelajari arti komponen-
komponen representasi visual
- Representasi visual dapat menyesatkan
- Pemakai dapat mengartikan representasi
dengan cepat, tapi mengambil keputusan
yang salah mengenai apa yang dapat
dilakukan
- Bagi juru ketik yang berpengalaman,
memindahkan mouse atau menunjuk sesuatu
bisa lebih lambat dari pada mengetik.
Keyboard tetap merupakan piranti manipulasi
langsung yang paling efektif untuk tugas-tugas
tertentu.
VISUAL dan IKON
- Pemikiran Visual dan Ikon
 Ikon adalah gambar atau simbol yang
mewakili konsep tertentu.
- Pedoman Perancangan Ikon
 Representasikan objek atau aksi dengan
cara yang dikenal
 Batasi jumlah ikon yang berbeda
 Buat ikon jelas terlihat dari latar
belakangnya
  Pertimbangkan ikon tiga dimensi; bagus
dilihat tapi dapat mengalihkan perhatian
 Pastikan setiap ikon yang dipilih terlihat
jelas ketika dikelilingi oleh ikon yang tidak
terpilih
 Buat setiap ikon berbeda dari yang lainnya
 Pastikan keselarasan setiap ikon sebagai
anggota kelompok ikon
 Rancang animasi pergerakan: ketika diseret,
tampil seluruh ikon, kerangkanya saja, versi
hitam putih, atau kotak hitam
 Berikan informasi rinci
 Pikirkan kombinasi ikon untuk menciptakan
objek atau aksi baru
Virtual Reality (Kenyataan Maya)
Adalah lingkungan buatan yang diciptakan dengan
hardware dan software dan dipresentasikan
kepada pemakai dengan cara sedemikian sehingga
lingkungan tersebut tampil dan terasa seperti
lingkungan asli.
Komponen-komponen VR
 Visual display
- Tampilan yang bisa menutup 100
derajat horizontal dan 50 derajat
vertikal
- Tampilan lain ditutupi – Tampilan lain
ditutupi
 Head position sensing
- Sistem dapat mengetahui posisi kepala
 Hand Position Sensing
- Pengenalan posisi tangan dengan sarung
tangan khusus
 Force feedback
- Dapat merasakan “memegang” dan
“menabrak”
 Sound Input dan Output
- Suara yang menambah kesan nyata
- Pengenalan suara untuk memberi
perintah
Komponen-komponen Virtual Reality
 Other Sensasions
- Pada simulator pesawat terbang :
kemiringan dan getaran
- Suhu udara, angin, bau
 Cooperative and competitive VR
- Dua orang menggunakan sistem untuk
bekerja sama atau bertanding
Pertemuan 6
- Keyboard Adalah piranti masukan data tekstual
yang utama
- Keyboard yang ergonomis :
 Tebalnya 30-45 mm
 Kemiringannya 10-25 derajat
- Tata Letak Keyboard
- QWERTY layout
 1870-an, Christopher Latham Sholes
 Memperlambat gerakan pemakai
sehingga jarang macet tombolnya
 Pasangan huruf sering berjauhan
sehingga meningkatkan jarak
pergerakan jari
 Standar keyboard bahasa Inggris
 Kecepatan rata-rata : 15 ketikan per
detik ( 150 kata per menit )
- Dvorak layout
 1936, August Dvorak & Willian l.
Dealey
 Mengurangi jarak pergerakan jari
 Mempercepat kecepatan pengetikan
( 200 kata per menit )
 Mengurangi kesalahan
 Belum diterima secara luas karena
kebanyakan orang tidak mau pindah
dari QWERTY. Ini menunjukkan bahwa
manfaat perubahan tidak lebih
berharga daripada usaha untuk
berubah.
- Tombol-tombol keyboard
 Ukuran : ½ inchi2, jarak antar tombol :
¼ inchi
 Tekanan : 40-125 gf / luasnya
 Jika ditekan, masuk 3-5 mm
 Tombol-tombol khusus harus lebih
besar
 Tanda bagi Caps Lock, Num Lock, Scroll
Lock
 Warna yang informatif
 Tombol F dan J di tata letak QWERTY
ditandai
- Tombol-tombol fungsi ( function keys)
 Untuk fungsi-fungsi khusus
 Menggantikan perintah dengan
penekanan satu tombol saja
 Positif mengurangi ketukan dan
kesalahan
 Negatif : fungsinya harus dihafal dan
lokasinya jauh dari home position
- Tombol-tombol pergerakan kursor (cursor
movement keys)
KEYBOARD
PIRANTI INTERAKSI
- Pointing Devices  Memungkinkan pemakai menunjuk titik di
- Select layar menggunakan pena dengan sel
 Pemakai memilih dari seperangkat item sensitif cahaya
 Digunakan untuk pemilihan menu,  Mempunyai tombol yang dapat ditekan
menandai file dalam folder/direktori, atau ketika kursor ada di posisi tertentu
 manandai bagian tertentu dalam desain  Kelemahan :
- Position – Tangan pemakai menutupi bagian layar
 Pemakai memilih satu titik dalam ruang – Tangan pemakai jauh dari keyboard
berdimensi satu, dua, tiga, atau lebih – Light pen harus diangkat
 Digunakan untuk membuat gambar, – Pointing Stick
memindahkan objek, atau menyeret blok
teks Touch Screen
- Orient
 Memungkinkan pemakai menyentuh layar
 Pemakai memilih arah di ruang berdimensi
dengan jarinya
satu, dua, tiga, atau lebih
Kelemahan :
 Arah dapat berupa perputaran simbol di
– Melelahkan
layar, arah gerakan pesawat, atau operasi
– Tangan pemakai menutupi bagian layar
robot
– Tanga pemakai jauh dari keyboard
- Path
– Penunjukan tidak presisi
 Pemakai dengan cepat melakukan
– Layar menjadi kotor
serangkaian operasi position dan orient
 Jalur dapat terbentuk sebagai garis atau Implementasi Touch Screen
kurva pada program draw, pola jahit atau
rute pada peta  Land-on strategy
- Quantify  Lift-off strategy ( lebih presisi karena ada
 Pemakai menyebutkan nilai numerik kursor )
 Biasanya beberapa pilihan berdimensi satu
dari nilai-nilai bulat atau real untuk INDIRECT POINTING DEVICES
menentukan parameter, seperti nomor
halaman dokumen, kecepatan kapal, atau Kelebihan
volume suara
- Posisi tangan nyaman
- Text
- Tombolnya mudah ditekan
 Pemakai memasukkan, memindahkan, dan
- Pergerakan panjang cepat
mengedit teks di bidang dua dimensi
- Penempatan presisi
 Pointing device menandai lokasi penyisipan,
penghapusan, atau perubahan Kelemahan
 Tugas yang lebih rumit : mengetengahkan,
pengaturan margin, ukuran font, - Tangan harus berpindah dari keyboard
highlighting (tebal,miring atau garis bawah), - Memakan tempat di meja
dan mengatur layout halaman - Kabelnya mengganggu
- Harus diangkat dan diletakkan kembali
Macam-macamnya : untuk gerakan panjang
- Perlu latihan untuk dapat menguasainya
 Direct Pointing Devices
– Light pen Trackball
– Touch screen
– Implementasi touch screen - “Mouse terbalik”, bolanya digerakkan
 Indirect Pointing Devices tangan
– Mouse - Kelebihan tidak memakan banyak tempat
– Trackball
– Joystick Joystick
– Graphics tablet ( digitizing tablet)
– TouchLight Pen - Berasal dari pengendali pesawat terbang
- Baik untuk tracking ( mengikuti objek yang
Light Pen bergerak di layar)
- Kelebihan pergerakan sedikit, perubahan
arah mudah
Graphics Table
- Permukaan peka-sentuh yang terpisah dari
layar, diletakkan di atas meja. Mendeteksi
gerakan stylus (semacam pena) atau puck.
Kelebihan :
- Posisi tangan nyaman
- Tangan tidak perlu langsung berada di layar
- Permukaan dapat lebih luas dari pada layar
Touchpad
- Permukaan peka terhadap sentuhan tangan
Kelebihan :
- Nyaman seperti touch screen
- Tangan tidak perlu langsung berada pada
layar
Pointing Stick
- Joystick ini dari bahan karet yang diletakkan
di antara tombol-tombol keyboard
Hukum Fitts untuk Pointing Devices
- Model pergerakan tangan dalam
mengendalikan kursor di tampilan
- Bila D = jarak dan W = lebar
- Index of difficulty = 2log ( 2D/W )
- Time to point = C1 + C2 (index of
difficulty) (C1 dan C2 tergantung piranti)
- Menurut Welford, untuk jarak pendek,
Index of difficulty = 2log ( D/W + 0.5)
- Time for precision pointing = C1 + C2
( index of difficulty ) + C32log (C4/W)
Contoh :
- Untuk target berukuran 1 inchi pada
jarak 8 inci menggunakan piranti
dengan C1 = 0.2 dan C2 = 0.1 :
- Index of difficulty = 2log ( 2 x 8/1) =
2log 16 = 4
- Time to point = 0.2 + 0.1 (4) = 0.6 detik
PIRANTI INTERAKSI
Speech Recognition, Digitization, and Generation
 Discrete-word recognition
 Continuous-speech recognition
 Speech store and forward
 Speech generation
 Audio tones, audiolization, and music
Discrete-Word Recognition
- Mengenali kata-kata yang diucapkan orang
satu per satu
- Kehandalan 90-98% untuk kosa kata yang
terdiri dari 50-150 kata
- Berguna jika
– Tangan pembicara sibuk
– Mobilitas diperlukan
– Mata pembicara harus memperhatikan
sesuatu
– Kondisi yang keras (bawah laut atau
perang) atau terkungkung (dalam kokpit)
yang tidak memungkinkan penggunaan
keyboard
Continuous-Speech Recognition
- Mengenali kata-kata yang diucapkan orang
secara normal
- Harapan : pendiktean dokumen, transkripsi
rekaman suara, radio, atau telepon
Contoh : Dragon NaturallySpeaking
Speech Store and Forward
• Sistem yang memungkinkan penyimpanan
dan pengiriman kembali pesan yang diucapkan
Contoh :
– Informasi cuaca, penerbangan, finansial
– Voice mail dengan forward
Speech Generation
Biasa disukai untuk keadaan-keadaan
berikut :
 Pesan yang sederhana
 Pesan yang singkat
 Pesan yang tidak perlu direferensikan
 Pesan yang berhubungan dengan
kejadian pada saat tertentu
 Pesan yang membutuhkan tanggapan
langsung
 Saluran visual komunikasi telah
kelebihan beban
 Lingkungan terlalu terang, terlalu
gelap, sering bergetar, atau tidak
cocok untuk transmisi informasi visual
 Pemakai harus bebas bergerak
 Pemakai dapat terkena gaya G yang
tinggi atau anoksia (kekurangan
oksigen, biasanya pada tempat tinggi).
Pada saat itu penglihatan sudah
terganggu, sementara pendengaran
belum
Audio Tones, audiolization, and Music
  Umpan balik berupa suara dapat menjadi  Kertas dan piranti pencetak tidak
penting untuk : bersentuhan secara fisik
 Konfirmasi aksi  Laser printer : menggunakan sinar laser
 Memberikan peringatan untuk menyinari fotokonduktor, yang
 Membantu pemakai yang penglihatannya menarik partikel toner untuk menempel
terganggu di kertas. Panas dan tekanan membuat
 Memberikan mood, misalnya pada game gambar menyatu di kertas
 Menyediakan kesempatan yang unik bagi  Ink jet printer :Menyemprotkan tinta dari
pemakai, misalnya simulasi alat musik lubang-lubang di mekanisme pencetak ke
atas kertas
Display Devices  Bubble jet printer : variasi ink jet printer,
dimana tinta dipanasi kemudian
 Jenis-jenis display gelembung-gelembung yang dihasilkan
 Monochrome display disemprotkan ke atas kertas
• Harga murah, sering sudah memadai  Thermal printer : memanasi tinta berlilin
– Color (RGB) display pada pita printer dan memindahkannya
• Lebih menarik dan efektif ke atas kertas khusus (seperti kertas fax)
 Teknologi display :
 Raster-scan Cathode-ray Tube (CRT)
• Elektron menyapukan baris titik ke layar
• Refresh rate : 30-75 per detik Pertemuan 7
 Liquid-Crystal Display (LCD)
• Perubahan tegangan listrik mempengaruhi WAKTU RESPON DAN KECEPATAN TAMPIL
polarisasi kapsul-kapsul kristal cair yang kecil
Pendahuluan
sekali
 Plasma panel  Waktu sangat berharga
• Baris-baris kawat horizontal dipisahkan dari  Sistem yang lambat atau waktu respons
kawat vertikal dengan kapsul kaca berisi gas yang tidak diharapkan akan menghasilkan :
neon - Frustasi
• Ketika kawat menerima tegangan tinggi, gas - Kekesalan
berpendar - akhirnya kemarahan
 Light-Emitting Diodes  Pekerjaan yang terlalu cepat menghasilkan :
• Dioda disusun untuk membentuk tampilan - kurangnya belajar
• Dioda tertentu memancarkan cahaya ketika - membaca dengan pemahaman
ada tegangan yang rendah
- keputusan yang kurang
PRINTER
dipertimbangkan masak
• Jenis- jenis printer : - kesalahan pemasukan data yang
lebih banyak
 Impact Printer
 Non Impact Printer WAKTU RESPONS

IMPACT PRINTER Definisi

• Waktu respons (respons time): Jumlah detik dari

 Kertas dan piranti pencetak bersentuhan
secra fisik
 Dot-matrix printer : karakter dan gambar
dibentuk dari pin kawat kecil yang
dipukulkan ke atas pita dan kertas.
Kecepatan : 200 karakter/detik
 Daisy wheel printer : seperti mesin tik,
tidak baik untuk mencetak gambar.
Kecepatan : 30-65 karakter/detik
saat pemakai memulai aktivitas (misalnya dengan
menekan tombol Enter atau tombol mouse)
sampai komputermenampilkan hasilnya di display
atau printer
• Waktu pemakai berpikir ( user think time ) :
Jumlah detik yang diperlukan pemakaiuntuk
berpikir sebelum memasukkan perintah
berikutnya.

PERTIMBANGAN BAGI PARA DESAINER

Non-Impact Printer
Hal-hal yang Harus Diperhatikan Desainer IMK
- Interaksi kelayakan teknis yang rumit
- Biaya
- Kompleksitas tugas (task)
- Tingkat kesalahan
- Prosedur penanganan kesalahan
Pengaruh Keputusan
- Perbedaan kepribadian
- Waktu pemakaian ( siang, malam )
- Kelelahan
- Tingkat pengenalan komputer
- Pengalaman melaksanakan tugas
- Motivasi
LANDASAN TEORI
Keterbatasan Memori Jangka Pendek dan Memori
Kerja
 “The magical number seven - plus or
minus two” (George Miller,1956)
- Kebanyakan orang hanya dapat
mengenali tujuh informasi pada satu
waktu
- Informasi ini dapat dipertahankan di
memori jangka pendek selama 14-
30detik
- Ukuran informasi berbeda tergantung
tingkat pengenalan orang terhadap
bahan
 Memori jangka pendek dan memori kerja
digunakan sehubungan dengan
pengolahan informasi dan pemecahan
masalah
- Memori jangka pendek mengolah
makanan perseptual
- Memori kerja menghasilkan dan
mengimplementasikan solusi
 Orang belajar untuk mengatasi masalah
yang rumit dengan mengembangkan
konsep higher-level menggunakan
beberapa konsep lower-level yang
digabungkan bersamamenjadi satu
bongkah.
 Memori jangka pendek dan memori kerja
sangat mudah berubah
- Gangguan dapat menghilangkan yang
ada di memori
- Penundaan menyebabkan memori
harus disegarkan kembali (refresh)
 Sumber Kesalahan
- Solusi masalah harus direkam di
memori atau di-implementasikan
- Akibatnya kemungkinan salah
meningkat dan pekerjaan bertambah
berat
- Ketika menggunakan sistem komputer
interaktif, pemakai mungkin
memformulasikan rencana lalu
menunggu waktu eksekusi setiap
langkah
- Long (1976) menemukan bahwa juru
ketik bekerja lebih lambat dan
membuat lebih banyak kesalahan
dengan waktu respons yang lebih
lambat
Tiga Faktor Waktu Respon
1. Pengalaman sebelumnya mengenai waktu
yang dibutuhkan untuk menyelesaikan
tugas tertentu
– Jika waktu lebih cepat, pemakai akan
senang
– Jika waktu lebih lambat, pemakai akan
berpikir “ada yang salah”
2. Variasi dalam ekspektasi waktu respons di
antara individu dan tugas
– Pemakai pemula lebih bersedia
menunggu daripada pemakai
berpengalaman
– Variasi dipengaruhi sifat tugas,
pengenalan tugas, kepribadian, biaya,
usia, mood, budaya, waktu pada hari,
kebisingan, dan tekanan
3. Orang sangat adaptif, dapat beradaptasi
dan mengubah gaya kerja untuk
menampung perbedaan waktu respons
– Orang bisa mampu menerima
penundaan yang lama, tapi kinerja dan
keputusannya menurun
WAKTU RESPONS DAN KECEPATAN TAMPIL
Produktivitas Pemakai
 Tugas kendali yang berulang-ulang
( Repetitive control tasks)
- Pengaruh yang kuat pada apakah
perubahan waktu respons mengubah
produktivitas pemakai
- Melibatkan pemantauan tampilan dan
melakukan perintah yang menanggapi
perubahan pada tampilan
 Tugas pemecahan masalah ( Problem-
solving tasks)
- Ketika pemecahan masalah yang
kompleks diperlukan dan banyak
pendekatan dimungkinkan pemakai
 akan mengadaptasikan cara kerja
mereka dengan waktu respons
- Pemakai akan mengubah cara kerja
mereka jika waktu respons berubah
 Tugas pemrograman ( Programming
tasks )
- Programmer mahir membuat rencana
dan beusaha melaksanakannya
secepat mungkin. Mereka tidak takut
salah karena tahu dapat
memperbaikinya dengan cepat
 Profesional yang bekerja (Professionals at
works)
- Bekerja lebih cepat pada waktu
respons yang lebih sedikit
- Kecepatan kerja yang tinggi menuntut
perhatian yang lebih baik untuk
meminimalkan biaya penundaan
karena perbaikan kesalahan
Pedoman Waktu Respons
 Pemakai lebih menyukai waktu respons
yang lebih pendek
 Waktu respons yang lebih panjang ( lebih
dari 15 detik) mengganggu
 Pemakai mengubah cara penggunaan
sesuai dengan waktu respons
 Waktu respons yang lebih pendek
menyebabkan waktu pemakai berpikir
yang lebih pendek
 Langkah yang lebih cepat meningkatkan
produktivitas, tetapi juga meningkatkan
tingkat kesalahan
 Kemudahan perbaikan kesalahan dan
waktu perbaikan kesalahan
mempengaruhi waktu respons optimal
 Waktu respons harus sesuai dengan
tugasnya :
– Mengetik, menggerakkan kursor,
memilih dengan mouse : 50-150 milidetik
– Tugas sederhana yang sering : <1 detik
– Tugas biasa : 2-4 detik
– Tugas kompleks : 8-12 detik
 Pemakai harus diberi tahu mengenai
penundaan yang panjang
 Perbedaan waktu respons yang tidak
banyak dapat diterima
 Penundaan yang tidak diharapkan dapat
mengganggu
 Tes empiris dapat membantu dalam
menentukan waktu dalam menentukan
waktu respons yang sesuai
Pertemuan 8
Dasar-dasar Untuk Mempersiapkan Pesan Sistem
Yang Baik
 Ketentuan (specificity)
– Pesan yang terlalu umum mempersulit
pemula untuk mengetahui apa yang salah
– Pesan yang tampak memarahi membuat
frustasi karena tidak menyediakan
informasi tentang apa yang keliru atau
bagaimana cara memperbaikinya
 Panduan Konstruktif dan Nada Positif
– Daripada memarahi pemakai, jika
mungkin pesan harus menunjukkan apa
yang harus dilakukan pemakai untuk
memperbaiki keadaan
– Pesan yang bermusuhan menggunakan
istilah-istilah yang kejam dapat
mengganggu pemakai nonteknis. Mis :
FATAL, ERROR, CATHASTROPHIC ERROR
– Hindari kata-kata negatif kata-kata
negatif seperti ILLEGAL, ERROR, INVALID,
BAD
 Pemilihan kata berpusat pemakai.
– Menunjukkan bahwa pemakai
mengendalikan sistem
– Hindari bentuk perintah ( ENTER DATA ),
fokuskan pada kendali pemakai (READY)
– Pemakai harus mempunyai kendali atas
jumlah informasi yang ditampilkan.
 Format fisik yang sesuai.
– Gunakan kombinasi huruf besar dan
kecil. Pesan dengan huruf besar semua
hanya
digunakan untuk peringatan “urgent”
– Hindari pesan hanya dengan nomor
kode. Jika perlu tampilkan kode di akhir
pesan
– Penempatan pesan
• Di dekat sumber masalah
• Di baris bagian bawah layar
• Sebagai pop-up windows di tengah layar
– Peringatan dengan suara berguna tapi
dapat memalukan pemakai harus dapat
mengendalikannya
Pedoman Perancangan Pesan Kesalahan
 Produk :
- Se-spesifik dan se-presisi mungkin
- Konstruktif tunjukkan apa yang harus
dilakukan
- Gunakan nada positif jangan memarahi
- Gunakan pemilihan kata berpusat
pemakai
- Pertimbangkan pesan bertingkat
 - Gunakan bentuk tata bahasa, – Perlu memberikan informasi yang cukup dan
peristilahan , dan penyingkatan yang keluwesan untuk menyelesaikan tugas, sementara
konsisten mengurangi aksi window housekeeping, clutter
- Gunakan format visual dan penempatan yang mengalihkan perhatian, pergerakan mata dan
yang konsisten kepala.
 Proses :
- Bentuk kelompok kendali kualitas pesan
(message quality-control group)
- Sertakan pesan dalam fase perancangan Window housekeeping adalah aktivitas
- Simpan semua pesan dalan sebuah file pengaturan window yang berhubungan dengan
- Bahas pesan dalam pengembangan dunia komputer, tidak langsung berhubungan
- Usahakan untuk menghapus beberapa dengan tugas pemakai.
kebutuhan pesan
- Laksanakan uji penerimaan (accepted
test)
- Kumpulkan data frekuensi setiap pesan
- Kaji ulang, perbaiki dari waktu ke waktu

Antropomorfik : sifat suatu barang yang

mempunyai sifat atau pribadi manusia.

 Masalah-masalah dengan instruksi

antropomorfik, sekaligus alasan untuk
menggunakan instruksi nonantropomorfik :
- Pemberian sifat cerdas, bebas,
berkehendak bebas, dan berpengatahuan
kepada komputer, dapat menipu,
membingungkan, dan menyesatkan
pemakai
- Penting untuk membedakan orang
dengan komputer
- Meskipun antarmuka antropomorfik bisa
menarik bagi beberapa orang, namun
dapat mengganggu orang lain
- Studi menunjukan bahwa instruksi
nonantropomorfik lebih baik

Alternatif bagi perancang software adalah

memfokuskan pemakai dan mengguna-kan kata
ganti orang ketiga tunggal atau tidak
menggunakan kata ganti sama sekali.

Pertemuan 9

Persoalan yang dihadapi banyak pemakai

komputer :

– Perlu melihat lebih dari satu sumber dengan

cepat, dengan cara yang tidak banyak menganggu
tugas

– Pada tampilan besar, timbul masalah pergerakan

mata dan kepala serta visibility

– Pada tampilan kecil, window terlalu kecil kurang

dapat efektif