SlideShare ist ein Scribd-Unternehmen logo
1 von 31
Downloaden Sie, um offline zu lesen
Desktop and Web
    Media for Creative Thought
               At Least Sometimes
                                  Matthias Müller-Prove
                                              Dipl.-Inform.
               User Experience Architect, Sun Microsystems



Cognitive Design, LearnTec, Karlsruhe, 4 February 2009
Agenda
 Three cultural revolutions…

 The Digital Age
  Personal Computing and the World Wide Web

 Media for Creative Thought
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-Keyset
 Windows
 Interactive Text Editing and Outliner
 Hypertext
 E-Mail
 Time-Sharing System
 Video-Conference and CSCW
 –
 ARPANet
Computer Supported Cooperative Work
Alan Curtis Kay
Xerox PARC – 1970s
 Object Oriented Programming
  Smalltalk
 Graphical User Interface
  Windows, Icons, Menus,
  Desktop-Metapher
 Networking
  Ethernet
 Laser Printer
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

                                         radio
one-way     letter        book            TV
                                          web


          telephone       e-mail
                                      social web:
two-way    SMS / IM        chat
                                     wikis, blogs,…
            e-mail    enterprise 2.0




      Mediated Communication
Ted Nelson 1974
Matthias Müller-Prove
     www.mprove.de
Credits
Slide 5 - Doug Engelbart: http://flickr.com/photos/nilsohman/511128120/
          Audio: http://www.invisiblerevolution.net/engelbart/glossary/index.html
Slide 7 - Engelbart and team
Slide 8 - Alan Kay: http://flickr.com/photos/jeanbaptisteparis/3097764055/
Slide 9 - Xerox Alto, Christian Wurster: Computer. Eine Illustrierte Geschichte. Taschen, 2002, p. 228
Slide 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.jpg
Slide 15 - Mosaic: http://docs.rinet.ru/uHTML/f2-9.gif
Slide 18 - Wim Wenders, Der Himmel Über Berlin
Slide 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 Author
Slide 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.html
Slide 29, 30 - ComputerLib: http://www.digibarn.com/collections/books/computer-lib/index.html

Weitere ähnliche Inhalte

Andere mochten auch

Architecting For Ux
Architecting For UxArchitecting For Ux
Architecting For Ux
Josh Holmes
 
Basic layout principles
Basic layout principlesBasic layout principles
Basic layout principles
Sherwin Manual
 

Andere mochten auch (7)

responsive web design and user experience
responsive web design and user experienceresponsive web design and user experience
responsive web design and user experience
 
Architecting For Ux
Architecting For UxArchitecting For Ux
Architecting For Ux
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
User Adoption Strategies for Collaboration Software
User Adoption Strategies for Collaboration Software User Adoption Strategies for Collaboration Software
User Adoption Strategies for Collaboration Software
 
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...
 
SenchaCon 2016: Mobile First? Desktop First? Or Should you Think Universal Ap...
SenchaCon 2016: Mobile First? Desktop First? Or Should you Think Universal Ap...SenchaCon 2016: Mobile First? Desktop First? Or Should you Think Universal Ap...
SenchaCon 2016: Mobile First? Desktop First? Or Should you Think Universal Ap...
 
Basic layout principles
Basic layout principlesBasic layout principles
Basic layout principles
 

Ähnlich wie Desktop and Web – Media for Creative Thought – At Least Sometimes

History Of The Interent
History Of The InterentHistory Of The Interent
History Of The Interent
davereece
 
ADED 7330 Introduction
ADED 7330 IntroductionADED 7330 Introduction
ADED 7330 Introduction
queenofrug
 
Jn3800 l1 multimedia landscapes
Jn3800   l1 multimedia landscapesJn3800   l1 multimedia landscapes
Jn3800 l1 multimedia landscapes
JohnMillsonline
 
History of the Internet
History of the InternetHistory of the Internet
History of the Internet
Richard Smith
 
Websites 2003 version
Websites 2003 versionWebsites 2003 version
Websites 2003 version
Johan Koren
 

Ähnlich wie Desktop and Web – Media for Creative Thought – At Least Sometimes (20)

Being digital, the skills of the interactive systems designer.pptx
Being digital, the skills of the interactive systems designer.pptxBeing digital, the skills of the interactive systems designer.pptx
Being digital, the skills of the interactive systems designer.pptx
 
111 190518 Bookclub 100 Ideas That Changed The Web by Jim Boulton - Idea 1-34
111 190518 Bookclub 100 Ideas That Changed The Web by Jim Boulton - Idea 1-34111 190518 Bookclub 100 Ideas That Changed The Web by Jim Boulton - Idea 1-34
111 190518 Bookclub 100 Ideas That Changed The Web by Jim Boulton - Idea 1-34
 
