Typing, Clicking, Dancing with your Fingers. Infantilisation in Interaction Design. - Invited talk at SirValUse Academy 2012

1. Typing, Clicking, Dancing
Infantilisation in Interaction Design
Matthias Müller-Prove, Dipl.-Inform.
User Experience Principal, Oracle
SirValUse Academy, 24 Feb 2012

2. Proposition
Human development from baby to adults
and the evolution of user interface
paradigms happen-s/ed in 3 stages.

3. Proposition
The stages do not supersede each other –
they start subsequently and coexist over
time.

4. 1920s 1960s
Jean Piaget / Jerome Bruner

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. Through the Mirror

14. enactive iconic symbolic

15. 3 CLI
Command Line Interfaces

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

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

18. Ivan Sutherland’s Sketchpad (1963)

19. Timothy Johnson a
few years later.

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

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

22. Mouse (1963) and Chording Keyset

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

24. Doing with images makes symbols.
Alan Kay
enactive iconic symbolic

26. The CLI survived as a terminal window.

27. The Web also has its CLI!

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

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

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

32. Gravity and Touch at
SoundDrop for iPad

33. Gravitarium2 for iPad

34. Gravitarium2 for iPad

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

36. …for children of all ages

37. enactive iconic symbolic
TUI CLI
GUI

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

39. Matthias Müller-Prove
follow @mprove
References at mprove.de/script/12/sirvaluse/