Parallels in Tangible Interface & Web 2.0

Sharad Singh Solanki

Topics

• Tangible Interface• Parallels in Web 2.0 & Tangible Interfaces

Tangible Interface

Tangible Interface

Definition: the use of physical artifacts as representations and controls for digital information (Brygg Ullmer & Hiroshi Ishii,MIT) Tangible interfaces use objects instead of traditional input and output means (keyboard, mouse and screen) to work with computers.

Tangible Interface-Examples

I/O Brush is a drawing tool to explore colors, textures, and movements found in everyday materials by "picking up" and drawing with them.

Source: Tangible Media Group MIT (http://tangible.media.mit.edu)

I/O Brush -Kimiko Ryokai and Professor Hiroshi Ishii

Tangible Interface-Examples

“Programmable Beads" - communicate with neighboring beads along a string. Put these beads together in different ways and you get different dynamic patterns of light.

Source: Tangible Media Group MIT (http://llk.media.mit.edu/projects/summaries/beads.shtml)Video Source: http://lcs.www.media.mit.edu/groups/el/projects/beads/beads-dark-cut.MPG

Programmable Beads -Rick Borovoy and Kwin Kramer

Tangible Interface-Examples

The DataTiles system integrates the benefits of two major interaction paradigms: graphical and physical user interfaces.

Source:Sony CSL(http://www.csl.sony.co.jp/)

Video Source: http://www.csl.sony.co.jp/person/rekimoto/movies/tile2.mpg

DataTiles -Jun Rekimoto, Brygg Ullmer, and Haro Oba

Tangible Interface-Examples

This project highlights new means for querying relational databases and live datastreams through the manipulation of physical objects.

Source: MIT Research Lab (http://tangible.media.mit.edu)

Tangible Query Interface -Brygg Ullmer, Zachary Malchano, and Professor Hiroshi Ishii

Video source: http://tmg-video.media.mit.edu/tqi/tqi_352x240.mpg

Tangible Interface

There are 4 characteristics concerning representation and control:

1. Physical representations are computationally coupled to underlying digital  information.

2. Physical representations embody mechanisms for interactive control.

3. Physical representations are perceptually coupled to actively mediated digital representations

4. Physical state of tangibles embodies key aspects of the digital state of a system

And: 1. Tangible interfaces rely on a balance between physical

and digital representations. 2. The elements of TUIs are spatially re-configurable (in

contrast to tangible digital appliances)

TUI Toolkit

• Phidgets™, or physical widgets, are software building blocks that help a developer construct physical user interfaces. Applications can be developed in Visual Basic, VBA (Microsoft Access and Excel), LabView, Java, Delphi, C and C++ (http://www.phidgets.com/index.html)

• Papier-Mâché- Applications can be developed in JavaTM

(http://guir.berkeley.edu/projects/papier-mache/)

Tangible Interface

Phidgets TM Toolset Video

Source:Phidget.com & University of Caligary

Video source: http://www.cpsc.ucalgary.ca/grouplab/papers/videos/Phidgets.UIST01.wmv

Parallels in Web 2.0 & Tangible Interfaces

Web 2.0 & TUI

• Goal• Interaction Environment• Interactions• Technology

Web 2.0 & TUI-Goal

• Focused on Efficient User Interactions leading to Rich User Experience with the applications

• Easy & Fast Learnability

Web 2.0 & TUI- Interaction Environment

Center and Periphery of User's Attention within

Physical Space(Ishii and Ullmer, Tangible Bits)

Browser as a space for web 2.0

Web 2.0 & TUI-Interactions

• Widgets– Drag & Drop interfaces– Point & Click– Metaphors driven interactions– Gesture & Intention based Interactions

• Multi user interactions & Sociability– Real time Collaboration-eg.MeeboTM

– Social Networking/Group Participation- eg. Del.icio.us

Web 2.0 & TUI-Interactions

metaDESK-In the metaDESK design, Ishii & Ullmer have tried to push back from GUIs into the real world, physically embodying many of the metaphorical devices (windows, icons, handles) they have popularized.

Web 2.0 & TUI-Technology

• Event driven Programming• Usage of pointing devices compared to Keyboard

entry• More client side programming• Tagging• Asynchronous application model• Common Technology Platform

Web 2.0 & TUI-Road Ahead

• Web 2.0 support in handheld devices eg. mobile version of Konfabulator, Opera Mini™

• Online gaming service providers• Online shopping service providers• And so on…. Happy thinking

Questions??

Thank you