SlideShare a Scribd company logo
1 of 7
Putting the Physical into Digital: Issues in Designing Hybrid Interactive Surfaces 04 October 2010HF765 | Advanced User Interface DesignJessica Holt
What is a Hybrid Surface Anyway? “Interactive systems that combine direct manipulation multi touch surface interaction with elements of tangible user interfaces.” – David Kirk et al. Presented by Jessica Holt
Examples of Hybrid Surfaces Reactable Microsoft Surface Presented by Jessica Holt
Case Studies  VPlay Goal Determine whether an interactive surface interface could promote collaborative opportunities not available in the current set up.   Microsoft Surface Presented by Jessica Holt
Case Studies  Family Archive  Provide a system to organize family memorabilia using a box metaphor. Combine images & artifacts.   Microsoft Surface Presented by Jessica Holt
Key Considerations When Designing D. Kirk et al. encountered the following issues:  ,[object Object]
Eyes-free control

More Related Content

Similar to Hybrid Surfaces Jessica Holt

Tangible User Interface Showcase
Tangible User Interface ShowcaseTangible User Interface Showcase
Tangible User Interface ShowcaseSimone Mora
 
Using user centered design from a gender perspective. in3
Using user centered design from a gender perspective. in3Using user centered design from a gender perspective. in3
Using user centered design from a gender perspective. in3Carina Soledad Gonzalez
 
PolyChrome: A Cross-Device Framework for Collaborative Web Visualization
PolyChrome: A Cross-Device Framework for Collaborative Web VisualizationPolyChrome: A Cross-Device Framework for Collaborative Web Visualization
PolyChrome: A Cross-Device Framework for Collaborative Web VisualizationNiklas Elmqvist
 