Back to the Future – The Way to a Personal Dynamic Medium for Creative Thought
Back to the Future – The Way to a Personal Dynamic Medium for Creative ThoughtBack to the Future – The Way to a Personal Dynamic Medium for Creative Thought
Back to the Future – The Way to a Personal Dynamic Medium for Creative Thought
 
IMD 203 - Ch01
IMD 203 - Ch01IMD 203 - Ch01
IMD 203 - Ch01
 
Rc 10.computers
Rc 10.computersRc 10.computers
Rc 10.computers
 
Chap01
Chap01Chap01
Chap01
 
617624183-Chapater-1-Introduction-to-Human-Computer-Interaction-1.pptx
617624183-Chapater-1-Introduction-to-Human-Computer-Interaction-1.pptx617624183-Chapater-1-Introduction-to-Human-Computer-Interaction-1.pptx
617624183-Chapater-1-Introduction-to-Human-Computer-Interaction-1.pptx
 
Chapter one
Chapter oneChapter one
Chapter one
 
History Of Internet Essay
History Of Internet EssayHistory Of Internet Essay
History Of Internet Essay
 
History Of The Interent
History Of The InterentHistory Of The Interent
History Of The Interent
 
ADED 7330 Introduction
ADED 7330 IntroductionADED 7330 Introduction
ADED 7330 Introduction
 
Call-IS 25th Anniversary Observations - Text
Call-IS 25th Anniversary Observations - TextCall-IS 25th Anniversary Observations - Text
Call-IS 25th Anniversary Observations - Text
 
Jn3800 l1 multimedia landscapes
Jn3800   l1 multimedia landscapesJn3800   l1 multimedia landscapes
Jn3800 l1 multimedia landscapes
 
DIKULT103 Digital Genres: Intro lecture
DIKULT103 Digital Genres: Intro lectureDIKULT103 Digital Genres: Intro lecture
DIKULT103 Digital Genres: Intro lecture
 
lodwig-power.ppt
lodwig-power.pptlodwig-power.ppt
lodwig-power.ppt
 
The road ahead
The road aheadThe road ahead
The road ahead
 
History of the Internet
History of the InternetHistory of the Internet
History of the Internet
 
p3_history and flow_kneeland
p3_history and flow_kneelandp3_history and flow_kneeland
p3_history and flow_kneeland
 
Introduction to Multimedia
Introduction to MultimediaIntroduction to Multimedia
Introduction to Multimedia
 
Websites 2003 version
Websites 2003 versionWebsites 2003 version
Websites 2003 version
 

Mehr von Matthias Mueller-Prove

Interface Culture
Interface CultureInterface Culture
Interface Culture
Matthias Mueller-Prove
 
Hyper-Chronoskop
Hyper-ChronoskopHyper-Chronoskop
Hyper-Chronoskop
Matthias Mueller-Prove
 
Hyper-Chronoskop 0.9
Hyper-Chronoskop 0.9Hyper-Chronoskop 0.9
Hyper-Chronoskop 0.9
Matthias Mueller-Prove
 

Mehr von Matthias Mueller-Prove (20)

Interface Culture
Interface CultureInterface Culture
Interface Culture
 
ChronoHH Research Lab
ChronoHH Research LabChronoHH Research Lab
ChronoHH Research Lab
 
Chronoscope Hamburg
Chronoscope HamburgChronoscope Hamburg
Chronoscope Hamburg
 
Ahoi User Experience Design
Ahoi User Experience DesignAhoi User Experience Design
Ahoi User Experience Design
 
VerA\UX – Ausstellungsdesign und Social Media
VerA\UX – Ausstellungsdesign und Social MediaVerA\UX – Ausstellungsdesign und Social Media
VerA\UX – Ausstellungsdesign und Social Media
 
Gesellschaft und Informatik – Vom Verstand zum Algorithmus
Gesellschaft und Informatik – Vom Verstand zum AlgorithmusGesellschaft und Informatik – Vom Verstand zum Algorithmus
Gesellschaft und Informatik – Vom Verstand zum Algorithmus
 
IAK16 An Urania. Blick. Zurück. Nach Vorn.
IAK16 An Urania. Blick. Zurück. Nach Vorn.IAK16 An Urania. Blick. Zurück. Nach Vorn.
IAK16 An Urania. Blick. Zurück. Nach Vorn.
 
Anleitung zur Schwerelosigkeit
Anleitung zur SchwerelosigkeitAnleitung zur Schwerelosigkeit
Anleitung zur Schwerelosigkeit
 
