SlideShare a Scribd company logo
1 of 12
Tangible User Interfaces
for Multi-touch Surfaces
      Josh Clairmont
       Shawn Bryan
Tangible User Interfaces
    for Multi-touch Surfaces

• Why?

• How are we implementing it?

• What can this lead?
Why TUIs?
• Tactile response
   – Buttons, switches, typing, writing, driving, …..
   – Part of everyday life


• Enhanced operation
  – Touch screens are not suited
    for certain applications
Acquiring Data
• Testing

• Intuitive and simple

• Presenting the difference
Our Game
• Airhockey

• Simple gameplay

• Demonstrate practical use
Controller
• Arduino Uno
  – Bluetooth

  – Battery-pack

  – Inertial Measurement Unit
     • Gyroscope
     • Accelerometer
Inertial Measurement Unit
• Gyroscope
  – Tilt
  – Indirect Positioning


• Accelerometer
  – Swipe
  – Direct Positioning
Reading Databases

• Concurrent Databases

• Matlab

• Replay
Graphics Engine
• XNA
   – Quick and easy
   – Compatibility


• Jitter
   – Open source
   – Simple
The Design
Where can this lead?
• Smart-phones




• Proprietary Controllers
Questions?


 Thanks for you time

More Related Content

What's hot

Laser protection virtual keyboard
Laser protection virtual  keyboardLaser protection virtual  keyboard
Laser protection virtual keyboard
Priyal Bhagat
 
Leap motion controller
Leap motion controllerLeap motion controller
Leap motion controller
Ruksar Khatun
 

What's hot (18)

Virtual keyboard
Virtual keyboardVirtual keyboard
Virtual keyboard
 
Virtual Keyboard (VKB)-Keyboard Without KEYS and Board
Virtual Keyboard (VKB)-Keyboard Without KEYS and BoardVirtual Keyboard (VKB)-Keyboard Without KEYS and Board
Virtual Keyboard (VKB)-Keyboard Without KEYS and Board
 
Technology behind Virtual Keyboard
Technology behind Virtual KeyboardTechnology behind Virtual Keyboard
Technology behind Virtual Keyboard
 
Input devices
Input devicesInput devices
Input devices
 
virtual keyboard presentation
virtual keyboard presentationvirtual keyboard presentation
virtual keyboard presentation
 
Leap Motion Basic
Leap Motion BasicLeap Motion Basic
Leap Motion Basic
 
Virtual Keyboard
Virtual KeyboardVirtual Keyboard
Virtual Keyboard
 
Virtual Key Board
Virtual Key BoardVirtual Key Board
Virtual Key Board
 
Laser protection virtual keyboard
Laser protection virtual  keyboardLaser protection virtual  keyboard
Laser protection virtual keyboard
 
Final power point 2
Final power point 2Final power point 2
Final power point 2
 
Virtual keyboard
Virtual keyboardVirtual keyboard
Virtual keyboard
 
Virtual Keyboard Technology
Virtual Keyboard TechnologyVirtual Keyboard Technology
Virtual Keyboard Technology
 
virtual laser keyboard
virtual laser keyboardvirtual laser keyboard
virtual laser keyboard
 
Virtual keyboard seminar ppt
Virtual keyboard seminar pptVirtual keyboard seminar ppt
Virtual keyboard seminar ppt
 
Virtual keyboard
Virtual keyboard Virtual keyboard
Virtual keyboard
 
Virtual keyboard abstract
Virtual keyboard abstractVirtual keyboard abstract
Virtual keyboard abstract
 
Virtual keyboard
Virtual keyboardVirtual keyboard
Virtual keyboard
 
Leap motion controller
Leap motion controllerLeap motion controller
Leap motion controller
 

Similar to Tangible User Interfaces for Multi-touch Surfaces

Future of user interface design
Future of user interface designFuture of user interface design
Future of user interface design
Ranjeet Tayi
 
Remote interface design
Remote interface designRemote interface design
Remote interface design
Prabuddha Vyas
 
Creating Responsive HTML5 Touch Interfaces
Creating Responsive HTML5 Touch InterfacesCreating Responsive HTML5 Touch Interfaces
Creating Responsive HTML5 Touch Interfaces
Stephen Woods
 
Sixth Sense Technology
Sixth Sense TechnologySixth Sense Technology
Sixth Sense Technology
Hanumant Jawak
 

Similar to Tangible User Interfaces for Multi-touch Surfaces (20)

