Back to ChildhoodInfantilisation of UI Design?Matthias Müller-Prove, Dipl.-Inform.     User Experience Principal, Oracle  ...
Proposition Human development and the evolution of user interface paradigms happen(ed) in 3 corresponding stages. The stag...
Jean Piaget / Jerome Bruner
1   enactive mentalitiy       Bruner’s Mentality Theory
cc dulcelife http://www.flickr.com/photos/dulcelife/8505313/                                                              k...
cc Squiggle http://www.flickr.com/photos/stephenr/2331677192/preoperational: playing and building
2   iconic mentality    Bruner’s Mentality Theory
cc Minneapolis Institute of Arts                   http://www.flickr.com/photos/minneapolisinstituteofarts/4926356727/opera...
3   symbolic mentality       Bruner’s Mentality Theory
formal, symbolic                   cc gail m tang http://www.flickr.com/photos/gailtang/3252519764/
enactive   iconic   symbolic 1 1/2       4-8    12 yrs.    Bruner’s Mentalities
3                     CLI    Command Line Interfaces
very cryptic, poor usability.   www.operating-system.org Good for experts who doscripting and programming
2                                         GUI                        Graphical User InterfacesWindows, Icons, Menus, Point...
Ivan Sutherland’s Sketchpad (1963)
Timothy Johnson a few years later.
Ivan Sutherland’s PhD Thesis, 1963
SketchpadUse of light penInteractive line drawingsConstraints resolution engineObject-based computer aided design (CAD)On ...
http://www.deepamehta.de/docs/talk.htmlDoug Engelbart’s NLS/Augment (1963-72)
Mouse (1963) and Chording Keyset
NLS/AugmentMouse (1963)Chording-KeysetWindowsInteractive text editing and outlinerHypertextE-MailTime-SharingVideo Confere...
http://en.wikipedia.org/wiki/File:Alan_Kay_and_the_prototype_of_Dynabook,_pt._5_(3010032738).jpg         Alan Kay - Dynabo...
Doing with images makes symbols.                           Alan Kay
The CLI survived as a terminal window.
The Web also has its CLI!
1                            TUI & “NUI”            Tangible and “Natural” User Interfaces                                ...
http://de.wikipedia.org/wiki/Reactable                                         Reactable
cc arteunporro http://www.flickr.com/photos/arteunporro/870265352/
SoundScape for iPad
Gravity and Touch atSoundDrop for iPad
Gravitarium2 for iPad
Gravitarium2 for iPad
A Personal Dynamic Medium      for Children of all Ages                   Alan Kay (1972)
http://flickr.com/photos/prupert/68375339/                       A personal dynamic medium…
…for children of all ages
enactive    iconic          symbolicTUI                              CLI              GUI
Thanks!cc by Steve Paine http://www.flickr.com/photos/umpcportal/4581962986/                                               ...
Matthias Müller-Prove                                     follow @mprovePaper and references at mprove.de/script/11/hyperk...
Back to Childhood
Back to Childhood
Back to Childhood
Upcoming SlideShare
Loading in …5
×

Back to Childhood

5,223 views

Published on

Back to Childhood - Infantilisation of User Interface Design?
German Paper at http://mprove.de/script/11/hyperkult/

Published in: Design, Technology

Back to Childhood

  1. 1. Back to ChildhoodInfantilisation of UI Design?Matthias Müller-Prove, Dipl.-Inform. User Experience Principal, Oracle HyperKult XX, Lüneburg, 8 July 2011
  2. 2. Proposition Human development and the evolution of user interface paradigms happen(ed) in 3 corresponding stages. The stages do not supersede each other – they start subsequently and coexist over time.
  3. 3. Jean Piaget / Jerome Bruner
  4. 4. 1 enactive mentalitiy Bruner’s Mentality Theory
  5. 5. cc dulcelife http://www.flickr.com/photos/dulcelife/8505313/ kinesthetic/sensomotoric, enactive
  6. 6. cc Squiggle http://www.flickr.com/photos/stephenr/2331677192/preoperational: playing and building
  7. 7. 2 iconic mentality Bruner’s Mentality Theory
  8. 8. cc Minneapolis Institute of Arts http://www.flickr.com/photos/minneapolisinstituteofarts/4926356727/operational/visual, iconic
  9. 9. 3 symbolic mentality Bruner’s Mentality Theory
  10. 10. formal, symbolic cc gail m tang http://www.flickr.com/photos/gailtang/3252519764/
  11. 11. enactive iconic symbolic 1 1/2 4-8 12 yrs. Bruner’s Mentalities
  12. 12. 3 CLI Command Line Interfaces
  13. 13. very cryptic, poor usability. www.operating-system.org Good for experts who doscripting and programming
  14. 14. 2 GUI Graphical User InterfacesWindows, Icons, Menus, Pointing Device & Desktop
  15. 15. Ivan Sutherland’s Sketchpad (1963)
  16. 16. Timothy Johnson a few years later.
  17. 17. Ivan Sutherland’s PhD Thesis, 1963
  18. 18. 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)
  19. 19. http://www.deepamehta.de/docs/talk.htmlDoug Engelbart’s NLS/Augment (1963-72)
  20. 20. Mouse (1963) and Chording Keyset
  21. 21. NLS/AugmentMouse (1963)Chording-KeysetWindowsInteractive text editing and outlinerHypertextE-MailTime-SharingVideo Conferencing and CSCW2nd node of the ARPANet
  22. 22. http://en.wikipedia.org/wiki/File:Alan_Kay_and_the_prototype_of_Dynabook,_pt._5_(3010032738).jpg Alan Kay - Dynabook (concept 1972)
  23. 23. Doing with images makes symbols. Alan Kay
  24. 24. The CLI survived as a terminal window.
  25. 25. The Web also has its CLI!
  26. 26. 1 TUI & “NUI” Tangible and “Natural” User Interfaces User InterSurfacePhysical objects combined with digital information Multi-Touch & Gestures, Lots of sensors, Mobility
  27. 27. http://de.wikipedia.org/wiki/Reactable Reactable
  28. 28. cc arteunporro http://www.flickr.com/photos/arteunporro/870265352/
  29. 29. SoundScape for iPad
  30. 30. Gravity and Touch atSoundDrop for iPad
  31. 31. Gravitarium2 for iPad
  32. 32. Gravitarium2 for iPad
  33. 33. A Personal Dynamic Medium for Children of all Ages Alan Kay (1972)
  34. 34. http://flickr.com/photos/prupert/68375339/ A personal dynamic medium…
  35. 35. …for children of all ages
  36. 36. enactive iconic symbolicTUI                           CLI        GUI
  37. 37. Thanks!cc by Steve Paine http://www.flickr.com/photos/umpcportal/4581962986/ Matthias Müller-Prove | mprove.de
  38. 38. Matthias Müller-Prove follow @mprovePaper and references at mprove.de/script/11/hyperkult/

×