Tangible Interfaces

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

4. Tangible Interfaces

Main Source <ul><li>Kenneth P. Fishkin, A Taxonomy for and Analysis of Tangible Interfaces. Journal of Personal and Ubiqui...

Basics <ul><li>CHI 1997, Hiroshi Ishii & Brett Ullmer: “Tangible User Interfaces” (TUIs) = user interfaces that “augment ...

Definitions <ul><li>hap-tic </li></ul><ul><ul><li>1. relating to or based on the sense of touch </li></ul></ul><ul><ul><...

Example of a Tangible Interface 1 <ul><li>Hug over a distance </li></ul>Source: M ü ller et al., 2005

Already Commercialized: Hug Shirt! <ul><li>Shirts with sensors and actuators </li></ul><ul><li>Works by cell phones </li><...

Example of a Tangible Interface 2 <ul><li>I/O Brush: the world as the palette </li></ul>Source: Ryokai et al., 2004

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

Sample Art Work Source: Ryokai et al., 2005

Fishkin’s Framework <ul><li>Some input event occurs. This input event is typically a physical manipulation performed by ...

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

Typical Components Source: Ishii & Ullmer, 1997b

Great Dome: Input and Output <ul><li>Input: rotation and translation </li></ul><ul><li>Input object: indicative of a build...

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

Shakepad: Input and Output <ul><li>Input: shake </li></ul><ul><li>Input object: “non-everyday” object </li></ul><ul><li>Ou...

Example 5: ToonTown <ul><li>Shared audio system </li></ul><ul><li>Location on tray controls volume </li></ul>Source: Singe...

ToonTown: Input and Output <ul><li>Input: change of position </li></ul><ul><li>Input objects: two representative objects <...

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

Photo Cubes: Input and Output <ul><li>Input: spatial motion with orientation </li></ul><ul><li>Input objects: one everyday...

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

Sorting Out the Design Space <ul><li>Taxonomy: “orderly classification of plants and animals according to their presumed n...

Embodiment <ul><li>Reflects how closely output is tied to input </li></ul><ul><li>Does the user have the illusion of the s...

Full Embodiment <ul><li>The output device is the input device </li></ul><ul><li>Analogy: clay sculpting </li></ul><ul><l...

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

Platybus Amoeba <ul><li>As users approach the Platypus Amoeba they see a strange glowing creature. A translucent white blo...

Nearby Embodiment <ul><li>The output takes place near the input object </li></ul><ul><li>First examples in HCI: light pe...

Environmental Embodiment <ul><li>The output is around the user, often in audio </li></ul><ul><li>“ Non-graspable” interf...

Distant Embodiment <ul><li>The output is “over there” </li></ul><ul><ul><li>On another screen </li></ul></ul><ul><ul><li>...

Applications May Span Several Levels <ul><li>Platypus Amoeba </li></ul><ul><ul><li>Makes sounds  Environmental </li></u...

Metaphor <ul><li>“ figure of speech in which a word or phrase literally denoting one kind of object or idea is used in pla...

No Metaphor <ul><li>Analogy: command-line interface </li></ul><ul><li>Examples: </li></ul>The BitBall Programmable Beads S...

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

Noun Metaphor <ul><li>Object looks like the real thing </li></ul><ul><li>Actions are at most weakly related to real-world ...

Tagged Objects Source: Want et al., 1999

Verb Metaphor <ul><li>Object acts like the real thing </li></ul><ul><li>Shape of object irrelevant </li></ul><ul><li>Examp...

Noun and Verb Metaphor <ul><li>Object looks and acts like the real thing – but they are still different </li></ul><ul><li>...

“Full” Metaphor <ul><li>“Really Direct Manipulation” </li></ul><ul><li>Example: Illuminating Clay </li></ul>Source: http:/...

Applications May Span Several Levels <ul><li>Example: Barney </li></ul><ul><ul><li>Peek-A-Boo: full metaphor </li></ul></u...

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

Share Slideshare

LinkedIn
Facebook
Twitter

Embed

Size (px)

Show related Slideshows at end

WordPress Shortcode

Link

Share
Email

Tangible Interaction & Augmented Re... by elliando dias 697 views
ChemicAble - A tangible User Interf... by minal_jain_08 1582 views
Tangible User Interface: Research i... by Indiana University 2201 views
Tangible, Embedded and Embodied Int... by Beat Signer 1215 views
Tangible User Experience by IIBA UK Chapter 1007 views

View on Slideshare

1 of 39 Ad

View on Slideshare

1 of 39 Ad