Human Computer Interaction (HCI)
Information
Visualization
2 Video
Info
rma
tion
Vis
uali
zati
on
3 Video
Info
rma
tion
Perspective wall
Vis
uali
zati
on
User
Inte
rfac
e
Desi
gn
(UID
)
4
Er
go
no
mi
cs
5
Tan
gibl
e
Inte
ract
ion
How?
Standalone
Remote / Indirect
6
Tan
gibl
e
Inte
ract
ion
How?
Standalone
Remote / Indirect
7 Video
Tangible
Interaction
How?
AR Markers
A physical object with a flat shape
ARToolKit
Why ARToolkit?
8
Tangible
Interaction
• Category Design
– Two handed interaction
– Markers composition
– Navigation and Selection
9
Tangible
Interaction
Markers evolution
Cube marker with handle
ARemote
Translational / Rotational gestures
Navigation by rotation
Selection by translation
10
Tactile
Interaction
11 Video
Tactile
Interaction
Pistol shape (affordance)
2D Joystick (input)
Braille cell (output)
Trigger button
Power supply
Wireless communication
Support for both hands
12
Tactile
Interaction
13 Video
Tactile
Interaction
Press
Macro view Micro view
14 (Relative positioning)
(Absolute positioning)
AR / VR
HCI
AR / VR
15 Video: book
BCI
HCI
BCI
16 Video
HCI vs Software Engineering
Both have separate domains but they interact closely
Software
Engineering
•Feasibility study
•Software requirement analysis
•Software design
•Interface software coding
•Interaction support software coding
•Application program coding
•Software verification / validation
•Integration
•Maintenance
17 Elizabeth A. Buie et al., CHI 97
HCI vs Software Engineering
Both have separate domains but they interact closely
HCI
•Users
•User tasks
•User task analysis
•Information and Interaction to perform tasks
•Environment (in which users work)
•Usability evaluation
•Interaction design
•Interface design
18
HCI vs Software Engineering
Both have separate domains but they interact closely
Overlapping of HCI
and SE
•Many application development tools include HCI capabilities
•MS Visual Studio (toolbars, buttons,…), etc.
•Visual Basic for forms / windows, …
•Interface design tools generate code automatically
•Rational Rose, Smart Draw etc.
•HCI and SE work side by side on software projects
•HCI is mostly on the front-end (Interface + Interaction)
19
HCI vs Software Engineering (End Result)
HCI SE
• User-Centered • System-Centered
• Users • Architectural &
• Tasks • Procedural aspects
• Environments of software design
20
HCI Labs / Research centers / Organizations
Abroad:
Microsoft
Google
MIT Media Lab (USA)
University of Maryland (USA)
INFRES TELECOM PARIS
ACM – SIGCHI
IEEE Systems and Cybernetics
BCS (British Computer Society)
Many more …. (hcibib.org)
Pakistan
QAU
COMSATS
NUST
21
