46
Apa itu IMK?

Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline

Embed Size (px)

Citation preview

Page 1: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline

Apa itu IMK?

Page 2: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 3: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 4: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 5: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 6: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline

from HCIHuman-computer interaction is a discipline concerned with the design, implementation and evaluation of interactive computing systems for human use and with the study of major phenomena surrounding them.

ACM SIGCHI

Page 7: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline

to Interaction Design

• Designing interactive products to support people in their everyday and working lives

• Sharp, Rogers and Preece (2002)

• The design of spaces for human communication and interaction

• Winograd (1997)

Page 8: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline

Tujuan• mengembangkan produk yang

‘usable’, aman, menunjang produktivitas

• usability :• mudah dipelajari• efektif digunakan

• melibatkan pengguna dalam proses desain

• memberikan pengalaman yang menyenangkan (UX)

Page 9: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline

Yang harus dilakukan

untuk mengjasilkan sistem komputer yang memiliki usability yang baik :

• pahami faktor-faktor yang menjelaskan bagaimana pengguna menggunakan teknologi

• kembangkan alat atau tehnik untuk membangun sistem yang sesuai dan dapat digunakan

• capailah interaksi yang efektif dan aman

Page 10: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline

Mengapa dibutuhkan?

Page 11: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 12: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 13: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 14: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 15: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 16: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 17: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 18: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 19: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 20: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 21: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 22: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 23: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 24: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 25: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 26: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 27: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 28: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline

Visibility and Affordance

• Visibility is the mapping between a control and its effect.

• Affordance of an object is the sort of operations and manipulations that can be done to it.

• The important factor for design is perceived affordance – what a person thinks can be done with an object

Page 29: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 30: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline

55

Page 31: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 32: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 33: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 34: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline

Aktivitas

• cermati handphone anda pada fungsi berikut:

• mengeset forwarding call

• cara redial

• coba tuliskan proses interaksi yang terjadi secara detail

Page 35: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 36: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 37: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 38: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 39: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline
Page 40: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline

Saul Greenberg

Moore’s Law

transistorsspeeddiscscost

1950 1990 2030Slide idea by Bill Buxton

Computerabilities

Page 41: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline

Saul Greenberg

Psychology

1950 1990 20302000BC

humanabilities

Slide idea by Bill Buxton

Page 42: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline

Saul Greenberg

Where is the bottleneck?

Slide idea by Bill Buxton

system performance

Page 43: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline

Saul Greenberg

HCI

HumansTechnology

Organizational & Social IssuesTask

Design

Page 44: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline

Articulate:•who users are•their key tasks

User and task descriptions

Goals:

Methods:

Products:

Brainstorm designs

Task centered system designParticipatory designUser-centered design

Evaluate

Psychology of everyday things

User involvementRepresentation & metaphors

low fidelity prototyping methods

Throw-away paper prototypes

Participatory interaction

Task scenario walk-through

Refined designs

Graphical screen designInterface guidelinesStyle guides

high fidelity prototyping methods

Testable prototypes

Usability testing

Heuristic evaluation

Completed designs

Alpha/beta systems or complete specification

Field testing

An interface design process

Page 45: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline

Map of Human Computer Interaction

Input and Output Devices

Dialogue Techniques

Dialogue Genre

Application Areas

Ergonomics

Evaluation Techniques

Design Approaches

Implementation Techniques and Tools

Example Systems and Case Studies

Human

Language, Communication and Interaction

Human Information Processing

Use and Context

Human-Machine Fit and AdaptationSocial Organization and Work

ComputerComputer Graphics

Dialogue Architecture

Development Process

A a

Page 46: Apa itu IMK? - Bogor Agricultural Universityweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2012/Pengenalan... · Apa itu IMK? from HCI Human-computer interaction is a discipline