Tangible user interface

From Wikipedia, the free encyclopedia
  (Redirected from TUIO)
Jump to: navigation, search
Reactable, an electronic musical instrument example of tangible user interface.
SandScape device installed in the Children's Creativity Museum in San Francisco

A tangible user interface (TUI) is a user interface in which a person interacts with digital information through the physical environment. The initial name was Graspable User Interface, which is no longer used. The purpose of TUI development is to empower collaboration, learning, and design by giving physical forms to digital information, thus taking advantage of the human ability to grasp and manipulate physical objects and materials.[1]

One of the pioneers in tangible user interfaces is Hiroshi Ishii, a professor in the MIT Media Laboratory who heads the Tangible Media Group. His particular vision for tangible UIs, called Tangible Bits, is to give physical form to digital information, making bits directly manipulable and perceptible. Tangible bits pursues the seamless coupling between physical objects and virtual data.


  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

According to Mi Jeong Kim and Mary Lou Maher, the five basic defining properties of tangible user interfaces are as follows:[2]

  1. space-multiplex both input and output;
  2. concurrent access and manipulation of interface components;
  3. strong specific devices;
  4. spatially aware computational devices;
  5. spatial re-configurability of devices.


A simple example of tangible UI is the computer mouse: Dragging the mouse over a flat surface moves a pointer on the screen accordingly. There is a very clear relationship about the behaviors shown by a system with the movements of a mouse. Other examples include:

  • Marble Answering Machine by Durrell Bishop (1992).[3] A marble represents a single message left on the answering machine. Dropping a marble into a dish plays back the associated message or calls back the caller.
  • The Topobo system. The blocks in Topobo are like LEGO blocks which can be snapped together, but can also move by themselves using motorized components. A person can push, pull, and twist these blocks, and the blocks can memorize these movements and replay them.[4]
  • Implementations which allow the user to sketch a picture on the system's table top with a real tangible pen. Using hand gestures, the user can clone the image and stretch it in the X and Y axes just as one would in a paint program. This system would integrate a video camera with a gesture recognition system.
  • jive. The implementation of a TUI helped make this product more accessible to elderly users of the product. The 'friend' passes can also be used to activate different interactions with the product.[5]
  • a projection augmented model.

Several approaches have been made to establish a generic middleware for TUIs. They target toward the independence of application domains as well as flexibility in terms of the deployed sensor technology. For example, Siftables provides an application platform in which small gesture sensitive displays act together to form a human-computer interface.

For collaboration support ,TUIs have to allow the spatial distribution, asynchronous activities, and the dynamic modification of the TUI infrastructure, to name the most prominent ones. This approach presents a framework based on the LINDA tuple space concept to meet these requirements. The implemented TUIpist framework deploys arbitrary sensor technology for any type of application and actuators in distributed environments.[6]

State of the art[edit]

Interest in tangible user interfaces (TUIs) has grown constantly since the 1990s, and with every year, more tangible systems are showing up. A 2017 white paper outlines the evolution of TUIs for touch table experiences and raises new possibilities for experimentation and development.[7]

In 1999, Gary Zalewski patented a system of moveable children's blocks containing sensors and displays for teaching spelling and sentence composition.[8]

Tangible Engine is a proprietary authoring application used to build object-recognition interfaces for projected-capacitive touch tables. The Tangible Engine Media Creator allows users with little or no coding experience to quickly create TUI-based experiences.

The MIT Tangible Media Group, headed by Hiroshi Ishi is continuously developing and experimenting with TUIs including many tabletop applications.[9]

The Urp[10] and the more advanced Augmented Urban Planning Workbench[11] allows digital simulations of air flow, shadows, reflections, and other data based on the positions and orientations of physical models of buildings, on the table surface.

Newer developments go even one step further and incorporate the third dimension by allowing a user to form landscapes with clay (Illuminating Clay[12]) or sand (Sand Scape[13]). Again different simulations allow the analysis of shadows, height maps, slopes and other characteristics of the interactively formable landmasses.

