Human-Computer Interaction - A Brief Introduction

50
凯诺公开课 絮语：人机交互简谈 2016.08.13 .bo wang talk.b: a brief talk about HCI

Transcript of Human-Computer Interaction - A Brief Introduction

Page 1: Human-Computer Interaction - A Brief Introduction

凯诺公开课

絮语：人机交互简谈

2016.08.13.bo wang

talk.b: a brief talk about HCI

Page 2: Human-Computer Interaction - A Brief Introduction

bo wang

Carnegie Mellon Universitymasters in MIS, 2012

Yieldmo, Ad Format Labnew york city

凯诺公开课

Page 3: Human-Computer Interaction - A Brief Introduction

凯诺公开课

Page 4: Human-Computer Interaction - A Brief Introduction

凯诺公开课

Page 5: Human-Computer Interaction - A Brief Introduction

凯诺公开课

Page 6: Human-Computer Interaction - A Brief Introduction

凯诺公开课

Page 7: Human-Computer Interaction - A Brief Introduction

凯诺公开课

Page 8: Human-Computer Interaction - A Brief Introduction

凯诺公开课

Page 9: Human-Computer Interaction - A Brief Introduction

human-computer interaction• social science • linguistics • cognitive science • communication theory • psychology • ergonomics • human factors • graphic/industrial design • …

凯诺公开课

Page 10: Human-Computer Interaction - A Brief Introduction

human side: social science

凯诺公开课

Page 11: Human-Computer Interaction - A Brief Introduction

human side: social science

凯诺公开课

Page 12: Human-Computer Interaction - A Brief Introduction

human side: linguistics

凯诺公开课

Page 13: Human-Computer Interaction - A Brief Introduction

human side: linguistics

凯诺公开课

Page 14: Human-Computer Interaction - A Brief Introduction

human side: cognitive science

凯诺公开课

Page 15: Human-Computer Interaction - A Brief Introduction

human side: communication theory

凯诺公开课

Page 16: Human-Computer Interaction - A Brief Introduction

human side: communication theory

凯诺公开课

Page 17: Human-Computer Interaction - A Brief Introduction

human side: human factors

凯诺公开课

Page 18: Human-Computer Interaction - A Brief Introduction

human side: design

凯诺公开课

Page 19: Human-Computer Interaction - A Brief Introduction

human-computer interaction• computer graphics • operating systems • machine learning • programming languages • computational biology • algorithms • robotics • …

凯诺公开课

Page 20: Human-Computer Interaction - A Brief Introduction

“computer” side: computer graphics

凯诺公开课

Page 21: Human-Computer Interaction - A Brief Introduction

“computer” side: computer graphics

凯诺公开课

Page 22: Human-Computer Interaction - A Brief Introduction

“computer” side: computer graphics

凯诺公开课

Page 23: Human-Computer Interaction - A Brief Introduction

“computer” side: operating systems

凯诺公开课

Page 24: Human-Computer Interaction - A Brief Introduction

“computer” side: operating systems

凯诺公开课

Page 25: Human-Computer Interaction - A Brief Introduction

“computer” side: machine learning

凯诺公开课

Page 26: Human-Computer Interaction - A Brief Introduction

“computer” side: machine learning

凯诺公开课

Page 27: Human-Computer Interaction - A Brief Introduction

“computer” side: programming languages

凯诺公开课

Page 28: Human-Computer Interaction - A Brief Introduction

“computer” side: programming languages

凯诺公开课

Page 29: Human-Computer Interaction - A Brief Introduction

it usually takes many years, if not decades, for a novel idea to become commercially successful.

凯诺公开课

Page 30: Human-Computer Interaction - A Brief Introduction

many of the most famous HCI successes are deeply rooted in university research.

凯诺公开课

Page 31: Human-Computer Interaction - A Brief Introduction

you’re familiar with these• world wide web • graphical user interface • touchscreen • voice user interfaces • gesture recognition • computer aided design (CAD) • …

凯诺公开课

Page 32: Human-Computer Interaction - A Brief Introduction

world wide web

凯诺公开课

Page 33: Human-Computer Interaction - A Brief Introduction

graphical user interface

凯诺公开课

Page 34: Human-Computer Interaction - A Brief Introduction

touchscreen

凯诺公开课

Page 35: Human-Computer Interaction - A Brief Introduction

gesture recognition

凯诺公开课

Page 36: Human-Computer Interaction - A Brief Introduction

without academic research, many advances in the field of HCI would probably not have taken place.

凯诺公开课

Page 37: Human-Computer Interaction - A Brief Introduction

what’s going on now• augmented reality • virtual reality • 3D technologies • anticipatory design • maybe some James Bond gadgets… • …

凯诺公开课

Page 38: Human-Computer Interaction - A Brief Introduction
Page 39: Human-Computer Interaction - A Brief Introduction
Page 40: Human-Computer Interaction - A Brief Introduction
Page 41: Human-Computer Interaction - A Brief Introduction
Page 42: Human-Computer Interaction - A Brief Introduction

very cool, but…凯诺公开课

Page 43: Human-Computer Interaction - A Brief Introduction