Interaction devices in human Computer Interface(Human Computer interface tut...
 Interaction devices in human Computer Interface(Human Computer interface tut... Interaction devices in human Computer Interface(Human Computer interface tut...
Interaction devices in human Computer Interface(Human Computer interface tut...
 
Future of user interface design
Future of user interface designFuture of user interface design
Future of user interface design
 
Smart note taker
Smart note takerSmart note taker
Smart note taker
 
IEEE VR-SEARIS 2014 Keynote - MiddleVR - Philosophy and architecture
IEEE VR-SEARIS 2014 Keynote - MiddleVR - Philosophy and architectureIEEE VR-SEARIS 2014 Keynote - MiddleVR - Philosophy and architecture
IEEE VR-SEARIS 2014 Keynote - MiddleVR - Philosophy and architecture
 
Introduction to Computers Lecture # 5
Introduction to Computers Lecture # 5Introduction to Computers Lecture # 5
Introduction to Computers Lecture # 5
 
Comp4010 Lecture10 VR Interface Design
Comp4010 Lecture10 VR Interface DesignComp4010 Lecture10 VR Interface Design
Comp4010 Lecture10 VR Interface Design
 
Designing for Mobile - Off Canvas Interface
Designing for Mobile - Off Canvas InterfaceDesigning for Mobile - Off Canvas Interface
Designing for Mobile - Off Canvas Interface
 
SAE AR/VR - The challenges of creating a VR application with Unity
SAE AR/VR - The challenges of creating a VR application with UnitySAE AR/VR - The challenges of creating a VR application with Unity
SAE AR/VR - The challenges of creating a VR application with Unity
 
Remote interface design
Remote interface designRemote interface design
Remote interface design
 
Using intel's real sense to create games with natural user interfaces justi...
Using intel's real sense to create games with natural user interfaces   justi...Using intel's real sense to create games with natural user interfaces   justi...
Using intel's real sense to create games with natural user interfaces justi...
 
Introduction to DaydreamVR from DevFestDC 2017
Introduction to DaydreamVR from DevFestDC 2017Introduction to DaydreamVR from DevFestDC 2017
Introduction to DaydreamVR from DevFestDC 2017
 
ICS3211 lecture 04
ICS3211 lecture 04ICS3211 lecture 04
ICS3211 lecture 04
 
Natural User Interfaces
Natural User InterfacesNatural User Interfaces
Natural User Interfaces
 
Synthetic environment
Synthetic environmentSynthetic environment
Synthetic environment
 
Devday 2017 Hands On Presentation
Devday 2017 Hands On PresentationDevday 2017 Hands On Presentation
Devday 2017 Hands On Presentation
 
Game design & development
Game design & developmentGame design & development
Game design & development
 
NUX Presentation from TechMixer Birmingham 2011
NUX Presentation from TechMixer Birmingham 2011NUX Presentation from TechMixer Birmingham 2011
NUX Presentation from TechMixer Birmingham 2011
 
Creating Responsive HTML5 Touch Interfaces
Creating Responsive HTML5 Touch InterfacesCreating Responsive HTML5 Touch Interfaces
Creating Responsive HTML5 Touch Interfaces
 
Input Devices Project For ITT Students
Input Devices Project For ITT StudentsInput Devices Project For ITT Students
Input Devices Project For ITT Students
 
Sixth Sense Technology
Sixth Sense TechnologySixth Sense Technology
Sixth Sense Technology
 

Recently uploaded

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Recently uploaded (20)

🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 

Tangible User Interfaces for Multi-touch Surfaces

Editor's Notes

  1. Why bother? – Touch screens are convienent because they don’t require any other input, so why try to add another input device?How is it implemented? – TUI can range from simple stylus’ to complex micro controllers that provide more informationWhat can we learn from this? – What conclusions can we draw from experimenting with TUIVideo of TUI
  2. “We use Tangible User Interfaces everyday, almost all of the devices we use give us a tactile response ie. Buttons, switches, keyboards, driving. We use them in almost every mechanical device we use, the turning of a handle for instance, we know that our action was carried out effectively because we can feel it being confirmed as we do it (Family Guy Picture), we enjoy using objects with tactile feedback so much, its difficult to not do it. Touchscreens however lack a tactile response, which most users can find difficult to use depending on what they are trying to do. In some cases touchscreens are great and don’t need any external hardware. However you would not like to try and create a spreadsheet, or use photoshop, or use a 3DModeling software. This prevents these programs from being truly usable on a touchscreen, although if they did have some sort of controller that could preformspecifc actions for the software it might improve the likelyhood of these products use on touchscreens.”Tactile responses are present in nearly every electronic/mechanical product we use. (Buttons, Switches, typing, writing, driving). It is around in nearly every functional thing we use, the subtle confirmation that the physical action we just did actually was detected by the deviceEnhanced operation – TUI’s offer a way to extend the functionality of touch screens, which could add practicality to touch-screen for certain applications (photoshop, 3dmodeling, work, gaming)
  3. Testing: How are we going to be able to test a notion like this? Give users multiple interfaces and gauge their responses to the application. (Taking surveys because there is no other way to really determine enjoyment, it will vary from user to user)Intuitive and Simple: Need to provide a user experience that is as simple and just as efficient as using their hands. We can’t have them preform a difficult task because it would bias results (assuming they would get better at the task as each time they preformed it) This requires us to give them a task that is simple from the start, but provides a unique experience everytimePresenting the difference: We want the user to “care” how they preform, which would lead them to use each interface to the fullest potential, How can we present this test in a consistent and engaging manner?
  4. Airhockey: open-ended as far as what control method is prefered, to the point that each method is comparable in usability, so the only varying factor would be the users preference. By having the user play a timed session of the game there will be a desire to preform well, so they will master the interface as quickly as possible. Simple gameplay: the gameplay is super intuitive and methods of control can be varied simply without any change in objectiveDemonstrate: By using a game we allow the user to experience a practical application of the device rather than a mundane task that faills to demonstrate a plausible day to day situation, by providing the user with an objective with multiple correct solutions it gives the user more freedom in their personal of each method.Video of games
  5. As given by the title, our presentation concerns TUI’s for touchscreens not just touchscreen applicationsWe are using the Arduino Uno, in combination with a bluetooth, batterypack, as well an IMU5DOF:The bluetooth allows us to communicate serially through a wireless network, and keeping with the need for the device to remain wireless we have attached a battery-pack for the device to be mobile. The Imu is used for the combination of its accelerometer and gyroscope. This allows us to use one sensor to manipulate two forms of positioning
  6. Gyroscope: serves as the sensor that allows us to use the tilt positioning, serves the same funtionality as a joystick[tilt forward move forward, tilt backward move backward] the gyroscope allows us to detect changes in rotation about the x and y axis, also known as pitch and roll. A 6DOF sensor is available with the additional z axis which will provide ‘yaw’. We call this indirect positioning because subtle physical movements can continually move the mallet for as long as its remained tilted.The accelerometer: this sensor is used in both the tilt and swipe motions, the tilt motion: it provides a downward acceleration vector so you can continue to determine how long the device is tilted, the gyroscope only provides ‘change’ where the accelerometer can provide the downward acceleration vector which provides the data of which axis has the largest effect of gravity. The swipe: this method of movement is the classic airhockey motion, we try to determine acceleration through position which proves to be difficult because of the C^2 amount of offset error. This is where we use the acceleration in combonation with the surface. (The following can probably be omitted because its covered in the surface slide)~ Everytime the controller is at rest the surface can detect its location, we then use this location as a new zero coordinate. In theory we expect that the constantly changing zero might help offset the error of the acceleration vector/ help improve the accuracy by keeping variations small.
  7. Concurrent – allows each aspect of the program to function independently controller breaks and db gets no new info game can dynamically switch multiple controllers no waiting for blocking IO operations Matlab - create comparisons between accelerometer data and surface input to determine drift?Replay – storing positions will allow for replays, not necessarily important but a nice sideeffect of storing this information
  8. Xna allows for quick and easy graphic development without a background in computer graphicsDesigned to run on windows which ensures compatibility with surfaceJitter is an open source physics engine, limited capabilities but plenty enough to simulate air hockeyPotential Video Spot
  9. Name each part of the picture but don’t explain it, just stick to the general interactions maybe add some animation so you can only see the pieces weve explained
  10. Smartphones: Built-in sensor technology, already are storing user data which could personalize control and experience. Network capable, store user information for cross platform collaboration. Proprietary Controllers: For software that is generally to difficult to use with just a touch-screen it could provide hardware specific technology to make the software more usable on multiple interfaces.Digital Wallets: Increased efficiency in daily use, provides even more functionality to handheld devices. Pull data from phone so that less user input is required to be submitted manually, Login information/user preferences/ banking and checkout information