Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Tippen. Klicken. Gestikulieren

3,190 views

Published on

Mit den jüngsten Entwicklungen von mobilen Endgeräten und Spielekonsolen schließt sich in gewissem Sinne ein Kreis. Denn genau wie sich der Mensch von der Kleinkindphase (alles muss angefasst und ausprobiert werden) über die Kindheit (mit Malen und Schauen) hin zum Homo Sapiens (manchmal auch rational denkend) entwickelt, hat sich die Computer-Technik in den letzten 50 Jahren in umgekehrter Reihenfolge vom textbasierten Teletype, über die Graphischen Benutzungsschnittstellen hin zu maus- und fensterlosen Geräten à la Apple iPad und Kinect für Spiel und Unterhaltung gewandelt. Gesten und Finger-Ballett ersetzen das Klicken und Tippen, die bei GUIs und CLIs noch die Hauptinteraktionsmodalitäten waren.
Der Vortrag stellt beide Entwicklungsstänge gegenüber und postuliert eine Gleichzeitigkeit der Phasen im Gegensatz zu dem sonst üblichen Begriff des Paradigmenshifts.

Kolloquiumsvortrag am Fachbereich Informatik, Uni Hamburg 26.4.2012

Published in: Design, Technology
  • Be the first to like this

Tippen. Klicken. Gestikulieren

  1. 1. Tippen, Kicken, GestikulierenInfantilisierung im Interaktionsdesign /v3 Matthias Müller-Prove, Dipl.-Inform. User Experience Principal, Oracle Fachbereich Informatik, Uni Hamburg, 26.4.2012
  2. 2. These 1 Menschliche Entwicklung vom Baby zum Erwachsenen und die Evolution der Nutzungsschnittstellen erfolg(t)en in 3 Stufen.
  3. 3. These 2 Die Stufen folgen nicht aufeinander, sie setzen nur nacheinander ein und überlagern sich wie ein Dreiklang.
  4. 4. Jean Piaget 1896-1980 / Jerome Bruner *1915
  5. 5. 1 enactive mentalitiy Bruner’s Mentality Theory
  6. 6. cc dulcelife http://www.flickr.com/photos/dulcelife/8505313/ kinesthetic/sensomotoric, enactive
  7. 7. cc Squiggle http://www.flickr.com/photos/stephenr/2331677192/preoperational: playing and building
  8. 8. 2 iconic mentality Bruner’s Mentality Theory
  9. 9. cc Minneapolis Institute of Arts http://www.flickr.com/photos/minneapolisinstituteofarts/4926356727/operational/visual, iconic
  10. 10. 3 symbolic mentality Bruner’s Mentality Theory
  11. 11. formal, symbolic cc gail m tang http://www.flickr.com/photos/gailtang/3252519764/
  12. 12. enactive iconic symbolic 1 1/2 4-8 12 yrs. Bruner’s Mentalities
  13. 13. Durch den Spiegel
  14. 14. enactive iconic symbolic             
  15. 15. 3 CLI Command Line Interfaces
  16. 16. www.operating-system.orgsehr kryptisch, schlechte initiale Usa bility.Gut geeignet für Experten zum Scrip ten und Programmieren
  17. 17. 2 GUIs Graphical User InterfacesWindows, Icons, Menus, Pointing Device & Desktop
  18. 18. Ivan Sutherland *1938 - Sketchpad (1963)
  19. 19. Timothy Johnsonein paar Jahre später.
  20. 20. Ivan Sutherland’s PhD Thesis, 1963
  21. 21. SketchpadUse of light penInteractive line drawingsConstraints resolution engineObject-based computer aided design (CAD)On a TX-2 computer at MIT Lincoln Lab 69,632 words with 36 bits (~306 KByte)
  22. 22. http://www.deepamehta.de/docs/talk.html Doug Engelbart *1925 NLS/Augment (1963-72)
  23. 23. Mouse (1963) and Chording Keyset
  24. 24. NLS/AugmentMouse (1963)Chording-KeysetWindowsInteractive text editing and outlinerHypertextE-MailTime-SharingVideo Conferencing and CSCW2nd node of the ARPANet
  25. 25. http://en.wikipedia.org/wiki/File:Alan_Kay_and_the_prototype_of_Dynabook,_pt._5_(3010032738).jpgAlan Kay *1940 - Dynabook (concept 1972)
  26. 26. Doing with images makes symbols. Alan Kay, 1987 enactive iconic symbolic
  27. 27. CLI überlebt als Terminal-Fenster
  28. 28. Das Web hat auch sein CLI!
  29. 29. 1 TUI & “NUI” Tangible and “Natural” User InterfacesPhysical objects combined with digital information Multi-Touch & Gestures, Lots of sensors, Mobility
  30. 30. http://de.wikipedia.org/wiki/Reactable Reactable, U of Barcelona (2003)
  31. 31. cc arteunporro http://www.flickr.com/photos/arteunporro/870265352/
  32. 32. Gravity and Touch at Liquid for iPad
  33. 33. Gravitarium2 for iPad
  34. 34. Gravitarium2 for iPad
  35. 35. http://flickr.com/photos/prupert/68375339/ A personal dynamic medium…
  36. 36. …for children of all ages
  37. 37. enactive iconic symbolicTUI                           CLI        GUI
  38. 38. Drei weitere Dreiklänge
  39. 39. Historical Framework for…?
  40. 40. Stammhirn/ Limbische System Cortex/Neo-Cortex Kleinhirn Reptil Säuger Homo Sapiens Reflexe Lernen Kognition Piet Vroon, 1993
  41. 41. human visceral behavioral reflective disposition perceptually expectation intellectually driven driven driven graphic profession usability brand/image design beautiful blue water in Perrier table example bottle used as plastic bottle water a vaseEmotional Design by Don Norman, 2004
  42. 42. human visceral behavioral reflective disposition perceptually expectation intellectually driven driven driven graphic profession usability brand/image design beautiful blue water in Perrier table example bottle used as plastic bottle water a vaseEmotional Design by Don Norman, 2004
  43. 43. Danke! Matthias Müller-Prove | mprove.de/script/12/fbi/os.htmlcc by Steve Paine http://www.flickr.com/photos/umpcportal/4581962986/

×