Tippen. Klicken. Gestikulieren

Tippen, Kicken, GestikulierenInfantilisierung im Interaktionsdesign /v3

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

Fachbereich Informatik, Uni Hamburg, 26.4.2012

These 1

Menschliche Entwicklung vom Baby zum Erwachsenen und die Evolution der Nutzungsschnittstellen erfolg(t)en in 3 Stufen.

These 2

Die Stufen folgen nicht aufeinander, sie setzen nur nacheinander ein und überlagern sich wie ein Dreiklang.

Jean Piaget 1896-1980 / Jerome Bruner *1915

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.

Durch den Spiegel

enactive iconic symbolic

Command Line Interfaces

CLI3

www.operating-system.orgsehr kryptisch, schlechte initiale Usability.Gut geeignet für Experten zum Scripten und Programmieren

Graphical User Interfaces

Windows, Icons, Menus, Pointing Device & Desktop

GUIs2

Ivan Sutherland *1938 - Sketchpad (1963)

Timothy Johnsonein paar Jahre später.

Ivan Sutherland’s PhD Thesis, 1963

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 *1925 NLS/Augment (1963-72)http://www.deepamehta.de/docs/talk.html

Mouse (1963) and Chording Keyset

Mouse (1963)Chording-KeysetWindows Interactive text editing and outlinerHypertextE-MailTime-SharingVideo Conferencing and CSCW2nd node of the ARPANet

NLS/Augment

Alan Kay *1940 - 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, 1987

enactive iconic symbolic

CLI überlebt als Terminal-Fenster

Das Web hat auch sein 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 Liquid 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

Drei weitere Dreiklänge

Historical Framework for…?

Stammhirn/Kleinhirn

Limbische System Cortex/Neo-Cortex

Reptil Säuger Homo Sapiens

Reflexe Lernen Kognition

Piet Vroon, 1993

human disposition

profession

example

visceral behavioral reflective

perceptually driven

expectation driven

intellectually driven

graphic design

usability brand/image

beautiful blue bottle used as

a vase

water in plastic bottle

Perrier table water

Emotional Design by Don Norman, 2004

human disposition

profession

example

visceral behavioral reflective

perceptually driven

expectation driven

intellectually driven

graphic design

usability brand/image

beautiful blue bottle used as

a vase

water in plastic bottle

Perrier table water

Emotional Design by Don Norman, 2004

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

Danke!

Matthias Müller-Prove | mprove.de/script/12/fbi/os.html