Typing, Clicking, DancingInfantilisation in Interaction Design

Matthias Müller-Prove, Dipl.-Inform.User Experience Principal, Oracle

SirValUse Academy, 24 Feb 2012

Proposition

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

Proposition

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

1920s 1960s

Jean Piaget / Jerome Bruner

Bruner’s Mentality Theory

enactive mentalitiy1

cc dulcelife http://ww

w.flickr.com

/photos/dulcelife/8505313/

kinesthetic/sensomotoric, enactive

cc Squiggle http://www.flickr.com/photos/stephenr/2331677192/

preoperational: playing and building

Bruner’s Mentality Theory

iconic mentality2

operational/visual, iconiccc Minneapolis Institute of Arts

http://www.flickr.com/photos/minneapolisinstituteofarts/4926356727/

Bruner’s Mentality Theory

symbolic mentality3

formal, symboliccc

gai

l m ta

ng h

ttp://

ww

w.fl

ickr

.com

/pho

tos/

gailt

ang/

3252

5197

64/

enactive iconic symbolic

Bruner’s Mentalities

1 1/2 4-8 12 yrs.

Through the Mirror

enactive iconic symbolic

                                 

Command Line Interfaces

CLI3

www.operating-system.orgvery cryptic, poor initial usability.Good for experts who do scripting

and programming

Graphical User Interfaces

Windows, Icons, Menus, Pointing Device & Desktop

GUIs2

Ivan Sutherland’s Sketchpad (1963)

Timothy Johnson a few years later.

Use of light penInteractive line drawingsConstraints resolution engineObject-based computer aided design (CAD)

On a TX-2 computer at MIT Lincoln Lab69,632 words with 36 bits (~306 KByte)

Sketchpad

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

Mouse (1963) and Chording Keyset

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

Doing with images makes symbols.Alan Kay

enactive iconic symbolic

The CLI survived as a terminal window.

The Web also has its CLI!

Tangible and “Natural” User Interfaces

Physical objects combined with digital informationMulti-Touch & Gestures, Lots of sensors, Mobility

TUI & “NUI”1

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

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

Gravity and Touch at SoundDrop for iPad

Gravitarium2 for iPad

Gravitarium2 for iPad

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

…for children of all ages

enactive iconic symbolic

                          CLI       GUI TUI

cc by Steve Paine http://www.flickr.com/photos/umpcportal/4581962986/

Thanks!

Matthias Müller-Prove | mprove.de | @mprove

Matthias Müller-Provefollow @mprove

References at mprove.de/script/12/sirvaluse/