O slideshow foi denunciado.
Seu SlideShare está sendo baixado. ×
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Carregando em…3
×

Confira estes a seguir

1 de 42 Anúncio
Anúncio

Mais Conteúdo rRelacionado

Quem viu também gostou (20)

Semelhante a Open hci2011 (20)

Anúncio

Mais de Rung-Huei Liang (19)

Mais recentes (20)

Anúncio

Open hci2011

  1. 1. Teaching Tangible Interaction Rung-Huei Liang (jazzliang) Dept. of ICD, NTUST (Taiwan Tech) July 6, 2011
  2. 2. How is design taught?
  3. 3. JOHANNES ITTEN DESIGN AND FORM: THE BASIC COURSE AT THE BAUHAUS AND LATER (1976)
  4. 4. CONTRASTS DUALITIES TO EXPRESS:
  5. 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. 6. STUDY OF TEXTURE BAUHAUS
  7. 7. TEXTURE TEXTURE WORK BY DEBBIE U. CAHN
  8. 8. PICASSO COMPOSITION WITH FRUIT, GUITAR, AND GLASS (1912)
  9. 9. COLLAGE AND MIXED MEDIA WILLIAM GRANT WOOD CONSTRUCTION 6, AND ALEX MALCOLMSON WOOD CONSTRUCTION
  10. 10. Contrast (duality expression) Texture Material Collage Composition
  11. 11. WHAT IS THE BASIC COURSE OF TANGIBLE INTERACTION DESIGN?
  12. 12. ELETRONICS? SKETCH? MODEL? 3D MODEL? NO/NO/NO/NO!
  13. 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. 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. 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. 16. 1. Define every term in TID 2. Specify contrasts in TID
  17. 17. What is the common language of TID when conducting a collaborative project ?
  18. 18. INTERACTION DESIGN FRAMEWORK B. VERPLANK
  19. 19. EXPRESSION FORM MATERIAL FUNCTION RE-INTERPRET AS DESIGN LANGUAGE IN TID
  20. 20. FUNCTION INTERACTION EXPRESSION FORM DESIGN LANGUAGE MATERIAL Verplank’s 4 steps
  21. 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. 22. BUILDING PHYSICAL FORMS
  23. 23. Enabling Function Connecting Digital/Analog
  24. 24. Studying Materials Designed by Kouji Iwasaki 20X9X9cm
  25. 25. Thinking Metaphor Beer bottle as musical instrument musicbottles
  26. 26. Designing Expression Dancerail Alarm clock anticipates sleepers’ emotions
  27. 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. 28. MOVEMENT AND FORM STUDY BASED ON CONTRASTS OF LMA
  29. 29. MOVEMENT AND FORM STUDY BASED ON CONTRASTS OF LMA
  30. 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. 31. KEEP IN TOUCH COLOR LEDS, TEMPERATURE TO REPRESENT AN INTERESTING SOCIAL INTERACTION
  32. 32. KITID (KEEP IN TOUCH ID) FACEBOOK POKE ENABLED INTERACTION WITH SIMPLE SOUND, LIGHT, MOVEMENT
  33. 33. WISH EGG CONFIGURABLE SAVING AND RECALLING WISHES WITH GESTURES
  34. 34. SIMPLE WHILE ELEGANT MUSIC PLAYER WITH HIGH TANGIBILITY
  35. 35. HI ME VERY EVOKING TO HEAR SAVED VOICES AT THE CORRESPONDING HEIGHT OF OUR BODY
  36. 36. SIMPLE AND ELEGANT CRAFT TO RECORD A SECRET AND PLAY BACK RANDOMLY
  37. 37. OPEN sesame photo sharing devices with personal ID in a social meeting
  38. 38. FLOW BUM WATER INTERFACE TO TRIGGER PHOTO DISPLAY
  39. 39. photo triggering cabinet
  40. 40. SHY TREE SIMULATED MSN MESSAGES ATTACHED TO WOOD PIECES RESPECTIVELY
  41. 41. SECRETS CONCEPT TO LEAVE WRITTEN TEXTS ON A WALL, APPEAR ONLY WHEN BLOWING UPON IT
  42. 42. ThAnKs JAZZLIANG.WORDPRESS.COM TANGIBLEINTERACTION2011.BLOGSPOT.COM

×