ArticleslgStudy

computer science

Tangible user interface

Tangible user interface is a computer science topic covered in the lgStudy science library. This page brings together a partial reference excerpt, illustrations, worked examples, real-world applications and a short study plan, so you can understand Tangible user interface rather than just read about it. In short: 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.

Tangible user interface — main illustration
Tangible user interface — illustration

Key takeaways

  • Tangible user interface belongs to computer science; place it in that map before memorising details.
  • Learn the definition first, then one example that makes the definition concrete.
  • Connect Tangible user interface to a quantity you can measure, compute or draw — that is where exam questions come from.
  • Reproduce the core statement of Tangible user interface from memory before moving on to harder problems.

Reference excerpt

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. This was first conceived by Radia Perlman as a new programming language that would teach much younger children similar to Logo, but using special "keyboards" and input devices. Another pioneer in tangible user interfaces is Hiroshi Ishii, a professor at the MIT who heads the Tangible Media Group at the MIT Media Lab. 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.

Characteristics There are several frameworks describing the key characteristics of tangible user interfaces. Brygg Ullmer and Hiroshi Ishii describe six characteristics concerning representation and control:

Physical representations are computationally coupled to underlying digital information. Physical representations embody mechanisms for interactive control. Physical representations are perceptually coupled to actively mediated digital representations. Physical state of tangibles embodies key aspects of the digital state of a system Ullmer, Ishii, and Robert J. K. Jacob further developed a token+constraint framework, in which discrete physical objects (tokens) represent digital information and are manipulated within confining regions (constraints) that map to digital operations. Eva Hornecker and Jacob Buur describe a structured framework with four themes:

Tangible manipulation: material representations with distinct tactile qualities, which are typically physically manipulated. A typical example is haptic direct manipulation: can user grab, feel and move important elements in the interface? Spatial interaction: tangible interaction is embedded in real space; interaction occurs as movement in this space. An example is full body interaction: can the user make use of their whole body? Embodied facilitation: the configuration of material objects and space affects how multiple users interact jointly with the tangible user interface. Examples include multiple access points: can all users in the space see what is going on and interact with central elements of the interface? Expressive representation: expressiveness and legibility of material and digital representations employed by tangible interaction systems. An example is representational significance: do physical and digital representations have the same strength and salience? According to Mi Jeong Kim and Mary Lou Maher, the five basic defining properties of tangible user interfaces are as follows:

Space-multiplex both input and output. Concurrent access and manipulation of interface components. Strong specific devices. Spatially aware computational devices. Spatial re-configurability of devices.

Comparison with graphical user interfaces A tangible user interface must be differentiated from a graphical user interface (GUI). A GUI exists only in the digital world, whereas a TUI connects the digital with the physical world. For example, a screen displays the digital information, whereas a mouse allows us to directly interact with this digital information. A tangible user interface represents the input directly in the physical world, and makes the digital information directly graspable. A tangible user interface is usually built for one specific target group, because of the low range of possible application areas. Therefore, the design of the interface must be developed together with the target group to ensure a good user experience. In comparison with a TUI, a GUI has a wide range of usages in one interface. Because of that it targets a large group of possible users. One advantage of the TUI is the user experience, because it occurs a physical interaction between the user and the interface itself (E.g.: SandScape: Building your own landscape with sand). Another advantage is usability, because the user knows intuitively how to use the interface by knowing the function of the physical object. So, the user does not need to learn the functionality. That is why the Tangible User interface is often used to make technology more accessible for elderly people.

Examples 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:

… excerpt ends here. Continue reading the full article.

Illustrations

Tangible user interface: Reactable, an electronic musical instrument example of tangible user interface
Reactable, an electronic musical instrument example of tangible user interface
Tangible user interface: SandScape device installed in the Children's Creativity Museum in San Francisco
SandScape device installed in the Children's Creativity Museum in San Francisco

Worked examples

Example 1 — a first encounter with Tangible user interface

Start with the simplest possible case. Write down what Tangible user interface claims or describes in one sentence, then invent the smallest concrete situation in which that sentence is true. In computer science, the smallest case is usually a single object, a single equation or a single measurement. Check that every symbol or term in your sentence has a meaning in that case.

Example 2 — changing one variable

Take the situation from Example 1 and change exactly one quantity: double it, halve it, or set it to zero. Predict what should happen to Tangible user interface before you calculate. Comparing your prediction with the result is the fastest way to find out whether you understand the idea or only the words.

Example 3 — an exam-style question

Typical questions about Tangible user interface ask you to (a) state it precisely, (b) apply it to given data, and (c) explain a limitation. Practise writing all three answers in under five minutes; the third part is what separates a full-mark answer from an average one.

Applications of Tangible user interface

In research
Tangible user interface appears in computer science research whenever the underlying quantities have to be modelled precisely. Papers usually cite it as a starting assumption and then explore where it breaks down.
In technology and industry
Engineering practice reuses Tangible user interface in design rules, simulations and safety margins. Knowing the idea lets you read a specification sheet and understand why the numbers look the way they do.
In the classroom
Tangible user interface is common in secondary-school and first-year university syllabi. It links to neighbouring topics Surface computing, User interface techniques, User interfaces, so understanding it makes those chapters shorter.
In everyday life
Look for Tangible user interface outside the textbook — in sport, cooking, traffic, electronics or the sky above you. An example you found yourself is remembered far longer than one you were given.

Affiliate

Preply — study more efficiently by working with a personal tutor. 50% off.

How to study Tangible user interface in 20 minutes

  1. Read the reference excerpt below once, without taking notes.
  2. Close the page and write down what Tangible user interface means in your own words.
  3. Compare your version with the excerpt and mark what you missed.
  4. Work through the three examples above with pen and paper.
  5. Explain Tangible user interface out loud to somebody else — or to Teacher Smith in the lgStudy chat.

Frequently asked questions

What is Tangible user interface in simple terms?

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.

Why does Tangible user interface matter?

Because it connects several computer science ideas at once: it gives you a definition you can apply, a quantity you can calculate, and a way to check whether a result is plausible.

How should I study Tangible user interface?

Read the excerpt, restate it from memory, then work through the examples and applications listed on this page. The five-step study plan above takes about twenty minutes.

What does this page cover?

It gives you a compact reference excerpt plus original lgStudy explanations, examples, applications and study material on Tangible user interface.

Tags

  • Surface computing
  • User interface techniques
  • User interfaces

Keep exploring