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

1. Tippen, Kicken, Gestikulieren
Infantilisierung im Interaktionsdesign /v3
Matthias Müller-Prove, Dipl.-Inform.
User Experience Principal, Oracle
Fachbereich Informatik, Uni Hamburg, 26.4.2012

2. These 1
Menschliche Entwicklung vom Baby zum
Erwachsenen und die Evolution der
Nutzungsschnittstellen erfolg(t)en in 3
Stufen.

3. These 2
Die Stufen folgen nicht aufeinander, sie
setzen nur nacheinander ein und überlagern
sich wie ein Dreiklang.

4. Jean Piaget 1896-1980 / Jerome Bruner *1915

5. 1 enactive mentalitiy
Bruner’s Mentality Theory

6. cc dulcelife http://www.flickr.com/photos/dulcelife/8505313/
kinesthetic/sensomotoric, enactive

7. cc Squiggle http://www.flickr.com/photos/stephenr/2331677192/
preoperational: playing and building

8. 2 iconic mentality
Bruner’s Mentality Theory

9. cc Minneapolis Institute of Arts
http://www.flickr.com/photos/minneapolisinstituteofarts/4926356727/
operational/visual, iconic

10. 3 symbolic mentality
Bruner’s Mentality Theory

11. formal, symbolic
cc gail m tang http://www.flickr.com/photos/gailtang/3252519764/

12. enactive iconic symbolic
1 1/2 4-8 12 yrs.
Bruner’s Mentalities

13. Durch den Spiegel

14. enactive iconic symbolic

15. 3 CLI
Command Line Interfaces

16. www.operating-system.org
sehr kryptisch, schlechte initiale Usa
bility.
Gut geeignet für Experten zum Scrip
ten und
Programmieren

17. 2 GUIs
Graphical User Interfaces
Windows, Icons, Menus, Pointing Device & Desktop

18. Ivan Sutherland *1938 - Sketchpad (1963)

19. Timothy Johnson
ein paar Jahre später.

20. Ivan Sutherland’s PhD Thesis, 1963

21. Sketchpad
Use of light pen
Interactive line drawings
Constraints resolution engine
Object-based computer aided design (CAD)
On a TX-2 computer at MIT Lincoln Lab
69,632 words with 36 bits (~306 KByte)

22. http://www.deepamehta.de/docs/talk.html
Doug Engelbart *1925 NLS/Augment (1963-72)

23. Mouse (1963) and Chording Keyset

24. NLS/Augment
Mouse (1963)
Chording-Keyset
Windows
Interactive text editing and outliner
Hypertext
E-Mail
Time-Sharing
Video Conferencing and CSCW
2nd node of the ARPANet

25. http://en.wikipedia.org/wiki/File:Alan_Kay_and_the_prototype_of_Dynabook,_pt._5_(3010032738).jpg
Alan Kay *1940 - Dynabook (concept 1972)

26. Doing with images makes symbols.
Alan Kay, 1987
enactive iconic symbolic

28. CLI überlebt als Terminal-Fenster

30. Das Web hat auch sein CLI!

31. 1 TUI & “NUI”
Tangible and “Natural” User Interfaces
Physical objects combined with digital information
Multi-Touch & Gestures, Lots of sensors, Mobility

32. http://de.wikipedia.org/wiki/Reactable
Reactable, U of Barcelona (2003)

33. cc arteunporro http://www.flickr.com/photos/arteunporro/870265352/

35. Gravity and Touch at
Liquid for iPad

36. Gravitarium2 for iPad

37. Gravitarium2 for iPad

38. http://flickr.com/photos/prupert/68375339/
A personal dynamic medium…

39. …for children of all ages

40. enactive iconic symbolic
TUI CLI
GUI

41. Drei weitere Dreiklänge

42. Historical Framework for…?

43. Stammhirn/
Limbische System Cortex/Neo-Cortex
Kleinhirn
Reptil Säuger Homo Sapiens
Reflexe Lernen Kognition
Piet Vroon, 1993

44. 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 vase
Emotional Design by Don Norman, 2004

45. 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 vase
Emotional Design by Don Norman, 2004

46. Danke!
Matthias Müller-Prove | mprove.de/script/12/fbi/os.html
cc by Steve Paine http://www.flickr.com/photos/umpcportal/4581962986/