Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Multi-touch: the new user interaction revolution

Multi-touch: the new user interaction revolution

It was the very end of 2007, and the iPhone had just started being distributed outside the US. Multi-touch was quite confidential back then. I made this to present its technologies and opportunities to students and teachers at my engineering school.

C17904e5ca39a09fdd1dea24b39f57fd?s=128

Matti Schneider

March 19, 2008
Tweet

Transcript

  1. Multi-touch technologies The new user interaction revolution

  2. The multi-touch revolution

  3. I - Description The multi-touch revolution

  4. I - Description II - Concrete examples The multi-touch revolution

  5. I - Description II - Concrete examples III - Multi-touch

    devices The multi-touch revolution
  6. I - Description

  7. Interaction technique

  8. Interaction technique • general term designing a way to interact

    with the user for a machine
  9. Interaction technique • general term designing a way to interact

    with the user for a machine • present techniques are mainly the keyboard and the mouse
  10. Interaction technique • general term designing a way to interact

    with the user for a machine • present techniques are mainly the keyboard and the mouse • alternative techniques are trackpads, touch screens, stylus…
  11. Why “multi-touch” ?

  12. Why “multi-touch” ? • we touch all objects to interact

    with them : it is the primitive human interaction technique
  13. Why “multi-touch” ? • we touch all objects to interact

    with them : it is the primitive human interaction technique
  14. Why “multi-touch” ? • we touch all objects to interact

    with them : it is the primitive human interaction technique • beyond tactile screens : a whole new way to interact with machines, with all our fingers
  15. Why “multi-touch” ? • we touch all objects to interact

    with them : it is the primitive human interaction technique • beyond tactile screens : a whole new way to interact with machines, with all our fingers
  16. Why “multi-touch” ? • we touch all objects to interact

    with them : it is the primitive human interaction technique • beyond tactile screens : a whole new way to interact with machines, with all our fingers • goal : have a computer react just like a physical object
  17. What are the advantages ?

  18. What are the advantages ? • much easier interaction with

    computers, by using everyday movements as instructions (see examples)
  19. What are the advantages ? • much easier interaction with

    computers, by using everyday movements as instructions (see examples) • much more direct interaction, therefore faster and more accurate
  20. What are the advantages ? • much easier interaction with

    computers, by using everyday movements as instructions (see examples) • much more direct interaction, therefore faster and more accurate • less room for controls is more room for data and information
  21. II - Examples

  22. Magnifying

  23. Magnifying • in real life : magnifying an elastic material

    is done by pinching out two points of this material
  24. Magnifying • in real life : magnifying an elastic material

    is done by pinching out two points of this material
  25. Scrolling

  26. Scrolling • in real life : moving around a long

    document is done by applying pressure on it and moving the hand
  27. Scrolling • in real life : moving around a long

    document is done by applying pressure on it and moving the hand
  28. Scrolling • in real life : moving around a long

    document is done by applying pressure on it and moving the hand
  29. Scrolling • in real life : moving around a long

    document is done by applying pressure on it and moving the hand
  30. Scrolling • in real life : moving around a long

    document is done by applying pressure on it and moving the hand
  31. Scrolling • in real life : moving around a long

    document is done by applying pressure on it and moving the hand
  32. Scrolling • in real life : moving around a long

    document is done by applying pressure on it and moving the hand
  33. Rotating documents

  34. Rotating documents • in real life : rotating a document

    is done by applying pressure on it and rotating the hand
  35. Rotating documents • in real life : rotating a document

    is done by applying pressure on it and rotating the hand
  36. Rotating documents • in real life : rotating a document

    is done by applying pressure on it and rotating the hand
  37. Rotating documents • in real life : rotating a document

    is done by applying pressure on it and rotating the hand
  38. Rotating documents • in real life : rotating a document

    is done by applying pressure on it and rotating the hand
  39. Rotating documents • in real life : rotating a document

    is done by applying pressure on it and rotating the hand
  40. III - Multi-touch devices

  41. III - Multi-touch devices

  42. III - Multi-touch devices

  43. III - Multi-touch devices

  44. Multi-touch in a mobile device The iPhone (and iPod Touch)

  45. Multi-touch in a mobile device The iPhone (and iPod Touch)

    • no room needed for controls allows for a huge screen : more information displayed
  46. Multi-touch in a mobile device The iPhone (and iPod Touch)

    • no room needed for controls allows for a huge screen : more information displayed • perfect accuracy instead of multiple clicks
  47. Multi-touch in a mobile device The iPhone (and iPod Touch)

    • no room needed for controls allows for a huge screen : more information displayed • perfect accuracy instead of multiple clicks • no need for a stylus : your fingers are always with you !
  48. Multi-touch improves musical creation The ReacTable

  49. Multi-touch improves musical creation The ReacTable • no need to

    learn complicated software to create incredible music
  50. Multi-touch improves musical creation The ReacTable • no need to

    learn complicated software to create incredible music • multi-user experience
  51. Multi-touch improves musical creation The ReacTable • no need to

    learn complicated software to create incredible music • multi-user experience • amazingly interactive experience
  52. Multi-touch anywhere, anytime Surface

  53. Multi-touch anywhere, anytime Surface • makes everyday tasks easier and

    more enjoyable
  54. Multi-touch anywhere, anytime Surface • makes everyday tasks easier and

    more enjoyable • all the computers benefits anywhere in a non- obstrusive way
  55. Multi-touch anywhere, anytime Surface • makes everyday tasks easier and

    more enjoyable • all the computers benefits anywhere in a non- obstrusive way • digital life gets more physical
  56. Multi-touch devices

  57. • more mobile usability Multi-touch devices

  58. • more mobile usability • easier creation Multi-touch devices

  59. • more mobile usability • easier creation • everyday life

    improvement Multi-touch devices
  60. • more mobile usability • easier creation • everyday life

    improvement Different benefits offered by a single technology Multi-touch devices
  61. Conclusions Multi-touch technologies

  62. I - An old yet new idea Conclusions Multi-touch technologies

  63. I - An old yet new idea II - Great

    benefits Conclusions Multi-touch technologies
  64. I - An old yet new idea II - Great

    benefits III - Happening right now Conclusions Multi-touch technologies