Welchem Muster folgt Innovation?
Welchem Muster folgt Innovation?Welchem Muster folgt Innovation?
Welchem Muster folgt Innovation?
 
Algorithmen zwischen Reeperbahn und Elbe
Algorithmen zwischen Reeperbahn und ElbeAlgorithmen zwischen Reeperbahn und Elbe
Algorithmen zwischen Reeperbahn und Elbe
 
Beyond Hyperlocal
Beyond HyperlocalBeyond Hyperlocal
Beyond Hyperlocal
 
User Experience - Design für die Nutzer
User Experience - Design für die NutzerUser Experience - Design für die Nutzer
User Experience - Design für die Nutzer
 
Hyper-Chronoskop
Hyper-ChronoskopHyper-Chronoskop
Hyper-Chronoskop
 
Hyper-Chronoskop 0.9
Hyper-Chronoskop 0.9Hyper-Chronoskop 0.9
Hyper-Chronoskop 0.9
 
CounterCulture and CoEvolution of the Human-Tool System
CounterCulture and CoEvolution of the Human-Tool SystemCounterCulture and CoEvolution of the Human-Tool System
CounterCulture and CoEvolution of the Human-Tool System
 
CounterCulture und CoEvolution des Systems Mensch-Computer
CounterCulture und CoEvolution des Systems Mensch-ComputerCounterCulture und CoEvolution des Systems Mensch-Computer
CounterCulture und CoEvolution des Systems Mensch-Computer
 
Der Ingenieur. Ein Träumer?
Der Ingenieur. Ein Träumer?Der Ingenieur. Ein Träumer?
Der Ingenieur. Ein Träumer?
 
Digitale Mythen – Sinn macht der Zuschauer
Digitale Mythen – Sinn macht der ZuschauerDigitale Mythen – Sinn macht der Zuschauer
Digitale Mythen – Sinn macht der Zuschauer
 
Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030
Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030 Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030
Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030
 
Don't Panic! - Opening RSE15
Don't Panic! - Opening RSE15 Don't Panic! - Opening RSE15
Don't Panic! - Opening RSE15
 

Kürzlich hochgeladen

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Kürzlich hochgeladen (20)

Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 

Desktop and Web – Media for Creative Thought – At Least Sometimes

  • 1. Desktop and Web Media for Creative Thought At Least Sometimes Matthias Müller-Prove Dipl.-Inform. User Experience Architect, Sun Microsystems Cognitive Design, LearnTec, Karlsruhe, 4 February 2009
  • 2. Agenda Three cultural revolutions… The Digital Age Personal Computing and the World Wide Web Media for Creative Thought
  • 3. Printing Press ➚ Writing ➚ Language -100,000 -5,000 15th Century
  • 4. Digital Age ➚ Printing Press ➚ Writing ➚ Language -100,000 -5,000 15th Century 20th Century
  • 6. NLS/Augment Mouse (1963) Chording-Keyset Windows Interactive Text Editing and Outliner Hypertext E-Mail Time-Sharing System Video-Conference and CSCW – ARPANet
  • 9. Xerox PARC – 1970s Object Oriented Programming Smalltalk Graphical User Interface Windows, Icons, Menus, Desktop-Metapher Networking Ethernet Laser Printer
  • 10. Personal Computer – Macintosh 1984
  • 15. 1993 by Marc Andreessen
  • 16. Y2K
  • 17. Today - The Social Web
  • 19. Bill Verplank – Interaction Design
  • 25. Social Web ➚ Information Web ➚ Personal Computing 1970/80s 1990s/2000s today
  • 27. person group many radio one-way letter book TV web telephone e-mail social web: two-way SMS / IM chat wikis, blogs,… e-mail enterprise 2.0 Mediated Communication
  • 28.
  • 30. Matthias Müller-Prove www.mprove.de
  • 31. Credits Slide 5 - Doug Engelbart: http://flickr.com/photos/nilsohman/511128120/ Audio: http://www.invisiblerevolution.net/engelbart/glossary/index.html Slide 7 - Engelbart and team Slide 8 - Alan Kay: http://flickr.com/photos/jeanbaptisteparis/3097764055/ Slide 9 - Xerox Alto, Christian Wurster: Computer. Eine Illustrierte Geschichte. Taschen, 2002, p. 228 Slide 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.jpg Slide 15 - Mosaic: http://docs.rinet.ru/uHTML/f2-9.gif Slide 18 - Wim Wenders, Der Himmel Über Berlin Slide 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 Author Slide 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.html Slide 29, 30 - ComputerLib: http://www.digibarn.com/collections/books/computer-lib/index.html