Human Computer Interface

Kartono Pinaryanto, S.T., M.Cs.

Program Studi Informatika Universitas Sanata Dharma
 Overview
1 Introduction to HCI
2 Interface and Type Interface
3 Metaphor
4 Future HCI
 HCI (Interaksi manusia-
komputer) adalah disiplin
ilmu yang berkaitan
dengan desain,
implementasi dan evaluasi
sistem komputasi interaktif
untuk digunakan manusia

What is HCI?
Types Computer’s
Interdisciplinary Computer science
1
Area HCI Aplikasi disain dan
teknologi dari human interfaces

2 Industrial disain
Interactive products

3 Psikologi
Aplikasi dari teori proses kognitif dan
analisa dari kebiasaan user

Sosiologi and
4 anthropologi
Interaksi antara teknologi dan
organisasi
Examples
 HCI : Three Components

Design Implementation Evaluation

1 Design
Human factors, design graphics, requirements gathering, task analysis

2 Implementation of technology and tools

Prototyping techniques, development tools

3 Evaluation / Test
productivities, usability testing, formative – summative evaluations
 Interfaces

Interaksi antara manusia

dengan komputer terjadi via
interface

User Interface
Bagian dari sistem komputer
dimana pengguna berinteraksi
untuk melakukan tugasnya dan
mencapai tujuannya
 Bad 1 Poor learning – high training
costs

2 Loss of custom – loss of

Interface 3
productivity
Frustration (Stress)

4 Annoyance (Gangguan)

5 Confusion (Kebingungan)

6 Anxiety (Kegelisahan)

7 Dissatisfaction (ketidakpuasan)
– accidents (Kecelakaan)

8 Disasters (Kerusakan)
 Good 1 Interaksi yang mudah, natural
dan saat menjalankan “the
required task”

Interface 2 Ukuran “a good or bad

interface” tidak hanya “user-
friendly”
3 Tidak hanya sekedar estetika
untuk mempertimbangkan
“usability” dari interfaces
Types of Interface Programs
 Metaphor
Pemakaian kata, kelompok kata,
simbol, icon, gambar, warna yang
bukan arti sebenarnya.

Menjelaskan atau mendeskripsikan 
suatu hal dengan cara merujuk pada
hal lain yang dianggap memiliki
karakteristik yang mirip dengan
sesuatu atau seseorang yang ingin
dideskripsikan tersebut.
Metaphor Examples

13
 QUIS Metaphor

https://quizizz.com/join
Format join : NIM_NAMA
 Future HCI
1. https://youtu.be/kSMCkANksfg

2. https://youtu.be/AuVHftBiDVw

3. https://youtu.be/6Cf7IL_eZ38
4. https://youtu.be/jZkHpNnXLB0
Terima kasih