hcid2011 - Gesture Based Interfaces: Jacques chueke (HCID, City University L...
hcid2011 -  Gesture Based Interfaces: Jacques chueke (HCID, City University L...hcid2011 -  Gesture Based Interfaces: Jacques chueke (HCID, City University L...
hcid2011 - Gesture Based Interfaces: Jacques chueke (HCID, City University L...City University London
 
Proactive Displays IIIA 20080627
Proactive Displays IIIA 20080627Proactive Displays IIIA 20080627
Proactive Displays IIIA 20080627Joe McCarthy
 
Proactive Displays, UW DUB group, 16 July 2008
Proactive Displays, UW DUB group, 16 July 2008Proactive Displays, UW DUB group, 16 July 2008
Proactive Displays, UW DUB group, 16 July 2008Joe McCarthy
 
Turbo Charged Wikis
Turbo Charged WikisTurbo Charged Wikis
Turbo Charged Wikisjorech
 
Interfaces & Interactions by Jessi Baker
Interfaces & Interactions by Jessi BakerInterfaces & Interactions by Jessi Baker
Interfaces & Interactions by Jessi BakerJessi Baker
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction DesignMark Billinghurst
 
Future of Infomation Technolgy
Future of Infomation TechnolgyFuture of Infomation Technolgy
Future of Infomation TechnolgyZAid
 
Beyond the Wireframe: tools to design, analyse and prototype physical devices
Beyond the Wireframe: tools to design, analyse and prototype physical devicesBeyond the Wireframe: tools to design, analyse and prototype physical devices
Beyond the Wireframe: tools to design, analyse and prototype physical devicesAlan Dix
 
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)City University London
 
Collaborative writing and common core standards in the classroom slideshare
Collaborative writing and common core standards in the classroom   slideshareCollaborative writing and common core standards in the classroom   slideshare
Collaborative writing and common core standards in the classroom slideshareVicki Davis
 
Touch Research 3: How Bodies Matter [Handouts]
Touch Research 3: How Bodies Matter [Handouts]Touch Research 3: How Bodies Matter [Handouts]
Touch Research 3: How Bodies Matter [Handouts]Harald Felgner, PhD
 
Proactive Displays CSCW2008
Proactive Displays CSCW2008Proactive Displays CSCW2008
Proactive Displays CSCW2008Joe McCarthy
 
If You Want To Be A Winner, Change Your VRDOLL Philosophy Now!
If You Want To Be A Winner, Change Your VRDOLL Philosophy Now!If You Want To Be A Winner, Change Your VRDOLL Philosophy Now!
If You Want To Be A Winner, Change Your VRDOLL Philosophy Now!FallFireman
 

Similar to Hybrid Surfaces Jessica Holt (20)

Tangible User Interface Showcase
Tangible User Interface ShowcaseTangible User Interface Showcase
Tangible User Interface Showcase
 
Using user centered design from a gender perspective. in3
Using user centered design from a gender perspective. in3Using user centered design from a gender perspective. in3
Using user centered design from a gender perspective. in3
 
PolyChrome: A Cross-Device Framework for Collaborative Web Visualization
PolyChrome: A Cross-Device Framework for Collaborative Web VisualizationPolyChrome: A Cross-Device Framework for Collaborative Web Visualization
PolyChrome: A Cross-Device Framework for Collaborative Web Visualization
 
hcid2011 - Gesture Based Interfaces: Jacques chueke (HCID, City University L...
hcid2011 -  Gesture Based Interfaces: Jacques chueke (HCID, City University L...hcid2011 -  Gesture Based Interfaces: Jacques chueke (HCID, City University L...
hcid2011 - Gesture Based Interfaces: Jacques chueke (HCID, City University L...
 
Proactive Displays IIIA 20080627
Proactive Displays IIIA 20080627Proactive Displays IIIA 20080627
Proactive Displays IIIA 20080627
 
Proactive Displays, UW DUB group, 16 July 2008
Proactive Displays, UW DUB group, 16 July 2008Proactive Displays, UW DUB group, 16 July 2008
Proactive Displays, UW DUB group, 16 July 2008
 
Turbo Charged Wikis
Turbo Charged WikisTurbo Charged Wikis
Turbo Charged Wikis
 
Interfaces & Interactions by Jessi Baker
Interfaces & Interactions by Jessi BakerInterfaces & Interactions by Jessi Baker
Interfaces & Interactions by Jessi Baker
 
Surface computing
Surface computingSurface computing
Surface computing
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
 
Future of Infomation Technolgy
Future of Infomation TechnolgyFuture of Infomation Technolgy
Future of Infomation Technolgy
 
Beyond the Wireframe: tools to design, analyse and prototype physical devices
Beyond the Wireframe: tools to design, analyse and prototype physical devicesBeyond the Wireframe: tools to design, analyse and prototype physical devices
Beyond the Wireframe: tools to design, analyse and prototype physical devices
 
Infrastructures
InfrastructuresInfrastructures
Infrastructures
 
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
 
Collaborative writing and common core standards in the classroom slideshare
Collaborative writing and common core standards in the classroom   slideshareCollaborative writing and common core standards in the classroom   slideshare
Collaborative writing and common core standards in the classroom slideshare
 
Touch Research 3: How Bodies Matter [Handouts]
Touch Research 3: How Bodies Matter [Handouts]Touch Research 3: How Bodies Matter [Handouts]
Touch Research 3: How Bodies Matter [Handouts]
 
Virtual worlds
Virtual worlds Virtual worlds
Virtual worlds
 
Proactive Displays CSCW2008
Proactive Displays CSCW2008Proactive Displays CSCW2008
Proactive Displays CSCW2008
 
If You Want To Be A Winner, Change Your VRDOLL Philosophy Now!
If You Want To Be A Winner, Change Your VRDOLL Philosophy Now!If You Want To Be A Winner, Change Your VRDOLL Philosophy Now!
If You Want To Be A Winner, Change Your VRDOLL Philosophy Now!
 
Summ11 useinterx
Summ11 useinterxSumm11 useinterx
Summ11 useinterx
 

Hybrid Surfaces Jessica Holt

Editor's Notes

  1. Hybrid Surfaces are interactive systems that combine direct manipulation multi touch surface interaction with elements of tangible user interfaces (TUI). According to Wikipedia, 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 no longer is used.Sometimes it is hard to distinguish when something should be digital or physical. This paper uses 2 case studies where they present the model and the rationale for their design decisions. Much discussion on the benefits of TUIs over GUIs. TUIs have natural affordances of physical objects, objects are tangable and encourages experiential learning through direct manipulation. Recent developments weaken previous work – Fitzmorris et al research showed TUIs encourage two handed interaction, allow parell input, interface is accessible, has certain affordances. All these can be found in today’s hands on computing, minus elements of TUIs. Hybrid surfaces use “containers” which house the information.
  2. Microsoft Surface and Reactable are examples. Not just TUIs but are defined as hybrid surface. Reactable is a surface where tangible items are manipulated and is also a interactice touch surface for mixing and blending music. Hybrid surfaces means systems where tangible benefits are coupled with an interactive touch sensitive display surface. Questions to ask when designing – when should a designer choose physical over digital objects? How much should objects be made to emulate the physical world?We need to consider the affordances of these objects. Researchers hope that their work can help inform existing systems and help inform future systems. Framework for Tangability – Users perform better when there are dedicated controls for specific functions and were not lumped into one time multiplaxed control. Tangeable means: acts both as physical representation of digital and as a way to manipluate that concept. Digital: graphics or audio closely coupled with physical object.A system becomes more tangeable if the system acts more like how something acts in real life. There has been more recent work on why tangeable systems are thought to be more intuiitive? Is it because of schemas and mental models?
  3. Vplay is an interactive table top system designed to support Vjing for seasoned VJs and novices. Vjing is a performance art that mixes different video sources, which is typically used for night clubs and weddings. Vjsmanupliate the videos in real time using laptops and special software.Design – objects brought in proximity had different effects based on how close they were brought to eachother. This design was based off of Reactable. Users can use a simple menu of clips, mixers, splitters, and effects to create these elements. The objects in the interface, they needed them to control the information and needed to ensure users could understand what they were and be able to identify the controls. They need to reinforce the user’s mental models. After many considerations, the designers decided to render dynamic data (video and effects data, as graphical digital data. Objects can easily be copied, deleted, recorded or replayed this means. The role of the tangibles is to provide physical tools for control. They would be overlaid on top of digital objects .
  4. Family Archive allows users to capture, mange, manipulate, display, and store memories. It is designed to incorporate digital items and physical artifacts. Childrens artwork, photos, babies first pair of shoes, etc. This system uses metaphor of boxes to allow users to organize their content. Users can name their boxes and rummage through these boxes. Physical boxes can be opened and closed, tipped to spill out content.Using tangibles in this way would amount to using them as tools for intuitive controls of the virual boxes. It would provide a framework of the interactions. The user would be required to specify which box is manipulated and in which way. The box affords being picked up and tipped, but the limitations is they can only do it in 2D. System would need to have better tracking to support 3D, but would need to to give the whole effect.They played around with 2 versions to create new boxes: - User simply touches New Box icon and one appearsUsers physically picks up a box and places it where he wants the new box to bePhysical approach removes the need for a graphical icon. - Action of making content with the screen with the tangible object at once both initiates the new box and tells it where to live – 2 birds with one stone.If this were real life, would the box go missing? They ended up using a pen which users could write on. The pen would need to go to the dock. They decided the benefits outwieghed the possibilities it would go missing. Ended up going with a 3D environement since it would be more real and play off of how we know to interact with boxes. Had to figure out how to make it appear 3D working in a 2D screen.
  5. 2 Important Sets of decisions – Choice of objects – Choice of physical or digital objectsEmulating the Physical World – How to emulate it in the digital domain. Is there a notion of physics guiding users understanding of the world? Using mental models.Future Conversations – - How to set certain best practices and standards for this type of interactions - How does this impact current hands on computing? - How do biological limitations come into play?What are ways we can control a 3D world on a 2D surface?