usability interaksi manusia & komputer - gunadarma

Usability Interaksi

Manusia & Komputer

Jurusan Teknik Informatika

Fakultas Teknologi Industri

ATA 2020/2021

Kemampuan Akhir

﹡Memahami prinsip usability dan

padanan prosesnya pada manusia

2

Bahan Kajian

﹡ Prinsip usability

﹡ Kemampuan manusia

﹡ Proses User Centered Design (UCD)

﹡ Kapasitas penginderaan manusia

﹡ Sistem motor memory

﹡ Proses kognitif

3

1.

Prinsip Usability

Usability dalam IMK

Sistem yang mudah digunakan dan mudah

dipelajari individu atau kelompok

5

01

Manusia

02Antarmuka

👨 03 Sistem

Komputer

Prinsip Usability

6

01Human

Ability

02Human

Capabilities

03 Kecerahan

04 Proses

05 Observations

06 Problem

Solving

2.

Kemampuan Manusia

Human Abilities

Kualitas kemampuan manusia dalam IMK

1 Human Abilities Baik

2 Human Abilities Buruk

Human Abilities Baik

9

1 Kapasitas Long Term Memory (LTM)

tidak terbatas

2 Durasi LTM tidak terbatas dan kompleks

3 Kemampuan memahami tinggi

4 Mekanisme pola pikir powerfull

5 Pengenalan pola pikir powerfull

Human Abilities Buruk

1010

1 Kapasitas Short Term Memory (STM)

terbatas

2 Durasi STM terbatas

3Akses yang tidak didapat diandalkan

pada STM

4 Proses yang cenderung salah

5 Proses yang lambat

3.

Proses User Centered

Design (UCD)

UCD (User Centered Design)

UCD Perancangan yang menempatkan

pengguna sebagai pusat dari

pengembangan sistem

Prinsip UCD

13

Fokus Pada

Pengguna01 Perancangan

Terintegrasi02

Dari Awal Berlanjut

Pada Pengujian

Pengguna

03 Perancangan

Interaktif04

Pendekatan UCD

14

Fokus perencanaan

SSM (Soft System

Methodology)01Fokus perancangan

awal

OSTA (Open Task

Analysis) 02

Perencanaan sampai

implementasi

Multiview03Fokus perancangan

Star Life Cycle04

Proses UCD

15

01

02

04

03

Memahami dan menentukan

konteks pengguna

Solusi perancangan yang

dihasilkan

Menentukan kebutuhan

pengguna dan organisasi

Evaluasi perancangan

terhadap kebutuhan pengguna

4.

Kapasitas Penginderaan

Manusia

Human Capasities

Faktor manusia membuat desain yang

lebih baik

1 Penginderaan

2 Sistem Motor

3 Proses Informasi

Penginderaan Manusia

Penglihatan

SentuhanPendengaran

👨

Fungsi Penglihatan

19

19

1 Menghasilkan persepsi yang

terorganisir terhadap gerakan

2 Menghasilkan persepsi yang terorganisir

terhadap ukuran dan bentuk

3 Menghasilkan persepsi yang terorganisir

terhadap jarak dan posisi relatif

4 Menghasilkan persepsi yang terorganisir

terhadap tekstur dan warna

Fungsi Mata

2020

Bentuk 3 dimensi

Bentuk 2 dimensi

👨

Aspek Penglihatan

21

01 Luminans

02 Kontras

03 Kecerahan

04

Sudut dan

Ketajaman

Penglihatan

05Medan

Penglihatan

06 Warna

Aspek Pendengaran

22

1 Suara yang dihasilkan oleh komputer

2 Informasi lebih lengkap dan akurat

3 Frekuensi yang dihasilkan dalam

mendeteksi suara

Aspek Sentuhan

23

Indera kunci

Aspek ergonomis

Stimulus

Stimulus Sentuhan

24

Mechanoreceptors

Panas, dingin dan suhu

Nocioreceptors

Tekanan

Thermoreceptors

Sakit

03

01 02

5.

Sistem Motor Memory

Manusia sebagai Pemroses

Informasi

26