InfrActables is a back projection collaborative table that allows interaction by using TUIs that incorporate state recognition. Adding different buttons to the TUIs enables additional functions associated to the TUIs. Newer versions of the technology can even be integrated into LC-displays[14] by using infrared sensors behind the LC matrix.

The Tangible Disaster[15] allows the user to analyze disaster measures and simulate different kinds of disasters (fire, flood, tsunami,.) and evacuation scenarios during collaborative planning sessions. Physical objects allow positioning disasters by placing them on the interactive map and additionally tuning parameters (i.e. scale) using dials attached to them.

Apparently, the commercial potential of TUIs has been identified recently. The repeatedly awarded Reactable,[16] an interactive tangible tabletop instrument, is now distributed commercially by Reactable Systems, a spinoff company of the Pompeu Fabra University, where it was developed. With the Reactable users can set up their own instrument interactively, by physically placing different objects (representing oscillators, filters, modulators...) and parametrise them by rotating and using touch-input.

Microsoft is distributing its novel Windows-based platform Microsoft Surface[17] (now Microsoft PixelSense) since 2009. Beside multi-touch tracking of fingers, the platform supports the recognition of physical objects by their footprints. Several applications, mainly for the use in commercial space, have been presented. Examples range from designing an own individual graphical layout for a snowboard or skateboard to studying the details of a wine in a restaurant by placing it on the table and navigating through menus via touch input. Interactions such as the collaborative browsing of photographs from a handycam or cell phone that connects seamlessly once placed on the table are also supported.

Another notable interactive installation is instant city[18] that combines gaming, music, architecture and collaborative aspects. It allows the user to build three-dimensional structures and set up a city with rectangular building blocks, which simultaneously results in the interactive assembly of musical fragments of different composers.

The development of the Reactable and the subsequent release of its tracking technology reacTIVision[19] under the GNU/GPL as well as the open specifications of the TUIO protocol have triggered an enormous amount of developments based on this technology.

In the last few years, many amateur and semi-professional projects outside of academia and commerce have been started. Due to open source tracking technologies (reacTIVision[19]) and the ever-increasing computational power available to end-consumers, the required infrastructure is now accessible to almost everyone. A standard PC, webcam, and some handicraft work allows individuals to set up tangible systems with a minimal programming and material effort. This opens doors to novel ways of perceiving human-computer interaction and allows for new forms of creativity for the public to experiment with.

It is difficult to keep track and overlook the rapidly growing number of all these systems and tools, but while many of them seem only to utilize the available technologies and are limited to initial experiments and tests with some basic ideas or just reproduce existing systems, a few of them open out into novel interfaces and interactions and are deployed in public space or embedded in art installations.[20]

The Tangible Factory Planning[21] is a tangible table based on reacTIVision[22] that allows to collaboratively plan and visualize production processes in combination with plans of new factory buildings and was developed within a diploma thesis.

Another example of the many reacTIVision-based tabletops is ImpulsBauhaus-Interactive Table[23] and was on exhibition at the Bauhaus-University in Weimar marking the 90th anniversary of the establishment of Bauhaus. Visitors could browse and explore the biographies, complex relations and social networks between members of the movement.

Using principles derived from embodied cognition, cognitive load theory, and embodied design TUIs have been shown to increase learning performance by offering multimodal feedback.[24] However, these benefits for learning require forms of interaction design that leave as much cognitive capacity as possible for learning.

