Tangible Interfaces

Basics ,[object Object],[object Object],[object Object]

Definitions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Source: Merriam-Webster

Example of a Tangible Interface 1 ,[object Object],Source: M ü ller et al., 2005

Already Commercialized: Hug Shirt! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Source: http://www.cutecircuit.com/now/projects/wearables/fr-hugs/

Example of a Tangible Interface 2 ,[object Object],Source: Ryokai et al., 2004

Development of the I/O Brush Source: Ryokai et al., 2005 Robust design Pressure sensing Orientation sensing Smudging support Paint history Paint palette

Sample Art Work Source: Ryokai et al., 2005

Fishkin’s Framework ,[object Object],[object Object],[object Object]

Example 3: metaDESK Source: Ishii & Ullmer, 1997b “ The Great Dome”

Typical Components Source: Ishii & Ullmer, 1997b

Great Dome: Input and Output ,[object Object],[object Object],[object Object],[object Object]

Example 4: Shakepad Source: Levin & Yarin, 1999 Inspiration: Many keychain devices, all with lots of buttons Shaking erases screen

Shakepad: Input and Output ,[object Object],[object Object],[object Object],[object Object]

Example 5: ToonTown ,[object Object],[object Object],Source: Singer et al., 1999

ToonTown: Input and Output ,[object Object],[object Object],[object Object]

Example 6: Photo Cubes Source: Want et al., 1999

Photo Cubes: Input and Output ,[object Object],[object Object],[object Object],[object Object]

What About These? Wellner, 1993: Digital Desktop Ishii, 1995: Tangible Bricks

Sorting Out the Design Space ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Embodiment ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Full Embodiment ,[object Object],[object Object],[object Object],Rekimoto, 1996: Tilting interface

Gummi Source: Schwesig et al., 2004 Commercial version by Sony: http:// www.sony.net / Fun / SonyDesign /2003/ Gummi /

Platybus Amoeba ,[object Object],Source: Churi & Lin, 2003

Nearby Embodiment ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Environmental Embodiment ,[object Object],[object Object],[object Object],[object Object]

Distant Embodiment ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Source: Hinckley, 1994

Applications May Span Several Levels ,[object Object],[object Object],[object Object],[object Object],[object Object]

Metaphor ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

No Metaphor ,[object Object],[object Object],The BitBall Programmable Beads Source: http://web.media.mit.edu/~mres/papers/chi-98/digital-manip.html

eTextiles Source: http://www.cs.colorado.edu/~buechley/projects/LED_clothing/tank.html

Noun Metaphor ,[object Object],[object Object],[object Object],[object Object],[object Object],Source for Blocks: http://dmg.caup.washington.edu/xmlSiteEngine/browsers/static/project3.html

Tagged Objects Source: Want et al., 1999

Verb Metaphor ,[object Object],[object Object],[object Object],[object Object]

Noun and Verb Metaphor ,[object Object],[object Object],[object Object],[object Object],[object Object],Source for Urps: http://tangible.media.mit.edu/projects/urbansim/

“Full” Metaphor ,[object Object],[object Object],Source: http://tangible.media.mit.edu/projects/IlluminatingClay/IlluminatingClay.htm

Applications May Span Several Levels ,[object Object],[object Object],[object Object]

Let’s Try It! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Names: None Verb Noun and verb Full Full Noun Metaphor Nearby Environment Distant Embodiment

Tangible Interfaces

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Ähnlich wie Tangible Interfaces

Ähnlich wie Tangible Interfaces (20)

Mehr von elliando dias

Mehr von elliando dias (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Tangible Interfaces