01Informasi diterima danditanggapi melalui saluranindera

Informasi diproses dandiaplikasikan dalam berbagaicara

Informasi disimpan dalammemori02

03

Sistem Pemrosesan Manusia

27

Tidak bisa diukur secara akurat

Sistem Kompleks

Sulit dimengerti

Disajikan secara utuh dengan

pemodelan

Pendekatan Pemodelan

28

Pemrosesan Persepsi

(Perceptual Processing)

Pemrosesan Intelektual atau Kognitif

(Intelectual or Cognitive Processing)

Kontrol Motorik

(Motor Control)

Model Sistem

Pengolahan

Manusia

29

Pengolah Informasi

30

Ransangan Intelektual Waktu

tanggapan

Pengolah secara sadar

Refleks Waktu pendek

Pengolah secara otomatis

Proses Pengolah Informasi

Melibatkan memori manusia.

Memiliki 2 fungsi dalam memori manusia.

31

Tempat penyaringan (sensor)01Tempat memproses ingatan

(memori jangka panjang dan

pendek)02

Memori Manusia

Memori Sistem pemrosesan informasi

pada manusia

Sensor Memori

Long Term

Memory (LTM)

Short Term

Memory (STM)

Atensi/Perhatian

Rehearsal/Pengulangan

Memori Sensor

33

Iconic

Rangsangan

penglihatan

(visual)

Haptic

Ransangan

sentuhan

Echoic

Rangsangan

suara

03

01 02

Tempat penyimpanan sementara

menerima ransangan dari indera

Short Term Memory (STM)

34

1 Menyimpan informasi sementara/sesaat

2 Daerah memori yang aktif

3 Memori kerja

Memori dengan kapasitas terbatas4

Pengukuran Short Term Memory

(STM)

35

Mengingat panjang deretan

secara terurut

Merecall item secara acak

Ciri Memori Jangka Pendek

36

Gangguan terhadap informasi serupa mengakibatkan

salah informasi

Mudah lupa dalam waktu 20 detik

Lebih banyak informasi untuk diingat menambah

kecepatan untuk dilupakan

Long Term Memory (LTM)

37

1 Menyimpan informasi untuk jangka waktu

yang lama

2 Menyimpan informasi, pengetahuan ekspresi,

aturan prosedur dan tingkah laku

3 Mengetahui semua yang diketahui

4Proses pengambilan informasi lebih

lambat dari STM

Struktur Long Term Memory (LTM)

38

Merepresentasi kejadian, pengalaman

secara serial

Informasi Episodic

Merepresentasi struktur dari fakta,

Konsep dan kemampuan

Informasi Semantik

Proses Long Term Memory (LTM)

39

Memanggil kembali

informasiMenghilangkan

informasi

Menyimpan atau

mengingat informasi

6.

Proses Kognitif

Proses BerpikirProses penalaran dan penyelesaian

masalah

Berpikir membutuhkan

pengetahuan yang berbeda01Aktifitas berpikir

langsung dan tidak

langsung

02

Aspek Proses Berpikir

42

BERPIKIR

MENDAPATKAN

KEAHLIAN

MODEL

KESALAHAN DAN

MENTAL

PSIKOLOGI DAN

DESAIN SISTEM

INTERAKTIF

PENYELESAIAN

MASALAH

PENALARAN

Penyelesaian Masalah

Disimpan dalam LTM dan diaplikasikan

Penalaran (Reasoning) proses

pengambilan keputusan

43

Reasoning

Deduktif

Induktif

Reference

44

http://lintang.staff.gunadarma.ac.id/Downloa

ds/files/62828/buku-ajar-imk.pdf

P. Insap Santoso, Interaksi Manusia dan

Komputer : Teori dan Praktek, Andi

Offset, Yogyakarta

Material

01

https://www.free-powerpoint-templates-

design.com/computer-repair-powerpoint-

templates

https://www.slidescarnival.com/hortensius-free-

presentation-template/3272

https://www.free-powerpoint-templates-

design.com/abstract-leaves-powerpoint-

template

Free Templates

02

Thanks!Any questions?

45

😉