This document discusses the basics of spatial interaction design. It provides a historical overview of human-computer interaction, from early control panels to modern tangible and embedded interfaces. It also examines user interface approaches through case studies and discusses incorporating contextual observation into design. The document aims to outline fundamental concepts for interaction design through spatial, experiential, and sensory lenses.

2. Spatial Interaction
Design
Interaction
Tung Jen Tsai
Quanta Research Institute (QRI), Quanta Computers Inc.
Department of Industrial and Commercial Design, National Taiwan University of Science and Technology
2012.10.12

3. Prototyping
Overview
Architecture Cognitive Science
Urban Studies
Action and Activity Theory
Environment Space Interaction Perception
Human-Computer
Place and Placement Interaction
Design (HCI)
Appearance
Empirical Data
study Form and Aesthetics System
Interface

4. Basics of Interaction
Primitive Model
Action
Human Machine
Action
Environment

5. Basics of Interaction
Primitive Model
Action Machine Language
Interface
Human Machine
Expression Processed Result
Environment

6. Basics of Interaction
Informative Gap in Primitive Model
Action Machine Language
Interface
Human Machine
Expression Processed Result
Environment

7. Basics of Interaction
Informative Gap in Primitive Model
• Natural mapping [Norman, 1998]
Action Machine Language
Interface
Human Machine
Expression Processed Result
Norman, D., The design of everyday things2002: Basic books.

8. Basics of Interaction
Informative Gap in Primitive Model
• Natural mapping [Norman, 1998]
Action Machine Language
Interface
Human Machine
Expression Processed Result
Norman, D., The design of everyday things2002: Basic books.

9. Basics of Interaction
Informative Gap in Primitive Model
•Natural mapping [Norman, 1998]
•Human cognitive process
•The idea of human-machine interface
•Gestalt psychology for visual affordance
Action Machine Language
Interface
Human Machine
Expression Processed Result
Norman, D., The design of everyday things2002: Basic books.

10. Basics of Interaction
Design aspect in interaction
Action Machine Language
Interface UI approach
Human Machine
Expression Processed Result
Environment

11. Basics of Interaction
Design aspect in interaction
1950 Human-Machine Control Panel
Interaction
1960 Computer-Human Artificial Intelligent (AI) 人工智慧
Interaction Virtual Reality 虛擬實境
Cybernetics 模控學
UI approach 1970 Human-Computer Cognition
Perception
Interaction Action and activity theory
1980 Social Interaction CSCW (電腦輔助協同工作)
1990 Physical Interaction Tangible and Embedded
Interaction (可觸式與內建互動)
Affective Haptic 情緒感覺
Environmental Affordance

12. Basics of Interaction
Design aspect in interaction
Design Case
Douglas Engelbart
•The father of GUI
•Graphic User Interface (GUI)
•also the father of mouse
UI approach
Image Courtesy
http://d.hatena.ne.jp/sumim/touch/searchdiary?word=*%5BGUI%5D&of=5
Image Courtesy: http://www.maximumpc.com/
Susan Kare (http://www.kare.com)
win30_0.png

13. Basics of Interaction
Design aspect in interaction
Design Case
Douglas Engelbart - the first mouse
UI approach

14. Basics of Interaction
Design aspect in interaction
Design Case
Ivan Sutherland -Sketchpad
UI approach

15. Basics of Interaction
Design aspect in interaction
Action
Experience
Human Object
Sensation
Environment

16. Context within Interaction
Context
事實上的前後關係
看得到的現象之後
人的經驗-”為什麼會 樣？”

17. Context within Interaction
為什麼 子是四隻 ？

18. Context within Interaction
為什麼 子是四隻 ？
Context of Artifacts and Space
- no name designer
- daily life (specified noun)
- natural improvement

19. Basics of Interaction
Contextual Observation Workshop
1) Re-sketch on your experience
2) Point out what are the objects, spaces, and location
elements
3) Context behind the scene
4) The fundamental object

20. Summary
•Primitive model of interaction
•Historical view on human-computer interaction
development
•User interface approach
•Sensational issue for interaction
•Context and contextual observation workshop