Scribd
Upload
17 views

Lecture 1 - Intro-to-HCI

Uploaded by

Trần Hoàng Phúc
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
17 views

Lecture 1 - Intro-to-HCI

Uploaded by

Trần Hoàng Phúc
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 73

INTRODUCTION TO

HUMAN-COMPUTER INTERACTION
Dr. Khanh-Duy Le
Assoc.Prof. Minh-Triet Tran
About me

Name: Duy Le or Duy

Country of Origin: Vietnam

Organization: FIT & SELab, VNUHCM-University of


Science

Role: Lecturer & Senior Researcher & Head of HCI


Division
Education

Ph.D. Human-Computer Interaction

M.Eng. Multimedia

B.Sc. Software Engineering


Work Experiences
Research Scientist
ABB Research Sweden

Research Assistant
Chalmers University of Technology

Research Intern
Technicolor R&I

Senior Research &


Head of HCI Division
RESEARCH INTERESTS

Augmented/Mixed Virtual Reality Interactive Surfaces


Reality
What is human-computer interaction?
(2002)
Kinect 2007
John Underkoffler
CEO of Oblong Industries
Former PhD student in Human-Computer Interaction at MIT Media Lab
GUI & Interaction Designer of Minority Report
Definition of Human-Computer Interaction

Human-computer interaction (HCI) is a multidisciplinary field


of study focusing on the design of computer technology and,
in particular, the interaction between humans (the users) and
computers.
(Interaction Design Foundation)
HCI as a multi-disciplinary field
Definition of Human-Computer Interaction

Popularized in 1983
Era of personal computers
Why do we need
human-computer interaction?

Why was “human-computer interaction”


popularized in PC era?
Human – Computer Cooperation Model

User tasks

Computer
Solution
User need
Computer tasks
Human – Computer Cooperation Model

User tasks
Effort

Computer
Solution
User need
Computer tasks
Optimize user (human) effort
Human – Computer Cooperation Model

Input drawing
information

Computer
Drawing
Create a digital Application
free drawing Process input to
display drawing
ENIAC (1945) Punched Card
ENIAC (1945) Punched Card

f(x,y) = x2 + y2 – r2
………..
Command-line interface
(~1960 - ~1970)
Command-line interface
(~1960 - ~1970)

f(x,y) = x2 + y2 – r2
………..
Graphical User Interface
& Mouse (~1980)
Graphical User Interface
& Mouse
Touch Display (1965) iPhone (2007 - )
Touch Display (1965) iPhone (2007 - )
But…
There are always rooms for
user interaction improvements
Fat finger problem
Fat finger problem Apple pencil specialized
for drawing task
Fat finger problem Manually offsetting
touch point
Fat finger problem ML-based fat finger compensation
+ : desired touch point
* : actual touch point
Machine learning to estimate the compensation offset
+
+

Insights on user Insights on user Insights on user


interaction problems interaction problems interaction problems

Insights on user
interaction problems
INTERACTION DESIGN PROCESS

User Problem
Design Prototype Evaluation
empathization definition

(DESIGN THINKING PROCESS)


HCI goal is to make interactions between
human and computer…

• More efficient

• More intuitive

• More joyful
Hanging-off-the-bar (Florian “Floy” Muller et al., Exertion Games Lab, RMIT)
Hanging-off-the-bar (Florian “Floy” Muller et al., Exertion Games Lab, RMIT)
HCI RESEARCH ENVISIONS AND REALIZES
FUTURE INTERACTIONS
BETWEEN HUMAN AND COMPUTER
Sensing Techniques for Mobile Interaction (Hinckley et al.) (UIST 2000)
Codex: Dual Screen Tablet Computer
(Ken Hinckley et al. CHI 2009)
“Paddle: Highly Deformable Mobile Devices with Physical Controls”
(Ramaker et al. CHI 2014)
Galaxy Z Fold 3 Intro
A Day Made of Glass 2 (2012) by Microsoft
Desktopography: Supporting Responsive Cohabitation Between Virtual
Interfaces and Physical Objects (EICS 2017)
tPad: Designing Transparent-Display Mobile Interactions. Ramost
et al. DIS 2014
Clearboard: A seamless medium for shared drawing and conversation with eye contact
(Ishii & Kobayashi, CHI 1992)
Holoport - A Device for Simultaneous Video and Data Conferencing Featuring Gaze Awareness
(Kuechler & Kunz, IEEE VR 2006)
Holographic telepresence Telepresence pods (Captain America)
(Star Wars)
“TeleHuman2: A Cylindrical Light Field Teleconferencing System for
Life-size 3D Human Telepresence”. Gotsch et al. CHI 2018
Some subfields of HCI

Human-Robot Interaction Human-AI Interaction Human-Building Interaction

Animal-Computer Interaction
A GOOD INTERACTION DESIGN
CAN BE WORTH MILLION DOLLARS
Accidentally pick up incoming calls
Touch Interaction
• Intuitive

• Fast and convenient

• Prone to unintentional input


• Intuitive

• Can be done with one hand

• Eliminate unintentional interaction


(2014)
$120 million

(2017)
FUN FACT

Freddy Anzures
Former Designer of Apple Inc

Responsible for designing several features of iPhone


FUN FACT
CAREER PATH
• Research scientist
• Software engineer
• UX researcher
• UX/Interaction/Product designer
• UX prototyper
• HMI engineer
• Creative technologist
• Solution architect
• Product manager
CAREER PATH
HCI Conferences (to find inspirations)
• ACM Conference on Human Factors in Computing Systems (CHI)
• ACM Symposium on User Interface Software and Technology (UIST)
• ACM Symposium on Virtual Reality Software and Technology (VRST)
• IEEE ISMAR
• IEEE VR
• ACM Conference on Mobile Human-Computer Interaction (MobileHCI)
• UbiComp/ISWC
• ACM International Conference on Interactive Surfaces and Spaces (ACM ISS)
• ACM Conference on Intelligent User Interfaces (ACM IUI)
Reference materials
[email protected]
[email protected]

You might also like