Open hci2011

23,797 views
24,555 views

Published on

0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
23,797
On SlideShare
0
From Embeds
0
Number of Embeds
21
Actions
Shares
0
Downloads
45
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide

Open hci2011

  1. 1. Teaching TangibleInteractionRung-Huei Liang (jazzliang)Dept. of ICD, NTUST (Taiwan Tech) July 6, 2011
  2. 2. How is design taught?
  3. 3. JOHANNES ITTENDESIGN AND FORM: THE BASIC COURSE AT THE BAUHAUS AND LATER (1976)
  4. 4. CONTRASTSDUALITIES TO EXPRESS:
  5. 5.              Tao Te Ching Chapter 2When beauty is abstractedThen ugliness has been implied;When good is abstractedThen 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 TEXTUREBAUHAUS
  7. 7. TEXTURETEXTURE WORK BY DEBBIE U. CAHN
  8. 8. PICASSOCOMPOSITION WITH FRUIT, GUITAR, AND GLASS (1912)
  9. 9. COLLAGE AND MIXED MEDIAWILLIAM GRANT WOOD CONSTRUCTION 6, AND ALEX MALCOLMSON WOOD CONSTRUCTION
  10. 10. Contrast (duality expression)TextureMaterialCollageComposition
  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 InteractionDesign (TID)?What are contrasts of TID?What texture does TID manifest?What is the beauty of material inTID?How is the collage of such materialin TID aesthetically pleasing?How to evaluate a composite ofTID?
  14. 14. Define all your terms“Paul Rand: You have todefine all your terms. You haveto define what design is. Doyou know what design is?What is design? People have tounderstand what the hell theyare doing. In art school peopleassume everybody understandseverything. 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 TID2. Specify contrasts in TID
  17. 17. What is the commonlanguage of TID whenconducting a collaborativeproject ?
  18. 18. INTERACTION DESIGN FRAMEWORKB. VERPLANK
  19. 19. EXPRESSION FORM MATERIAL FUNCTIONRE-INTERPRET AS DESIGN LANGUAGE IN TID
  20. 20. FUNCTION INTERACTIONEXPRESSION FORM DESIGN LANGUAGE MATERIAL Verplank’s 4 steps
  21. 21. FUNCTIONMETAPHOR TASK INTERACTIONEXPRESSION 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 MaterialsDesigned by Kouji Iwasaki 20X9X9cm
  25. 25. Thinking MetaphorBeer bottle as musical instrument musicbottles
  26. 26. Designing ExpressionDancerail Alarm clock anticipates sleepers’ emotions
  27. 27. Finding Contrasts in TIDEffort in LabanMovement Analysis(LMA) 1. time: quick/sustained 2. weight: strong/light 3. flow: free/bound 4. space: indirect/direct
  28. 28. MOVEMENT AND FORMSTUDY BASED ON CONTRASTS OF LMA
  29. 29. MOVEMENT AND FORMSTUDY 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 TOUCHCOLOR 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 EGGCONFIGURABLE SAVING AND RECALLING WISHES WITH GESTURES
  34. 34. SIMPLE WHILE ELEGANT MUSIC PLAYER WITH HIGH TANGIBILITY
  35. 35. HI MEVERY 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. OPENsesamephoto sharing devices withpersonal ID in a socialmeeting
  38. 38. FLOW BUMWATER INTERFACE TO TRIGGER PHOTO DISPLAY
  39. 39. photo triggering cabinet
  40. 40. SHY TREESIMULATED MSN MESSAGES ATTACHED TO WOOD PIECES RESPECTIVELY
  41. 41. SECRETSCONCEPT TO LEAVE WRITTEN TEXTS ON A WALL, APPEAR ONLY WHEN BLOWING UPON IT
  42. 42. ThAnKs JAZZLIANG.WORDPRESS.COM TANGIBLEINTERACTION2011.BLOGSPOT.COM

×