240 likes | 416 Views
Modeling and Specifying Tangible User Interfaces. Tangible User Interfaces - Design Space. Tangible Video Editor [Zigelbaum et al. 2005]. Designers’ Outpost [Klemmer et al.2001]. ComTouch [Jacob et al. 2001]. URP [Underkoffler and Ishii. 1999]. Senseboard [Jacob et al. 2001].
E N D
Modeling and Specifying Tangible User Interfaces Comp150 TUI Spring 2007
Tangible User Interfaces - Design Space Tangible Video Editor [Zigelbaum et al. 2005] Designers’ Outpost [Klemmer et al.2001] ComTouch [Jacob et al. 2001] URP[Underkoffler and Ishii. 1999] Senseboard [Jacob et al. 2001] PeoplePretzelShaer et al. 2004] Media Blocks [Ullmer et al. 2003] Navigation Blocks [Camarata et al. 2002] Quetzal [Horn et al. 2006] Tangible Query Interfaces [Ullmer et al. 2003] Comp150 TUI Spring 2007
Communication Why to Model? • Highlight system properties: observability, predicatability, access points, etc. • Expose design issues: what is physical what is digital, physical syntax, expected and unexpected interactions. • Explore and compare alternative designs. • Communicate design within multidisciplinary teams • Design documentation • Guide implementation • Identify boundary cases Analysis Implementation Comp150 TUI Spring 2007
TUIML: Tangible User Interface modeling Language 1 2 3 TAC Palette Dialogue Interaction structure behavior TAC Palette Dialogue diagram Interaction diagram Comp150 TUI Spring 2007
Describing the Structure of a TUI using TUIML • Tokens: Physical objects that represent digital information. Users interact with tokens to access and manipulate digital information. • Constraints: Physical objects that provide context to tokens manipulation by constraining the ways in which tokens can be manipulated. A constraint constrain the manipulation of a token by: • Suggesting how to manipulate a token • Physically constraining • Providing a frame of reference • TAC: A relationship between a token and a set of constraints. TACs encapsulate a set of manipulation actions that can be performed upon a token in respect to a set of constraints. Comp150 TUI Spring 2007
TUIML Representation of Tokens and Constraints Tokens Constraints Attributes: ShapeColorSizeTexture Comp150 TUI Spring 2007
Combining Tokens and Constraints into TACs m Building model QueryParameter Wind tool Message Play indentation Comp150 TUI Spring 2007
URP[Underkoffler and Ishii 1999] • A TUI for urban planning. • Combines physical building models with physical interactive tools to help urban planners perform analysis of shadows, proximities, reflection, wind and visual space. • Physical interaction objects include: • Building models • A wind tool • A material wand • A clock dial • A distance measuring tool Comp150 TUI Spring 2007
m The TAC Palette Comp150 TUI Spring 2007
The TAC Palette m m Comp150 TUI Spring 2007
Describing Behaviors Using TUIML 1 2 3 TAC Palette Dialogue Interaction structure behavior TAC Palette Dialogue diagram Interaction diagram Comp150 TUI Spring 2007
Interaction Model for TUIs Comp150 TUI Spring 2007
addBuilding /shadow(F) move orien. move orien. addBuilding /shadow(T) addBuilding /shadow(T) wind mater. wind mater. removeBuilding /shadow(F) removeBuilding numOfBuilding=2 /shadow(F) time dist. time removeBuilding numOfBuilding>2 /shadow(F) Dialogue diagram - URP Comp150 TUI Spring 2007
Task Diagram - URP Wind Simulation Comp150 TUI Spring 2007
Analyzing URP • Observability and predictability: • Does the physical state of the system indicate to the user the internal state of the system? • Does the physical state of the system contain enough information to enable the user to determine what tasks are available for him to perform? • Assuming multiple users interact with the system at the same time. Does the physical state of the system indicate to users what tasks they can or cannot perform in parallel? • Modes • Certain actions are meaningful only in certain contexts. Bring an example of a user action that is meaningless in one context and has a meaning in another. • Physical Syntax • Does the physical state of the system indicate to users which actions are legal¥illegal? Does the physical state of the system indicate to users how actions can be combined into sequences in order to perform a task? Comp150 TUI Spring 2007
The Marble Answering Machine (MAM)(Durrel Bishoph 1992) Comp150 TUI Spring 2007
MAM - TAC Palette Comp150 TUI Spring 2007
MAM - Dialogue diagram Comp150 TUI Spring 2007
MAM - Task diagrams Call back Play Comp150 TUI Spring 2007
Tangible Query InterfacesUllmer, Ishii, Jacob 2003 • Using physically constrained tokens to express, manipulate and visualize parameterized database queries. Comp150 TUI Spring 2007
Tangible Queries - TAC Palette Comp150 TUI Spring 2007
Tangible Queries - Dialogue Diagram Comp150 TUI Spring 2007
Tangible Queries - Task Diagrams Adjust upper bound Slide bar Comp150 TUI Spring 2007
Summary TUIML 1 2 3 TAC Palette Dialogue Interaction structure behavior TAC Palette Dialogue diagram Interaction diagram Comp150 TUI Spring 2007