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

1. Back to Childhood
Infantilisation of UI Design?
Matthias Müller-Prove, Dipl.-Inform.
User Experience Principal, Oracle
HyperKult XX, Lüneburg, 8 July 2011

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. Jean Piaget / Jerome Bruner

4. 1 enactive mentalitiy
Bruner’s Mentality Theory

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

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

7. 2 iconic mentality
Bruner’s Mentality Theory

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

9. 3 symbolic mentality
Bruner’s Mentality Theory

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

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

12. 3 CLI
Command Line Interfaces

13. very cryptic, poor usability. www.operating-system.org
Good for experts who do
scripting and programming

14. 2 GUI
Graphical User Interfaces
Windows, Icons, Menus, Pointing Device & Desktop

15. Ivan Sutherland’s Sketchpad (1963)

16. Timothy Johnson a
few years later.

17. Ivan Sutherland’s PhD Thesis, 1963

18. 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)

19. http://www.deepamehta.de/docs/talk.html
Doug Engelbart’s NLS/Augment (1963-72)

20. Mouse (1963) and Chording Keyset

21. 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

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

23. Doing with images makes symbols.
Alan Kay

25. The CLI survived as a terminal window.

27. The Web also has its CLI!

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

29. http://de.wikipedia.org/wiki/Reactable
Reactable

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

32. SoundScape for iPad

33. Gravity and Touch at
SoundDrop for iPad

34. Gravitarium2 for iPad

35. Gravitarium2 for iPad

36. A Personal Dynamic Medium
for Children of all Ages
Alan Kay (1972)

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

38. …for children of all ages

39. enactive iconic symbolic
TUI CLI
GUI

40. Thanks!
cc by Steve Paine http://www.flickr.com/photos/umpcportal/4581962986/
Matthias Müller-Prove | mprove.de

41. Matthias Müller-Prove
follow @mprove
Paper and references at mprove.de/script/11/hyperkult/