1 / 24

Modeling and Specifying Tangible User Interfaces

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

cady
Télécharger la présentation

Modeling and Specifying Tangible User Interfaces

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Modeling and Specifying Tangible User Interfaces Comp150 TUI Spring 2007

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

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

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

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

  6. TUIML Representation of Tokens and Constraints Tokens Constraints Attributes: ShapeColorSizeTexture Comp150 TUI Spring 2007

  7. Combining Tokens and Constraints into TACs m Building model QueryParameter Wind tool Message Play indentation Comp150 TUI Spring 2007

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

  9. m The TAC Palette Comp150 TUI Spring 2007

  10. The TAC Palette m m Comp150 TUI Spring 2007

  11. Describing Behaviors Using TUIML 1 2 3 TAC Palette Dialogue Interaction structure behavior TAC Palette Dialogue diagram Interaction diagram Comp150 TUI Spring 2007

  12. Interaction Model for TUIs Comp150 TUI Spring 2007

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

  14. Task Diagram - URP Wind Simulation Comp150 TUI Spring 2007

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

  16. The Marble Answering Machine (MAM)(Durrel Bishoph 1992) Comp150 TUI Spring 2007

  17. MAM - TAC Palette Comp150 TUI Spring 2007

  18. MAM - Dialogue diagram Comp150 TUI Spring 2007

  19. MAM - Task diagrams Call back Play Comp150 TUI Spring 2007

  20. Tangible Query InterfacesUllmer, Ishii, Jacob 2003 • Using physically constrained tokens to express, manipulate and visualize parameterized database queries. Comp150 TUI Spring 2007

  21. Tangible Queries - TAC Palette Comp150 TUI Spring 2007

  22. Tangible Queries - Dialogue Diagram Comp150 TUI Spring 2007

  23. Tangible Queries - Task Diagrams Adjust upper bound Slide bar Comp150 TUI Spring 2007

  24. Summary TUIML 1 2 3 TAC Palette Dialogue Interaction structure behavior TAC Palette Dialogue diagram Interaction diagram Comp150 TUI Spring 2007

More Related