This document discusses teaching tangible interaction design. It emphasizes defining all terms used, specifying contrasts, studying materials, thinking in metaphors, designing expressions, and finding contrasts using Laban Movement Analysis. Examples are provided of student projects that focus on expression of tangibility, beauty of materials, quality of form and movement in interaction, and innovative usage of emerging technologies. The document advocates for an interaction design framework that gives equal importance to function, interaction, expression, form, material, idea, task, and movement. Collaboration on projects is presented as a way to apply these concepts.

1. Teaching Tangible
Interaction
Rung-Huei Liang (jazzliang)
Dept. of ICD, NTUST (Taiwan Tech) July 6, 2011

2. How is design taught?

3. JOHANNES ITTEN
DESIGN AND FORM: THE BASIC COURSE AT THE BAUHAUS AND LATER (1976)

4. CONTRASTS
DUALITIES TO EXPRESS:

5.
Tao Te Ching Chapter 2
When beauty is abstracted
Then ugliness has been implied;
When good is abstracted
Then evil has been implied.
So alive and dead are abstracted from nature,
Difficult and easy abstracted from progress,
Long and short abstracted from contrast,
High and low abstracted from depth,
Song and speech abstracted from melody,
After and before abstracted from sequence.

6. STUDY OF TEXTURE
BAUHAUS

7. TEXTURE
TEXTURE WORK BY DEBBIE U. CAHN

8. PICASSO
COMPOSITION WITH FRUIT, GUITAR, AND GLASS (1912)

9. COLLAGE AND MIXED MEDIA
WILLIAM GRANT WOOD CONSTRUCTION 6, AND ALEX MALCOLMSON WOOD CONSTRUCTION

10. Contrast (duality expression)
Texture
Material
Collage
Composition

11. WHAT IS THE BASIC COURSE OF TANGIBLE INTERACTION DESIGN?

12. ELETRONICS? SKETCH? MODEL? 3D MODEL?
NO/NO/NO/NO!

13. How to Teach Tangible Interaction
Design (TID)?
What are contrasts of TID?
What texture does TID manifest?
What is the beauty of material in
TID?
How is the collage of such material
in TID aesthetically pleasing?
How to evaluate a composite of
TID?

14. Define all your terms
“Paul Rand: You have to
define all your terms. You have
to define what design is. Do
you know what design is?
What is design? People have to
understand what the hell they
are doing. In art school people
assume everybody understands
everything. They do not.”

15. In terms of TID
“You have to define all your
terms in Tangible
Interaction Design....People
have to understand what the
hell they are doing. In art
school people assume
everybody understands
everything about tangible
interaction design. They do
not.”

16. 1. Define every term in TID
2. Specify contrasts in TID

17. What is the common
language of TID when
conducting a collaborative
project ?

18. INTERACTION DESIGN FRAMEWORK
B. VERPLANK

19. EXPRESSION FORM
MATERIAL FUNCTION
RE-INTERPRET AS DESIGN LANGUAGE IN TID

20. FUNCTION
INTERACTION
EXPRESSION FORM
DESIGN
LANGUAGE
MATERIAL
Verplank’s 4 steps

21. FUNCTION
METAPHOR TASK
INTERACTION
EXPRESSION FORM
DESIGN
LANGUAGE
MATERIAL
IDEA MOVEMENT
4 STEPS ARE OF THE SAME IMPORTANCE
INTERACTION DESIGN CAN BEGIN FROM ANY STEP

22. BUILDING PHYSICAL FORMS

23. Enabling Function Connecting Digital/Analog

24. Studying Materials
Designed by Kouji Iwasaki 20X9X9cm

25. Thinking Metaphor
Beer bottle as musical instrument musicbottles

26. Designing Expression
Dancerail Alarm clock anticipates sleepers’ emotions

27. Finding Contrasts in TID
Effort in Laban
Movement Analysis
(LMA)
1. time: quick/sustained
2. weight: strong/light
3. flow: free/bound
4. space: indirect/direct

28. MOVEMENT AND FORM
STUDY BASED ON CONTRASTS OF LMA

29. MOVEMENT AND FORM
STUDY BASED ON CONTRASTS OF LMA

30. Collaborative Project
• Expression of tangibility is of the most significant value
• The beauty of material is highly concerned
• The quality of form and movement are at the focus of
interaction
• The function of emerging technology and innovative
usage is strongly welcome

31. KEEP IN TOUCH
COLOR LEDS, TEMPERATURE TO REPRESENT AN INTERESTING SOCIAL INTERACTION

32. KITID (KEEP IN TOUCH ID)
FACEBOOK POKE ENABLED INTERACTION WITH SIMPLE SOUND, LIGHT, MOVEMENT

33. WISH EGG
CONFIGURABLE SAVING AND RECALLING WISHES WITH GESTURES

34. SIMPLE WHILE ELEGANT MUSIC PLAYER WITH HIGH TANGIBILITY

35. HI ME
VERY EVOKING TO HEAR SAVED VOICES AT THE CORRESPONDING HEIGHT OF OUR BODY

36. SIMPLE AND ELEGANT CRAFT TO RECORD A SECRET AND PLAY BACK RANDOMLY

37. OPEN
sesame
photo sharing devices with
personal ID in a social
meeting

38. FLOW BUM
WATER INTERFACE TO TRIGGER PHOTO DISPLAY

39. photo triggering cabinet

40. SHY TREE
SIMULATED MSN MESSAGES ATTACHED TO WOOD PIECES RESPECTIVELY

41. SECRETS
CONCEPT TO LEAVE WRITTEN TEXTS ON A WALL, APPEAR ONLY WHEN BLOWING UPON IT

42. ThAnKs
JAZZLIANG.WORDPRESS.COM
TANGIBLEINTERACTION2011.BLOGSPOT.COM