See also[edit]


  1. ^ Ishii, Hiroshi (28 October 2017). "Tangible Bits: Beyond Pixels". ACM. pp. xv–xxv. doi:10.1145/1347390.1347392 – via ACM Digital Library. 
  2. ^ "Download Limit Exceeded". citeseerx.ist.psu.edu. 
  3. ^ "Internet-of-Things answering machine from 1992, with marbles / Boing Boing". boingboing.net. 
  4. ^ "Topobo construction kit with kinetic memory". www.topobo.com. 
  5. ^ "jive - social networking for your gran". jive.benarent.co.uk. 
  6. ^ http://www.cs.rit.edu/~pns6910/docs/Tuple%20Space/A%20Tuple-Space%20Based%20Middleware%20for%20Collaborative%20Tangible%20User%20Interfaces.pdf
  7. ^ "The Evolution of Tangible User Interfaces on Touch Tables | Ideum". Ideum - exhibit design | touch tables | interactive exhibits. Retrieved 2017-10-31. 
  8. ^ "Wireless I/O apparatus and method of computer-assisted instruction". 
  9. ^ "Tangible Media". www.media.mit.edu. MIT Media Lab. Retrieved 10 December 2014. 
  10. ^ Urp: a luminous-tangible workbench for urban planning and design John Underkoffler, Hiroshi Ishii May 1999 CHI '99: Proceedings of the SIGCHI conference on Human factors in computing systems
  11. ^ Augmented Urban Planning Workbench: Overlaying Drawings, Physical Models and Digital Simulation Hiroshi Ishii, Eran Ben-Joseph, John Underkoffler, Luke Yeung, Dan Chak, Zahra Kanji, Ben Piper September 2002 ISMAR '02: Proceedings of the 1st International Symposium on Mixed and Augmented Reality
  12. ^ Piper, Ben; Ratti, Carlo; Ishii, Hiroshi (28 October 2017). "Illuminating Clay: A 3-D Tangible Interface for Landscape Analysis". ACM. pp. 355–362. doi:10.1145/503376.503439 – via ACM Digital Library. 
  13. ^ Ishii, Hiroshi (1 June 2008). "The Tangible User Interface and Its Evolution". Commun. ACM. 51 (6): 32–36. doi:10.1145/1349026.1349034 – via ACM Digital Library. 
  14. ^ MightyTrace: Multiuser Tracking Technology on LC-displays, R. Hofer, A. Kunz, P. Kaplan, Proceedings of the twenty-sixth annual SIGCHI conference on Human factors in computing systems, 2008, Florence, Italy.
  15. ^ Tangible user interface for supporting disaster education Kazue Kobayashi, Tatsuhito Kakizaki, Atsunobu Narita, Mitsunori Hirano, Ichiro Kase August 2007 SIGGRAPH '07: SIGGRAPH 2007 posters
  16. ^ The reacTable: exploring the synergy between live music performance and tabletop tangible interfaces Sergi Jordà, Günter Geiger, Marcos Alonso, Martin Kaltenbrunner February 2007 TEI '07: Proceedings of the 1st international conference on Tangible and embedded interaction
  17. ^ Demo I Microsoft Surface and the Single View Platform Josh Wall May 2009 CTS '09: Proceedings of the 2009 International Symposium on Collaborative Technologies and Systems
  18. ^ instant city: a music building game table Sibylle Hauert, Daniel Reichmuth, Volker Böhm June 2007 NIME '07: Proceedings of the 7th international conference on New interfaces for musical expression
  19. ^ a b reacTIVision: a computer-vision framework for table-based tangible interaction Martin Kaltenbrunner, Ross Bencina February 2007 TEI '07: Proceedings of the 1st international conference on Tangible and embedded interaction
  20. ^ "Sourceforge TUIO User Exhibition". 
  21. ^ Tangible Factory Planning, Diploma Thesis, Daniel Guse, http://www.danielguse.de/tangibletable.php
  22. ^ Martin Kaltenbrunner and Ross Bencina. 2007. "reacTIVision: a computer-vision framework for table-based tangible interaction"]. In Proceedings of the 1st international conference on Tangible and embedded interaction (TEI '07). ACM, New York, NY, USA, 69-74. doi:10.1145/1226969.1226983
  23. ^ "Interactive Table with reacTIVision : ImpulsBauhaus". 
  24. ^ Skulmowski, Alexander; Pradel, Simon; Kühnert, Tom; Brunnett, Guido; Rey, Günter Daniel. "Embodied learning using a tangible user interface: The effects of haptic perception and selective pointing on a spatial learning task". Computers & Education. 92–93: 64–75. doi:10.1016/j.compedu.2015.10.011. 

External links[edit]