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.
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,356 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/

×