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

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Tangible Interfaces

Similar to Tangible Interfaces (20)

More from elliando dias

More from elliando dias (20)

Recently uploaded

Recently uploaded (20)

Tangible Interfaces