1 / 22

Modeling Tangible User Interfaces

Modeling Tangible User Interfaces. The Design Space of TUIs. Designers’ Outpost [Klemmer et al.2001]. ComTouch [Jacob et al. 2001]. Senseboard [Jacob et al. 2001]. Media Blocks [Ullmer et al. 2003]. Navigation Blocks [Camarata et al. 2002].

quinn-vega
Download Presentation

Modeling 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 Tangible User Interfaces Comp150 TUI Spring 2006

  2. The Design Space of TUIs Designers’ Outpost [Klemmer et al.2001] ComTouch [Jacob et al. 2001] Senseboard [Jacob et al. 2001] Media Blocks [Ullmer et al. 2003] Navigation Blocks [Camarata et al. 2002] Tangible Query Interfaces [Ullmer et al. 2003] Comp150 TUI Spring 2006

  3. Communication Why to Model? • Highlight system properties: observability, predicatability, modes etc. • Expose design issues • Compare alternative designs. • Communicate design to SW engineers • Communicate design to ‘customers’ • Design documentation • Generate code from technology independent spec. • Integrate novel technologies Analysis Implementation Comp150 TUI Spring 2006

  4. A Framework for modeling TUIsToken and Constraints (TAC) Paradigm • Tokens: Physical objects that represent digital information • Constraints: Physical objects that constraint the manipulation of tokens 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 which encapsulates a set of manipulation actions Comp150 TUI Spring 2006

  5. 1 2 3 association dialogue interaction Describing a TUI using TUIVIS TAC Palette Dialogue diagram Task diagram Comp150 TUI Spring 2006

  6. Graphical Representation of Tokens and Constraints Tokens Constraints Comp150 TUI Spring 2006

  7. Combining Tokens and Constraints into TACs Comp150 TUI Spring 2006

  8. The TAC Palette Comp150 TUI Spring 2006

  9. The TAC Palette Comp150 TUI Spring 2006

  10. move orien.t time wind mater.ial dist. Describing the Tangible Dialogue • High level states • Transitions Comp150 TUI Spring 2006

  11. Constructing the Dialogue Diagram • What is the initial state of the system? • What tasks are users willing to accomplish while interacting with the URP interface? • Start from the start state and repeat until you can’t find new states: • What event change the set of tasks users can perform in this state? • Create a new state, describe the new set of tasks. Comp150 TUI Spring 2006

  12. 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 Comp150 TUI Spring 2006

  13. Task DiagramURP - distance measuring Comp150 TUI Spring 2006

  14. Constructing a Task Diagram • What is the physical state of the system prior to the first action aimed at accomplishing this task? • What are the actions users perform toward accomplishing this task? • What physical interaction objects are needed for each action? • What is the physical state of the system after an action was performed? • What is the internal state of the system after an action was performed? • When does the system physical state goes back to its state prior to the execution of the first action? Comp150 TUI Spring 2006

  15. Task DiagramURP - distance measuring Comp150 TUI Spring 2006

  16. 1 2 3 association dialogue interaction Summary TAC Palette Dialogue diagram Task diagram Comp150 TUI Spring 2006

  17. Project 1, Part 2Analyzing TUIs • What to submit: • A TAC Palette • A dialogue diagram • At least two task diagrams • Discussion of the following topics: • Observability and predictability: • Does the physical state of the system indicate to the user the internal state of the system? Is there information in the internal state that is not presented in the physical state? • 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? If possible bring an example of two tasks that different users 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? Comp150 TUI Spring 2006

  18. Next week • Introduction to technologies • Reading • Start working in teams on a technology demo Comp150 TUI Spring 2006

  19. Designer’s Outpost [Klemmer 2001](An Interactive Surface) Back Comp150 TUI Spring 2006

  20. Tangible Query Interfaces [Ullmer 2003](A Token+Constraints System) Back Comp150 TUI Spring 2006

  21. ComTouch [Chang 2003](A Haptic Interface) Back Comp150 TUI Spring 2006

  22. Web Stickers (Paper Based) Comp150 TUI Spring 2006

More Related