Matthias Müller-Prove Dipl.-Inform.

User Experience Architect, Sun Microsystems

Cognitive Design, LearnTec, Karlsruhe, 4 February 2009

Desktop and WebMedia for Creative Thought

At Least Sometimes

Three cultural revolutions…

The Digital AgePersonal Computing and the World Wide Web

Media for Creative Thought

Agenda

Printing Press ➚ Writing ➚Language

-100,000 -5,000 15th Century

Digital Age ➚ Printing Press ➚ Writing ➚Language

-100,000 -5,000 15th Century 20th Century

Douglas C. Engelbart

NLS/Augment

Mouse (1963)Chording-KeysetWindows Interactive Text Editing and OutlinerHypertextE-MailTime-Sharing SystemVideo-Conference and CSCW–ARPANet

Computer Supported Cooperative Work

Alan Curtis Kay

Object Oriented ProgrammingSmalltalk

Graphical User InterfaceWindows, Icons, Menus,Desktop-Metapher

NetworkingEthernet

Laser Printer

Xerox PARC – 1970s

Personal Computer – Macintosh 1984

Theodor Holm Nelson

Hypertext (1965)

Tim Berners-Lee

WorldWideWeb (1990)

1993 by Marc Andreessen

Y2K

Today - The Social Web

Media for Creative Thought

Bill Verplank – Interaction Design

Desktop-Metapher

WIMP-Desktop Paradigm

Information Super Highway

Surfing ?

Web-Browser

Social Web ➚

Information Web ➚Personal Computing

1970/80s 1990s/2000s today

A Personal Dynamic Medium

person group many

one-way letter bookradioTV

web

two-waytelephoneSMS / IM

e-mail

e-mailchat

enterprise 2.0

social web:wikis, blogs,…

Mediated Communication

Ted Nelson 1974

Matthias Müller-Provewww.mprove.de

Credits

Slide 5 - Doug Engelbart: http://flickr.com/photos/nilsohman/511128120/ Audio: http://www.invisiblerevolution.net/engelbart/glossary/index.htmlSlide 7 - Engelbart and teamSlide 8 - Alan Kay: http://flickr.com/photos/jeanbaptisteparis/3097764055/Slide 9 - Xerox Alto, Christian Wurster: Computer. Eine Illustrierte Geschichte. Taschen, 2002, p. 228Slide 10 - Apple Macintosh: http://flickr.com/photos/luxuryluke/73908545/Slide 11 - Ted Nelson: http://flickr.com/photos/25705032@N02/2422831206/Slide 12 - Hypertext: Ted Nelson: Literary Machines. 93.1. Mindful Press, Sausalito, CA, 1981.Slide 13 - Tim Berners-Lee: http://flickr.com/photos/f7oor/405046410/Slide 14 - WorldWideWeb Browser: http://www.w3.org/MarkUp/tims_editor.jpgSlide 15 - Mosaic: http://docs.rinet.ru/uHTML/f2-9.gifSlide 18 - Wim Wenders, Der Himmel Über BerlinSlide 19 - Bill Verplank: Interaktionsdesign: http://ccrma.stanford.edu/courses/250a/lectures/IDSketchbok.pdf Slide 20 - Schreibtisch: http://flickr.com/photos/bombardier/44428620/Slide 21, 24 - The AuthorSlide 22 - Datenautobahn: http://flickr.com/photos/gammateilchen/433560321/ Slide 23 - Surfer: http://flickr.com/photos/tk_five_0/1310759230/Slide 26 - http://flickr.com/photos/prupert/68375339/Slide 28 - Conversations: http://www.briansolis.com/2008/08/introducing-conversation-prism.htmlSlide 29, 30 - ComputerLib: http://www.digibarn.com/collections/books/computer-lib/index.html