[DesignThis!] Minicollege Gestural Interfaces

859 views

Published on

http://www.upload.uniqdesign.nl/school/minicollege/

Published in: Education, Spiritual, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
859
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

[DesignThis!] Minicollege Gestural Interfaces

  1. 1. Vincent Brunings Chris Eleuterio Leroy George Reinier Haars Kris Werry
  2. 2. Agenda <ul><li>Wat is het? </li></ul><ul><li>Basics </li></ul><ul><li>Geschiedenis </li></ul><ul><li>Toekomst </li></ul><ul><li>Patterns </li></ul><ul><li>Opdracht 1 & 2 </li></ul><ul><li>Workshop </li></ul>
  3. 4. Wat zijn gestural interface s ? <ul><li>Een “gestural interface” gaat uit van “gestural recognition” </li></ul>Gestural recognition is een technologie met het doel menselijke bewegingen via mathematische algoritmes te interpreteren. Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  4. 5. Wat zijn gestural interface s ? <ul><li>Gezicht en handen </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  5. 6. Wat zijn gestural interfac es ? <ul><li>Menselijke interactie met machines </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  6. 7. Wat zijn gestural interface s ? <ul><li>Conventionele input devices overbodig </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  7. 8. Wat zijn gestural interface s ? <ul><li>Computer Vision en Image Processing </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  8. 9. Basics over gestural interface s
  9. 10. Basics over gestural interface s <ul><li>Hoe werken touchscreens en gestural controllers? </li></ul><ul><li>Sensor </li></ul><ul><li>Vergelijker </li></ul><ul><li>Actuator </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  10. 11. Basics over gestural interface s <ul><li>Sensor </li></ul><ul><li>Helling </li></ul><ul><li>Beweging </li></ul><ul><li>Oriëntatie (positie en richting) </li></ul><ul><li>Druk </li></ul><ul><li>Licht </li></ul><ul><li>Aanwezigheid </li></ul><ul><li>Geluid </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  11. 12. Basics over gestural interface s <ul><li>Vergelijker </li></ul><ul><li>Wanneer de sensor een verandering heeft bespeurt, wordt deze informatie naar de vergelijker gestuurd. Deze vergelijkt de huidige staat met de vorige staat en maakt vervolgens een beslissing </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  12. 13. Basics over gestural interface s <ul><li>Actuator </li></ul><ul><li>Deze beslissing wordt naar de actuator gestuurd. Deze voert de actie uit </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  13. 14. Basics over gestural interface s <ul><li>Is een gestural interface de beste oplossing? </li></ul><ul><li>Belangrijk is het als ontwerper om je af te vragen op het moment dat je een gestural interface ontwerpt of het gebruik van een gestural interface wel de beste oplossing is. </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  14. 15. Basics over gestural interface s <ul><li>Goede redenen om voor Gestural interfaces te kiezen </li></ul><ul><li>Je wilt een meer natuurlijke </li></ul><ul><li>Je wilt minder (zichtbare) hardware </li></ul><ul><li>Je wilt meer flexibiliteit </li></ul><ul><li>Je wilt een meer genuanceerde input </li></ul><ul><li>Je wilt de interactie leuker maken </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  15. 16. Basics over gestural interface s <ul><li>Redenen om geen gestural interface te gebruiken </li></ul><ul><li>Bij gebruik van grote hoeveelheden data </li></ul><ul><li>Doelgroep heeft visuele beperking </li></ul><ul><li>Doelgroep is fysiek beperkt </li></ul><ul><li>Het is privacygevoelig of beschamend </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  16. 17. Basics over gestural interface s <ul><li>Hoe herken je een goede gestural interface? </li></ul><ul><li>Het is detecteerbaar </li></ul><ul><li>Betrouwbare uitstraling </li></ul><ul><li>Feedback </li></ul><ul><li>Toepasselijk </li></ul><ul><li>Betekenisvol </li></ul><ul><li>Smart </li></ul><ul><li>Clever </li></ul><ul><li>Speels </li></ul><ul><li>Het moet er mooi uit zien </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  17. 18. Basics over gestural interface s <ul><li>Wat gebruik je niet in een gestural interface </li></ul><ul><li>Cursors </li></ul><ul><li>Hovers en Mouse-overs </li></ul><ul><li>Dubbel-klik </li></ul><ul><li>Rechtermuisknop </li></ul><ul><li>Drop -down </li></ul><ul><li>Knip en plak </li></ul><ul><li>Multiselect </li></ul><ul><li>Undo </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  18. 19. Basics over gestural interface s <ul><li>Lichaam is input-device, dus belangrijk bij GID </li></ul><ul><li>De studie van psychologie, anatomie en de werking van het menselijk lichaam heet: kinesiologie </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  19. 20. Basics over gestural interface s <ul><li>Bewegingen </li></ul><ul><li>Buiging </li></ul><ul><li>Uitstrekking </li></ul><ul><li>Draaien </li></ul><ul><li>Afwending en samen brengen </li></ul><ul><li>Interne en externe draaiing </li></ul><ul><li>Opheffing en neerlaten </li></ul><ul><li>Verlenging en intrekking </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  20. 21. Basics over gestural interface s <ul><li>Ergonomie </li></ul><ul><li>Vermijd grote bewegingen </li></ul><ul><li>Vermijd herhaling </li></ul><ul><li>Geef de spieren rust </li></ul><ul><li>Gebruik relaxte neutrale posities </li></ul><ul><li>Vermijd een statische positie </li></ul><ul><li>Vermijd grote kracht op schanieren </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  21. 22. Geschiedenis gestural interface s
  22. 23. Geschiedenis gestural interface s <ul><li>1977: Accutouch - Elographics, Siemens </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  23. 24. Geschiedenis gestural interface s <ul><li>1983: Hewlett-Packard 150 </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  24. 25. Geschiedenis gestural interface s <ul><li>1986: The Clapper </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  25. 26. Geschiedenis gestural interface s <ul><li>1994: The IBM Simon Personal Communicator </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  26. 27. Geschiedenis gestural interface s <ul><li>1995: Pinch door Fakespace </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  27. 28. Geschiedenis gestural interface s <ul><li>2001: The Essential Reality P5 Glove door Lionhead Studios </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  28. 29. Geschiedenis gestural interface s <ul><li>2002: Automotive Gesture Interface </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  29. 30. Geschiedenis gestural interface s <ul><li>2002: Minority Report </li></ul><ul><li>Underkoffler ontwikkeld met deze technologie een echt werkend product. </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  30. 31. Geschiedenis gestural interface s <ul><li>2004: De iPatent van Apple </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  31. 32. Geschiedenis gestural interface s <ul><li>2005: de Wii van Nintendo </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  32. 33. Geschiedenis gestural interface s <ul><li>2006: Jef Han onthult een multi-touch interface </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  33. 34. Geschiedenis gestural interface s <ul><li>2007: The iPhone </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  34. 35. Geschiedenis gestural interface s <ul><li>2007: Microsoft Surface </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  35. 36. Geschiedenis gestural interface s <ul><li>2008: Reactrix </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  36. 37. Geschiedenis gestural interface s <ul><li>2008/2009: Open Frameworks </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  37. 38. Toekomst gestural interface s
  38. 39. Toekomst gestural interface s <ul><li>Meer Gestural interfaces in huis en op het werk </li></ul><ul><li>Verdringen van de desktop metafoor </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  39. 40. Toekomst gestural interface s <ul><li>Betere samenwerken met interactieve gestures </li></ul><ul><li>Smart-objects </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  40. 41. Toekomst gestural interface s <ul><li>Optimalisatie voor touchscreen </li></ul><ul><li>Betere tools om gestural interfaces te maken </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  41. 42. Toekomst gestural interface s <ul><li>Robots worden aangestuurd door gestures </li></ul><ul><li>Komst van een standaard </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  42. 43. Patterns bij gestural interface s
  43. 44. Patterns bij gestural interface s <ul><li>Hoe te gebruiken </li></ul><ul><li>Eenmaal lezen en vervolgens instinctief gebruiken </li></ul><ul><li>Als referentie gebruiken tijdens ontwerpen </li></ul><ul><li>De bestaande patterns verbeteren </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  44. 45. Patterns bij gestural interface s <ul><li>Twee soorten gestures interface patterns </li></ul><ul><li>Free-form Patterns </li></ul><ul><li>Touchscreen Patterns </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  45. 46. Patterns bij gestural interface s <ul><li>Touchscreen Patterns </li></ul>Tap to open/ activate Tap to select Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  46. 47. Patterns bij gestural interface s <ul><li>Touchscreen Patterns </li></ul>Drag to move Slide to control Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  47. 48. Patterns bij gestural interface s <ul><li>Touchscreen Patterns </li></ul>Spin to control Slide and hold for continuous scroll Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  48. 49. Patterns bij gestural interface s <ul><li>Touchscreen Patterns </li></ul>Flick to nudge Fling to scroll Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  49. 50. Patterns bij gestural interface s <ul><li>Touchscreen Patterns </li></ul>Tap to stop Pinch to shrink en spread to enlarge Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  50. 51. Patterns bij gestural interface s <ul><li>Free-form Patterns </li></ul>Aanwezigheid activeert/ deactiveert Beweeg lichaam om activeren Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  51. 52. Patterns bij gestural interface s <ul><li>Free-form Patterns </li></ul>Point to select/ activate Zwaaien om te activeren Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  52. 53. Patterns bij gestural interface s <ul><li>Free-form Patterns </li></ul>Place hands inside to activate Rotate to change state Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  53. 54. Patterns bij gestural interface s <ul><li>Free-form Patterns </li></ul>Step to activate Shake to change Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  54. 55. Patterns bij gestural interface s <ul><li>Free-form Patterns </li></ul>Tilt to move Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  55. 56. Opdracht
  56. 57. Opdracht <ul><li>Maak een groep (max 4 mensen) </li></ul><ul><li>Kies een opdracht (na 15 min switchen) </li></ul><ul><li>Opdracht 1 </li></ul><ul><li>Met je team ga je met behulp van een webcam en gestures een game spelen </li></ul><ul><li>Opdracht 2 </li></ul><ul><li>Met je team ga je een schilderij maken met behulp van een Wii controler </li></ul><ul><li>Opdracht locatie: http://www.upload.uniqdesign.nl/school/minicollege </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop
  57. 58. Workshop <ul><li>Nu jullie door middel van onze presentatie wat meer te weten zijn gekomen over ‘gestural interfaces’, mogen jullie nu zelf aan de slag met dit onderwerp. </li></ul><ul><li>Wij hebben voor ieder groepje een uitdagende opdracht verzonnen, waarvan we de resultaten van elkaar aan het eind gaan bekijken . </li></ul><ul><li>Opdracht locatie: http://www.upload.uniqdesign.nl/school/minicollege </li></ul>Wat is het – Basics – Geschiedenis – Toekomst – Patterns – Opdracht - Workshop

×