SlideServe
Menu
Préférences
© SlideServe · v2026

Framework for Designing Tangible User Interfaces: TAC Paradigm

quinn-vega avatar
22 diapositives · 336 Views · Nov 17, 2014

Explore the Token and Constraints (TAC) paradigm for modeling Tangible User Interfaces (TUIs), which use physical objects to represent digital information and guide manipulation actions.

Framework for Designing Tangible User Interfaces: TAC Paradigm - slide 1
01 / 22Framework for Designing Tangible User Interfaces: TAC Paradigm
1 / 17

Télécharger la présentation

Framework for Designing Tangible User Interfaces: TAC Paradigm
Une image / un lien ci-dessous est fourni (tel quel) pour télécharger la présentation

Politique de téléchargement : le contenu du site vous est fourni TEL QUEL pour votre information et votre usage personnel ; il ne peut être vendu, concédé sous licence ni partagé sur d’autres sites sans l’accord de son auteur.Le contenu vous est fourni TEL QUEL, pour votre information et votre usage personnel uniquement. Téléchargez la présentation en cliquant sur ce lien. Lors du téléchargement, si vous ne parvenez pas à télécharger une présentation, l’éditeur a peut-être supprimé le fichier de son serveur.Pendant le téléchargement, si vous ne parvenez pas à obtenir une présentation, le fichier a peut-être été supprimé par l’éditeur.

F I N

Plus de contenu associé

Transcription de la présentation
  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