tippen. klicken. gestikulieren
DESCRIPTION
Mit den jüngsten Entwicklungen von mobilen Endgeräten und Spielekonsolen schließt sich in gewissem Sinne ein Kreis. Denn genau wie sich der Mensch von der Kleinkindphase (alles muss angefasst und ausprobiert werden) über die Kindheit (mit Malen und Schauen) hin zum Homo Sapiens (manchmal auch rational denkend) entwickelt, hat sich die Computer-Technik in den letzten 50 Jahren in umgekehrter Reihenfolge vom textbasierten Teletype, über die Graphischen Benutzungsschnittstellen hin zu maus- und fensterlosen Geräten à la Apple iPad und Kinect für Spiel und Unterhaltung gewandelt. Gesten und Finger-Ballett ersetzen das Klicken und Tippen, die bei GUIs und CLIs noch die Hauptinteraktionsmodalitäten waren. Der Vortrag stellt beide Entwicklungsstänge gegenüber und postuliert eine Gleichzeitigkeit der Phasen im Gegensatz zu dem sonst üblichen Begriff des Paradigmenshifts. Kolloquiumsvortrag am Fachbereich Informatik, Uni Hamburg 26.4.2012TRANSCRIPT
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