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.

Matti Schneider

March 19, 2008
Tweet

More Decks by Matti Schneider

Other Decks in Technology

Transcript

  1. Multi-touch technologies
    The new user interaction revolution

    View Slide

  2. The multi-touch
    revolution

    View Slide

  3. I - Description
    The multi-touch
    revolution

    View Slide

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

    View Slide

  5. I - Description
    II - Concrete examples
    III - Multi-touch devices
    The multi-touch
    revolution

    View Slide

  6. I - Description

    View Slide

  7. Interaction technique

    View Slide

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

    View Slide

  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

    View Slide

  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…

    View Slide

  11. Why “multi-touch” ?

    View Slide

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

    View Slide

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

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  17. What are the advantages ?

    View Slide

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

    View Slide

  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

    View Slide

  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

    View Slide

  21. II - Examples

    View Slide

  22. Magnifying

    View Slide

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

    View Slide

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

    View Slide

  25. Scrolling

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  33. Rotating documents

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  40. III - Multi-touch devices

    View Slide

  41. III - Multi-touch devices

    View Slide

  42. III - Multi-touch devices

    View Slide

  43. III - Multi-touch devices

    View Slide

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

    View Slide

  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

    View Slide

  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

    View Slide

  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 !

    View Slide

  48. Multi-touch improves musical creation
    The ReacTable

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  52. Multi-touch anywhere, anytime
    Surface

    View Slide

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

    View Slide

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

    View Slide

  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

    View Slide

  56. Multi-touch devices

    View Slide

  57. • more mobile usability
    Multi-touch devices

    View Slide

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

    View Slide

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

    View Slide

  60. • more mobile usability
    • easier creation
    • everyday life improvement
    Different benefits offered by a single technology
    Multi-touch devices

    View Slide

  61. Conclusions
    Multi-touch technologies

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide