Your SlideShare is downloading. ×
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Open hci2011
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Open hci2011

17,741

Published on

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

No Downloads
Views
Total Views
17,741
On Slideshare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
43
Comments
0
Likes
7
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Teaching TangibleInteractionRung-Huei Liang (jazzliang)Dept. of ICD, NTUST (Taiwan Tech) July 6, 2011
  • 2. How is design taught?
  • 3. JOHANNES ITTENDESIGN AND FORM: THE BASIC COURSE AT THE BAUHAUS AND LATER (1976)
  • 4. CONTRASTSDUALITIES TO EXPRESS:
  • 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. STUDY OF TEXTUREBAUHAUS
  • 7. TEXTURETEXTURE WORK BY DEBBIE U. CAHN
  • 8. PICASSOCOMPOSITION WITH FRUIT, GUITAR, AND GLASS (1912)
  • 9. COLLAGE AND MIXED MEDIAWILLIAM GRANT WOOD CONSTRUCTION 6, AND ALEX MALCOLMSON WOOD CONSTRUCTION
  • 10. Contrast (duality expression)TextureMaterialCollageComposition
  • 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 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. 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. 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 TID2. Specify contrasts in TID
  • 17. What is the commonlanguage of TID whenconducting a collaborativeproject ?
  • 18. INTERACTION DESIGN FRAMEWORKB. VERPLANK
  • 19. EXPRESSION FORM MATERIAL FUNCTIONRE-INTERPRET AS DESIGN LANGUAGE IN TID
  • 20. FUNCTION INTERACTIONEXPRESSION FORM DESIGN LANGUAGE MATERIAL Verplank’s 4 steps
  • 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. BUILDING PHYSICAL FORMS
  • 23. Enabling Function Connecting Digital/Analog
  • 24. Studying MaterialsDesigned by Kouji Iwasaki 20X9X9cm
  • 25. Thinking MetaphorBeer bottle as musical instrument musicbottles
  • 26. Designing ExpressionDancerail Alarm clock anticipates sleepers’ emotions
  • 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. MOVEMENT AND FORMSTUDY BASED ON CONTRASTS OF LMA
  • 29. MOVEMENT AND FORMSTUDY 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 TOUCHCOLOR 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 EGGCONFIGURABLE SAVING AND RECALLING WISHES WITH GESTURES
  • 34. SIMPLE WHILE ELEGANT MUSIC PLAYER WITH HIGH TANGIBILITY
  • 35. HI MEVERY 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. OPENsesamephoto sharing devices withpersonal ID in a socialmeeting
  • 38. FLOW BUMWATER INTERFACE TO TRIGGER PHOTO DISPLAY
  • 39. photo triggering cabinet
  • 40. SHY TREESIMULATED MSN MESSAGES ATTACHED TO WOOD PIECES RESPECTIVELY
  • 41. SECRETSCONCEPT TO LEAVE WRITTEN TEXTS ON A WALL, APPEAR ONLY WHEN BLOWING UPON IT
  • 42. ThAnKs JAZZLIANG.WORDPRESS.COM TANGIBLEINTERACTION2011.BLOGSPOT.COM

×