“professional practitioners in HCI are usually designers concerned with the practical application of design

methodologies to problems in the world.”

凯诺公开课

Page 44: Human-Computer Interaction - A Brief Introduction

HCI in the industry• design

• ui/ux designer • product designer • front-end designer

• engineering • ui/ux engineer • front-end(ui) engineer

• research • ux researcher • other product roles

凯诺公开课

Page 45: Human-Computer Interaction - A Brief Introduction

what do you learn? Really, it’s up to you.

凯诺公开课

Page 46: Human-Computer Interaction - A Brief Introduction

what does it look like

凯诺公开课

Page 47: Human-Computer Interaction - A Brief Introduction

what does it look like

凯诺公开课

Page 48: Human-Computer Interaction - A Brief Introduction

what does it look like

凯诺公开课

Page 49: Human-Computer Interaction - A Brief Introduction

HCI really becomes interesting when different fields interact with each other.

凯诺公开课

Page 50: Human-Computer Interaction - A Brief Introduction

凯诺公开课


Human-Computer-Interaction und Psychologie

Human-Computer-Interaction und Psychologie

HUMAN-COMPUTER INTERACTION

HUMAN-COMPUTER INTERACTION

Human–Computer Interaction - Usability Engineering im Bildungskontext

Human–Computer Interaction - Usability Engineering im Bildungskontext

HUMAN COMPUTER INTERACTION › ~hy364 › files › project › HTML-CSS.pdfCS-364: Introduction to Human –Computer Interaction Slide 13 To create a hyperlink to another document,

HUMAN COMPUTER INTERACTION › ~hy364 › files › project › HTML-CSS.pdfCS-364: Introduction to Human –Computer Interaction Slide 13 To create a hyperlink to another document,

Human-Computer-Interaction1-Fach-Master Human-Computer-Interaction (2018) JMU Würzburg • Erzeugungsdatum 04.06.2020 • PO-Daten satz Master (120 ECTS) Human-Computer-Interaction

Human-Computer-Interaction1-Fach-Master Human-Computer-Interaction (2018) JMU Würzburg • Erzeugungsdatum 04.06.2020 • PO-Daten satz Master (120 ECTS) Human-Computer-Interaction

HCI: Human-Computer Interaction - UC3M

HCI: Human-Computer Interaction - UC3M

Hand-Tracking for Human-Robot Interaction with Explicit ...stiefel/...Hand-Tracking for Human-Robot Interaction with Explicit Occlusion Handling Institut für Theoretische Informatik

Hand-Tracking for Human-Robot Interaction with Explicit ...stiefel/...Hand-Tracking for Human-Robot Interaction with Explicit Occlusion Handling Institut für Theoretische Informatik

Minimal Mobile Human Computer Interaction

Minimal Mobile Human Computer Interaction

6. Human Computer Interaction

6. Human Computer Interaction

TINJAUAN HUMAN COMPUTER INTERACTION (HCI) …

TINJAUAN HUMAN COMPUTER INTERACTION (HCI) …

[Ht] human computer interaction 1

[Ht] human computer interaction 1

Human-Computer-Interaction - Usability Engineering im Bildungskontext

Human-Computer-Interaction - Usability Engineering im Bildungskontext

Human-Scale Haptic Interaction with a Reactive Virtual Human in …haselab.net/files/paperDB_uploads/pdf-tnmt2snz.pdf · 2015-04-21 · Human-Scale Haptic Interaction with a Reactive

Human-Scale Haptic Interaction with a Reactive Virtual Human in …haselab.net/files/paperDB_uploads/pdf-tnmt2snz.pdf · 2015-04-21 · Human-Scale Haptic Interaction with a Reactive

HCI -> Human Computer Interaction

HCI -> Human Computer Interaction

Human-Computer-Interaction · 1-Fach-Master Human-Computer-Interaction (2015) JMU Würzburg • Erzeugungsdatum 05.06.2020 • PO-Daten-satz Master (120 ECTS) Human-Computer-Interaction

Human-Computer-Interaction · 1-Fach-Master Human-Computer-Interaction (2015) JMU Würzburg • Erzeugungsdatum 05.06.2020 • PO-Daten-satz Master (120 ECTS) Human-Computer-Interaction

Interaksi Manusia & Komputer ( Human Computer Interaction)

Interaksi Manusia & Komputer ( Human Computer Interaction)

INTERACTION OF HUMAN POLYMORPHONUCLEAR LEUKOCYTES …

INTERACTION OF HUMAN POLYMORPHONUCLEAR LEUKOCYTES …

บทที่ 7 Interaction Devices Human Computer Interaction.

บทที่ 7 Interaction Devices Human Computer Interaction.

Human - Computer Interaction

Human - Computer Interaction

Biochemical Analysis on the Interaction of Human …repository.kulib.kyoto-u.ac.jp/dspace/bitstream/2433/...Title Biochemical Analysis on the Interaction of Human Matrix Metalloproteinase

Biochemical Analysis on the Interaction of Human …repository.kulib.kyoto-u.ac.jp/dspace/bitstream/2433/...Title Biochemical Analysis on the Interaction of Human Matrix Metalloproteinase