Open hci2011

Teaching TangibleInteractionRung-Huei Liang (jazzliang)Dept. of ICD, NTUST (Taiwan Tech) July 6, 2011

How is design taught?

JOHANNES ITTENDESIGN AND FORM: THE BASIC COURSE AT THE BAUHAUS AND LATER (1976)

CONTRASTSDUALITIES TO EXPRESS:

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,Difﬁcult 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.

STUDY OF TEXTUREBAUHAUS

TEXTURETEXTURE WORK BY DEBBIE U. CAHN

PICASSOCOMPOSITION WITH FRUIT, GUITAR, AND GLASS (1912)

COLLAGE AND MIXED MEDIAWILLIAM GRANT WOOD CONSTRUCTION 6, AND ALEX MALCOLMSON WOOD CONSTRUCTION

Contrast (duality expression)TextureMaterialCollageComposition

WHAT IS THE BASIC COURSE OF TANGIBLE INTERACTION DESIGN?

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

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?

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.”

In terms of TID “You have to deﬁne 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.”

1. Deﬁne every term in TID2. Specify contrasts in TID

What is the commonlanguage of TID whenconducting a collaborativeproject ?

INTERACTION DESIGN FRAMEWORKB. VERPLANK

EXPRESSION FORM MATERIAL FUNCTIONRE-INTERPRET AS DESIGN LANGUAGE IN TID

FUNCTION INTERACTIONEXPRESSION FORM DESIGN LANGUAGE MATERIAL Verplank’s 4 steps

FUNCTIONMETAPHOR TASK INTERACTIONEXPRESSION FORM DESIGN LANGUAGE MATERIAL IDEA MOVEMENT 4 STEPS ARE OF THE SAME IMPORTANCE INTERACTION DESIGN CAN BEGIN FROM ANY STEP

BUILDING PHYSICAL FORMS

Enabling Function Connecting Digital/Analog

Studying MaterialsDesigned by Kouji Iwasaki 20X9X9cm

Thinking MetaphorBeer bottle as musical instrument musicbottles

Designing ExpressionDancerail Alarm clock anticipates sleepers’ emotions

Finding Contrasts in TIDEffort in LabanMovement Analysis(LMA) 1. time: quick/sustained 2. weight: strong/light 3. ﬂow: free/bound 4. space: indirect/direct

MOVEMENT AND FORMSTUDY BASED ON CONTRASTS OF LMA

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

KEEP IN TOUCHCOLOR LEDS, TEMPERATURE TO REPRESENT AN INTERESTING SOCIAL INTERACTION

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

WISH EGGCONFIGURABLE SAVING AND RECALLING WISHES WITH GESTURES

SIMPLE WHILE ELEGANT MUSIC PLAYER WITH HIGH TANGIBILITY

HI MEVERY EVOKING TO HEAR SAVED VOICES AT THE CORRESPONDING HEIGHT OF OUR BODY

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

OPENsesamephoto sharing devices withpersonal ID in a socialmeeting

FLOW BUMWATER INTERFACE TO TRIGGER PHOTO DISPLAY

photo triggering cabinet

SHY TREESIMULATED MSN MESSAGES ATTACHED TO WOOD PIECES RESPECTIVELY

SECRETSCONCEPT TO LEAVE WRITTEN TEXTS ON A WALL, APPEAR ONLY WHEN BLOWING UPON IT

ThAnKs JAZZLIANG.WORDPRESS.COM TANGIBLEINTERACTION2011.BLOGSPOT.COM

http://jazzliang.wordpress.com	3079
http://tangibleinteraction2012.blogspot.com	79
url_unknown	11
http://webcache.googleusercontent.com	6
http://tangibleinteraction2012.blogspot.in	4
http://translate.googleusercontent.com	1

Open hci2011

by Rung-Huei Liang on Jul 05, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

6 Embeds 3,180

Statistics

Open hci2011 — Presentation Transcript