Human Computer Interaction

Introduction to Human Computer

Interaction

1
 Syllabus
 Introduction to HCI
 Users
 User Interface Design
 Human-Computer Dialogue
 Interaction Devices and
Input-Output
 Interaction Design Support
 Prototyping
 Evaluation
 Usability Concept
 Web Usability
 E-Commerce Site Design
 Information Search and
Visualization
 Multimedia Interface
Design
 Groupware and CSCW
2
Assessments
 Tugas mandiri
 Tugas kelompok
 Partisipasi / kehadiran
 Mid Semester
 Akhir Semester
 Tugas tambahan

3
 Referensi
 Preece, J. et-al. 1994, Human-Computer
Interaction, Addison-Wesley, Wokingham
 Dix, A, Finlay, J., Abowd, G. & Beale, R.
2004, Human-Computer Interaction, 3rd
ed., Prentice Hall, New York

4
Latar Belakang HCI

 Tahun 1950/60 an
 Harga komputer mahal
 Hanya untuk ahli
 Tahun 1990/2000 an
 Harga komputer terjangkau
 Untuk semua kalangan

5
 Karena perkembangan itu, maka:

 Sangat diperlukan suatu interface dari komputer

yang jelas sehingga bisa dipakai oleh segala jenis
user.
Kenyataannya:
 banyak sistem komputer yang desainnya kurang
memenuhi syarat.
Tantangan:
 Harus meningkatkan desain interface dari sistem
komputer sehingga bisa memaksimalkan fungsinya
bagi user.

6
Visibility and Affordance
 2 Prinsip HCI (Norman 1988, 1992):
 Visibility: ada pemetaan yang baik
antara kontrol dan efeknya.
 Affordance: pemilihan komponen
yang tepat dengan fungsinya.

7
 Sejarah HCI
 1970 an: User Interface, atau Man-Machine
Interface (MMI)
 Aspek-aspek dari sistem yang bisa menghubungkan
mesin dan manusia.
 1990 an : HCI, dengan fokus yang lebih luas
 Bukan hanya user interface, tapi juga aplikasi,
evaluasi, relasi terhadap interaksi manusia dan
komputer

8
Tantangan HCI
 Harus dapat mengikuti perkembangan
teknologi.
 Perkembangan teknologi menyebabkan adanya
perbedaan kebutuhan dan keahlian.
 Mempertahankan agar kualitas tetap baik.

9
 Tujuan HCI
 Meningkatkan usability ( terutama)
 Meningkatkan produktifitas
 Meningkatkan keamanan, menjaga kesehatan
dan keselamatan user
 Mengurangi biaya
 Mudah dipelajari dan dipakai

10
Untuk menghasilkan usability
yang baik, perlu:
 Mengerti faktor-faktor yang
mempengaruhi
 Teknik dan perkembangan tools
 Memikirkan keamanan, keefektifan dan
keefisienan

11
 HCI Milestones
 Xerox Dynabook (early 1970s): book-sized PC
with a high resolution color display and a
radio link to a world-wide computer network.
 Xerox Star (later 1970s): Personal
Workstation, desk-sized, used by one
individual.
 Apple Lisa (Early 1980s): Smaller, cheaper,
and more powerful version, developed by
Apple.

12
The Importance of HCI
Example: Retrieving Information

The total time it takes to retrieve a piece of information is

the sum of
(1) the time for the user to formulate the search,
(2) the time it takes for the computer to find and display
the information on the screen
(3) the time it takes for the user to interpret the
information displayed

Improved Improved search

interfaces algorithms
may yield 10 times may yield 10%
improvement improvement
in user in system performance
performance

13
Dalam mempelajari HCI,
perlu:
 Mempelajari manusia dan
keterbatasannya
 Mempelajari dialog box
 Mempelajari evaluasi: apakah desain
sudah memenuhi syarat?

14
Ruang lingkup HCI
 Konsep HCI:
 Human, computer, interaction
 Desain interface:
 Usability, proses desain, pemodelan,
dialog, teknik evaluasi, dan sebagainya
 Topik lanjutan:
 Groupware, CSCW, multimedia

15
Human
 Individual user.
 Sekelompok user yang bekerja dalam
suatu team.
 Sekelompok user dalam suatu
organisasi yang saling berkaitan dalam
mengerjakan suatu pekerjaan.

16
Computer
 Berbagai jenis komputer mulai dari
desktop sampai large scale computer
system.
 Sistem untuk mengontrol suatu proses
 Embedded system
 Bagian non-komputer, termasuk orang
lain.

17
Interaction
 Komunikasi apapun antara seorang user
dan komputer.
 Direct: dialog dengan feedback dan kontrol
dalam suatu task.
 Indirect: background/batch processing

18
Konsep HCI:
meningkatkan kualitas interaksi
manusia dan komputer.

Untuk itu perlu pengetahuan :

 Tujuan manusia
 Kemampuan & keterbatasan manusia
 Kemampuan & keterbatasan komputer
 Mengerti lingkungan user
 sosial
19
Faktor yang dipertimbangkan
dalam HCI
 User ( terutama)  User Interface
 Organizational  Task
 Environment  Constrains
 Health and Safety  System Functionality
 Comfort  Productivity

20
 ORGANIZATIONAL FACTORS ENVIRONMENT FACTORS
Training, deskripsi pekerjaan, aturan yang Suara, suhu udara, ventilasi dan
berlaku pencahayaan

HEALTH AND SAFETY Proses cognitive & kemampuan COMFORT FACTORS

FACTORS THE USER Tempat duduk, tata letak
Depresi, sakit kepala Motivasi, kepuasan, kemampuan,
kepribadian dan level

USER INTERFACE
Input devices, output displays, dialogue structures, use of colour, icons, commands, graphics,
natural language, 3-D, user support materials, multimedia
TASK FACTORS
Pengalokasian tugas, pelaksanaan, dan pengawasan proses pengerjaan
Monitoring, skills, components
CONSTRAINTS
Biaya, staff, jadwal penyelesaian, peralatan, struktur bangunan

SYSTEM FUNCTIONALITY
Perangkat keras, perangkat lunak dan aplikasi
PRODUCTIVITY FACTORS
Meningkatkan output, kualitas, mengurangi biaya kesalahan
Mengurangi peralatan, mengurangi waktu pengerjaan
Meningkatkan kreatifitas dan inovasi untuk menghasilkan produk baru yang lebih berkualitas

21
Disiplin ilmu yang mendukung
HCI
 Computer Science
 Psychology
 Software Engineering
 Ergonomics
 Cognitive Science
 Artificial Intelligence
 Social Science
22
Mendesain HCI
 Berorientasi pada user
 Mengintegrasi pengetahuan dari
berbagai disiplin ilmu
 Highly Iterative

23
Bacaan
 Preece, chapter 1, 2

24