Interaction Design
Transcrição
Interaction Design
! Interaction Design Prof. Stefan Wölwer – Interaction Design Integratives Projekt Sommer 14 ! Interaction Design is a state of mind Prof. Stefan Wölwer – Interaction Design Integratives Projekt Sommer 14 ! Interaction Design is a state of mind ! Heute im Angebot: ! Theorie Praxis Herkunft IxD ideal Design Fiction What’s out there ! …und ein paar Buchtipps Prof. Stefan Wölwer – Interaction Design Integratives Projekt Sommer 14 Douglas Edric Stanley @ #res14 Photo by Chris Waring https://www.flickr.com/photos/cwaring/13810559233/in/set-72157643867142074 Was ist Design? ! ! Was ist Design? ! „Design ist als zielgerichteter Prozess aufzufassen, der ein Problem in gestalterischer Hinsicht löst. Dabei kann es sich bei der Lösung um ein materielles oder immaterielles Ergebnis handeln. … ! ! Was ist Design? ! „Design ist als zielgerichteter Prozess aufzufassen, der ein Problem in gestalterischer Hinsicht löst. Dabei kann es sich bei der Lösung um ein materielles oder immaterielles Ergebnis handeln. ! Der Designer entwickelt also nicht mehr nur einen Gegenstand an sich, sondern vor allem die damit verbundenen Handlungsabläufe und berücksichtigt dabei die Bezüge, die der Gegenstand zu anderen Gegenständen aufweist, seinen Handlungs- und Umgebungskontext.“ Prof. Dr. Sabine Foraita Was ist Design? ! „Design ist als zielgerichteter Prozess aufzufassen, der ein Problem in gestalterischer Hinsicht löst. Dabei kann es sich bei der Lösung um ein materielles oder immaterielles Ergebnis handeln. ! Der Designer entwickelt also nicht mehr nur einen Gegenstand an sich, sondern vor allem die damit verbundenen Handlungsabläufe und berücksichtigt dabei die Bezüge, die der Gegenstand zu anderen Gegenständen aufweist, seinen Handlungs- und Umgebungskontext.“ Prof. Dr. Sabine Foraita ! ! ! ! ! ! ! ! ! ! Aber die Praxis… Interfaces Information Interfaces Information Information Information Information Information Information Information Foto: Moritz Papenfuss Interfaces Interface Interfaces Interface Interface Interface Produkt Produkt Produkt Interfaces ! ! vergl. GROHE Ondus® Digital, URL: http://www.grohe.com/de/1369/badezimmer/badarmaturen/grohe-ondus-digital/ Zugegriffen am 03.12.2013 User Experience User Experience Testen Gestensteuerung Gestensteuerung Interfaces Verhalten Verhalten Interaction Design is about designing the parameters which frame the interactions between us, space and things. Interaction Design is about designing the parameters which frame the interactions between us, space and things. A little bit of history… _ 1901 James Mark Baldwin definiert im Dictionary of Philosophy and Psychology ‚interaction’ als ! „The relation between two or more relatively independent things or systems of change which advance, hinder, limit, or otherwise affect one another.“ _ _ _ ! ! ! ! ! ! ! ! ! ! ! Baldwin, J.M. (1901) Dictionary of Philosophy and Psychology. URL: http://psychclassics.yorku.ca/Baldwin/Dictionary/defs/I4defs.htm#Interaction Zugegriffen am 23. Mai 2013. _ 1901 Zu Begin des vorherigen Jahrhunderts finden wir den Begriff der Interaktion auch bei dem amerikanischen Sozialpsychologen George Herbert Mead. In seinen Arbeiten zur Theorie der symbolvermittelten Kommunikation geht es darum, wie gemeinsame Begriffe und Symbole gleiche Handlungsweisen bei Individuen hervorrufen. _ _ _ ! ! ! ! ! ! ! ! ! ! vergl. Stanford Encyclopedia of Philosophy (2008) Georg Herbert Mead. URL: http://plato.stanford.edu/entries/mead/ Zugegriffen am 23. Mai 2013. Grafik: Luke Wroblewski, Touch Gesture Reference Guide (2010). URL: http://www.lukew.com/ff/entry.asp?1071 Zugegriffen am 04.12.2013 _ 1962 Der amerikanische Computerwissenschaftler Joseph Carl Robnett Licklider beschreibt 1962 in seinem Konzept ‚Galactic Network’ am Massachusetts Institute of Technology in Boston erste Szenerien sozialer Interaktion mittels elektronischer Netzwerke, die auf global vernetzten Computern basieren – damit skizzierte er auch das entstehende ARPANET, der Basis unseres heutigen Internets. _ _ _ ! ! ! ! ! ! ! ! ! ! vergl. Leiner, B.M., Cerf, V.G.,Clark, D.D., Kahn, R.E., Kleinrock, L., Lynch, D.C., Postel, J., Roberts, L.G., Wolff, S. (2012) Brief History of the Internet. URL: http://www.internetsociety.org/internet/what-internet/history-internet/brief-history-internet Zugegriffen am 23. Mai 2013. Grafik: Melih Bilgil, History of the Internet (2009) URL: https://vimeo.com/2696386 Zugegriffen am 04.12.2013 _ 1963 Den Begriff der Interaktion finden wir gleichfalls bei Josef Albers und seinem Werk ‚Interaction of Color’. Hier erläutert er die gegenseitige Wechselwirkung der Farben. Anhand eindrucksvoller Beispiele legt Albers dar, wie sich Farben gegenseitig beeinflussen und beim Betrachter Emotionen und Reaktionen auslösen. _ _ _ ! ! ! ! ! ! ! ! ! ! ! ! ! vergl. Albers, J. (1975) Interaction of color. Yale University Press; Revised edition. _ 1954 Der Amerikaner Edward Louis Ullman forscht im Bereich der Ökonomie und Geografie. Er stellte die These auf, das Handel eine Interaktion von Komplementarität, Übertragbarkeit und eingreifender Opportunität sei. _ _ _ ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! Buchtitel: Edward Louis Ullman, Geography As Spatial Interaction, University of Washington Press (September 1980) _ 1971 Der britische Architekt Cedric Price baut das InterAction Centre in Kentish Town, London, basierend auf seiner Idee des Fun Palace als dynamische Architektur aus dem Jahre 1961. _ _ _ ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! DESIGN MUSEUM, Cedric Price, URL: http://designmuseum.org/design/cedric-price Zugegriffen am 02.12.2013 Bildquelle: URL: http://www.audacity.org/SM-26-11-07-02.htm Zugegriffen am 02.12.2013 _ 1970 … In den 1970er und 1980er Jahren wird der Begriff der Interaktion als Akt des kommunikativen Handelns zwischen Individuen in den Sozialwissenschaften rege diskutiert. _ _ _ ! ! ! ! ! ! ! ! ! ! ! Foto zur Illustration: Scott Snibbe, NEAR, 2004 ! ! ! ! vergl. Abels, H. (2009) Einführung in die Soziologie. Band 2, 4. Auflage. Wiesbaden: GWV Fachverlage GmbH. Bildquelle: URL: http://www.participatorymuseum.org/chapter3/#footnote-754-2 Zugegriffen am 02.12.2013 _ 1980 … In den späten 1980er Jahren führten Bill Moggridge (IDEO) und Bill Verplank (XEROX Parc, IDEO) den Begriff des Interaction Designs erstmals in die Computerwelt ein. Für Verplank war es eine Verbindung des computerwissenschaftlichen ‚user interface design’ mit der Profession des ‚industrial design’. Für Bill Moggridge ergab es eine Verbesserung der Wortkombination ‚soft-face’. Diese kreierte er 1984, um damit auf die Applikation des Industriedesigns auf softwarebetriebenen Produkte zu verweisen. _ _ _ ! ! ! ! ! ! ! ! ! vergl. Moggridge, B. (2007). Designing Interactions. Cambridge: The MIT Press. Massachusetts Institute of Technology (Hrsg.). Bildquelle: URL: http://designinginteractions.com Zugegriffen am 02.12.2013 Designing Interactions ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! Moggridge, B. (2007). Designing Interactions. Cambridge: The MIT Press. Massachusetts Institute of Technology (Hrsg.). Bildquelle: URL: http://designinginteractions.com Zugegriffen am 02.12.2013 ! ! Grafik: Stefan Wölwer, 2013 You are not a gadget ! „We have to think about the digital layers we are laying down now in order to benefit future generations. We should be optimistic that civilization will survive this challenging century, and put some effort into creating the best possible world for those who will inherit our efforts“ ! Jaron Lanier ! ! ! ! ! ! ! ! ! ! Jaron Lanier (2011) You are not a gadget (S. 20) London: Penguin Books Ltd. ! Entwickler nehmen Einfluss auf unser soziales Miteinander… WhatsApp von Brian Acton und Jan Koum, Facebook von Mark Zuckerberg … ! ! ! Bildquellen: URL: http://www.chip.de/news/WhatsApp-iPod-touch-Anleitung-und-Installation_61420040.html Zugegriffen 03.12.2013 URL: http://static.guim.co.uk/sys-images/Guardian/Pix/pictures/2009/6/27/1246121880441/Mark-Zuckerberg-001.jpg Zugegriffen 03.12.2013 Steve Jobs was a great Interaction Designer… ! ! Bildquellen: URL: https://www.apple.com Zugegriffen 03.12.2013 Form follows function? ! ! Oben: Foto: Dual DGC Gmbh, URL: http://www.dual.de/?page_id=5098 Zugegriffen am 04.12.2013 ! Links: Frank Alexander Szyperrek, Volkswagen Eco (2013) URL: http://www.behance.net/alexszyperrek Zugegriffen am 03.12.2013 Form follows function ! „Es ist das Gesetz aller organischen und anorganischen, aller physischen und metaphysischen, aller menschlichen und übermenschlichen Dinge, aller echten Manifestationen des Kopfes, des Herzens und der Seele, daß das Leben in seinem Ausdruck erkennbar ist, daß die Form immer der Funktion folgt. Das ist das Gesetz.“ ! Louis H. Sullivan ! ! ! ! ! ! ! Louis H. Sullivan, ‘The Tall Office Building Artistically Considered’, In: Lippincot’s No. 57 (1896), dargelegt von Florian Fischer, in: ‘Ursprung und Sinn von form follows function’ (1999), Leibzig: Werkstatt des Museums für Druckkunst Abbildung: Museum für Druckkunst Leibzig, URL: http://www.druckkunst-museum.de/Shopdetail_de/items/ursprung-und-sinn-von-form-followsfunction.html Zugegriffen am 04.12.2013 Interaction Designer arbeiten mit Metaphern und mentalen Modellen… ! ! The Xerox Star 8010 "Dandelion”, Foto: Dave Curbow, In: Bruce Damer, DigiBarn Computer Museum, URL: http://www.digibarn.com/collections/systems/xerox-8010/index.html Zugeriffen am 03.12.2013 Das Konzept ‘MADE in China’ von John Leung gewann 2007 den Microsoft Next Generation PC Design Contest ! Prof. Stefan Wölwer Interaction Design HAWK Hildesheim, Gestaltung Vgl. Fakultät John Leung, URL: http://john-leung.com/loves/2011/05/01/microsoft-made-in-china-pc-2007/ Zugegriffen 03.12.2013 ! Design Fiction als Aufgabe des Interaction Design ! ! Slate: So what is a design fiction? ! Sterling: It’s the deliberate use of diegetic prototypes to suspend disbelief about change. That’s the best definition we’ve come up with. The important word there is diegetic. It means you’re thinking very seriously about potential objects and services and trying to get people to concentrate on those rather than entire worlds or political trends or geopolitical strategies. It’s not a kind of fiction. It’s a kind of design. It tells worlds rather than stories. ! ! ! ! ! ! Torie Bosch im Gespäch mit Bruce Sterling, Slate (2012). URL: http://www.slate.com/blogs/future_tense/2012/03/02/bruce_sterling_on_design_fictions_.html Zugegriffen 03.12.2013 Inpetto von Carsten Hinz (2012) https://vimeo.com/channels/hawk/46686250 Streetpong von Sandro Engel und Holger Michel (2012) https://vimeo.com/channels/hawk/48514003 Physical Computing im Interaction Design Lab der HAWK LEAP Hang – Musical Interface von Noman Schlüter (2013) https://vimeo.com/channels/hawk/78804232 Interaction Design is about designing the parameters which frame the interactions between us, space and things. ! ! ! Bild: „Anton” von Diana Lange (2012) URL: http://www.flickr.com/photos/dianalange/collections/72157627223858244/ Zugegriffen am 03.12.2013 ! ! ! ! ! ! Foto: Diana Lange (2012) Interaktion zwischen Anwender und reversiblen Datenmengen… ! ! Abbildung: Marcos Weskamp, Newsmap, URL: http://newsmap.jp Zugegriffen 03.12.2013 ! „Google News gets a new human touch, launching publisher-curated Editors’ Picks as a standing section“ von Megan Garber (2011). URL: http://www.niemanlab.org/2011/08/google-news-gets-a-new-human-touch-launching-publisher-curated-editors-picks-as-astanding-section/ Planet von Niclas Bauermeister (2013) https://vimeo.com/channels/hawk/71725565 ! Siehe auch Spiegel-Online „Zeitungsdebatte: Willkommen auf dem Nachrichtenplaneten“ (2013) URL: http://www.spiegel.de/kultur/gesellschaft/zeitungsdebatte-news-app-planet-verbindet-menschen-und-nachrichten-a-920547.html Zugegriffen am 03.12.2013 Apropos Medien… ! „Alle Medien sind Erweiterungen bestimmter menschlicher Anlagen, seien sie psychisch oder physisch. … ! Das Rad ist eine Erweiterung des Fußes. Das Buch ist Erweiterung des Auges. Die Kleidung, eine Erweiterung der Haut. Die elektrische Schaltungstechnik ist eine Erweiterung des Zentralen Nervensystems.“ Marshall McLuhan, 1967 ! ! ! ! ! ! ! ! McLuhan, H.M. & Fiore, Q. (1984). Das Medium ist die Massage (S. 26 f). München SammelBuch von Johannes Becker (2012) https://vimeo.com/channels/hawk/35560343 Intimacy 2.0 http://www.studioroosegaarde.net/project/intimacy-2-0/ One of my favourite projects, HAND DROM ABOVE by Chris O’Shea URL: http://www.chrisoshea.org/hand-from-above Zugegriffen am 03.12.2013 Stay tuned. ! ! ! ! ! ! ! ! ! ! ! Prof. Stefan Wölwer – Interaction Design www.woelwer.com www.twitter.com/stefanwoelwer www.twitter.com/hawkinteractive www.facebook.com/hawkdigitalemedien