Basics Interface Design. Prof. Boris Müller. Interaction Design. Prof. Boris Müller.

Transkript

1 Basics Interface Design Interaction Design 1

2 Vortrag 1 Zur Person 2 Interface-Design 3 Lehrstruktur 4 Projekte aus dem Studiengang 5 Referenzprojekte 2

3 Boris Müller Stationen: Grafik Design an der HfK Bremen Computer Related Design am Royal College of Art in London MetaDesign San Francisco Fraunhofer Gesellschaft (ehem. GMD) bei Bonn Gastprofessor am Interaction Design Institute Ivrea Seit Sommer 2003 Professor für Interaction Design an der FHP 3

4 Boris Müller Projekte: Visualisierungen Soziale Systeme in Netz Generatives Design 4

5 Boris Müller netzspannung.org Knowledge Maps 5

6 Boris Müller Connected Communities am IDII 6

7 Boris Müller (mit Tina Deiml-Seibt) incom 7

8 Boris Müller Generatives Design Poetry on the Road 8

9 Boris Müller Generatives Design VIVA Clipcreator 9

10 Interface Design 10

11 Was ist eigentlich Interface Design? 11

12 Was ist eigentlich Design? 12

13 Design? 13

14 Interface Design Designtraditionen Rietveld-Sessel 14

15 Interface Design Designtraditionen Eames-Sessel 15

16 Interface Design Designtraditionen Alle Industrieprodukte sind»designt«16

17 Interface Design Designtraditionen Systemisches Design // HfG Ulm 17

18 Interface Design > Design ist ein Phänomen der Industriegesellschaft > Design ist kein reines»ästhetisieren«> Gestaltung von Form und Arbeitsabläufen > Darstellung von Sachverhalten > Aber eben auch»eros«des Designs 18

19 Design ist eine Kulturleistung! 19

20 Interface Design Wie lehren wir Interface Design? 20

21 Interface Design Lehre im Studiengang Interface Design > Methodisch-analytisches Verstehen von Problemen > Künstlerisch-kreatives Entwerfen von Interaktionen 21

22 Interface Design Fächer Information Architecture and Visualization > Prof. Danijela Djokic (im Elternurlaub) Design of Physical and Virtual Interfaces > Prof. Reto Wettach Interaction Design > Design of Software Interfaces > Prof. Dr. Frank Heidmann Advanced Media / Game Design > Mattias Ljungström (Wiss. Mitarbeiter) 22

23 Interface Design Wie unterscheidet sich Interface Design von anderen Designdisziplinen? 23

24 Interface Design <? > 24

25 Interface Design Wo liegen die spezifischen Gestaltungsprobleme im Interface Design? 25

26 Interface Design Gestaltungsprobleme 26

27 Interface Design Gestaltungsprobleme 27

28 Interface Design Gestaltungsprobleme 28

29 Interface Design Gestaltungsprobleme > Digitalisierung, Miniaturisierung > Allgegenwart, Durchdringung der Lebenswelt > Konvergenz 29

30 Interface Design Gestaltungsprobleme > Die Mechanismen eines digitalen Geräts sind nicht transparent > Keine eindeutige Funktionalität mehr (»Form Follows Function«welcher denn?) > Nicht mehr die äussere Form der Maschine bestimmt die Bedienung sondern die menschliche Hand und das menschliche Vorstellungsvermögen 30

31 Interface Design >»Menschliche«Interfaces > Interfaces nicht nur im Hinblick auf Effizienz und Fehlerfreiheit gestalten > Den Menschen in seiner ganzen sozialen und kulturellen Komplexität ernst nehmen > Interface als Kulturleistung 31

32 Interface Design Jede menge Herausforderungen 32

33 Interface Design Jede menge Herausforderungen, aber auch fantastische Gestaltungsmöglichkeiten! 33

34 > Projekte aus dem Studiengang Interface Design 34

35 Information Architecture and Visualization Matrix Vanessa Schomakers 35

36 Information Architecture and Visualization Familienstammbaum Christian Lange 36

37 Interaction Design»WIP«, Stephan Thiel 37

38 Interaction Design Lego Command Line Interface Falk Gärtner 38

39 Information Architecture and Visualization»Ground Traffic Control«, Filip Chudzinski 39

40 Design of Software Interfaces evoting Dorit Mielke und Volker Meyer 40

41 Design of Software Interfaces evoting Dorit Mielke und Volker Meyer 41

42 Design of Software Interfaces Methoden der Usability: Eye-Tracking 42

43 Design of Software Interfaces»iEye«, Loderstaedt, Nagel, Pankning, Kekeritz 43

44 Interaction Design»CallMe«, Panknin, Loh, Fiedler, Thiel, Loderstaedt 44

45 Design of Virtual and Physical Interfaces»Fox in the Box«, An, Fiedler, Loh, Thiel 45

46 Advanced Media / Game Design Panda Park A. Zecher, M. Eichhorn und E. Moch 46

47 Advanced Media / Game Design»Second Lie«, Susann Hamann 47

48 Forschung 48

49 Forschung Fritzing 49

50 Forschung Easy2Use 50

51 Forschung MACE 51

52 Forschung MACE / mæve 52

53 Interface Design Wie kann Interface Design aussehen? Eine persönliche Auswahl von Referenz-Projekten 53

54 Referenz-Projekte Bill Moggridge»Designing Interactions«54

55 Referenz-Projekte? 55

56 Referenz-Projekte Maus Douglas Engelbart (1968) 56

57 Referenz-Projekte Maus Abb. John Maeda 57

58 Referenz-Projekte Xerox Alto Xerox PARC (1973/74) 58

59 Referenz-Projekte Xerox Star Xerox PARC (1981) 59

60 Referenz-Projekte Mac OS Apple Computer (1984) 60

61 Referenz-Projekte Windows 1.0 Microsoft (1985) 61

62 Referenz-Projekte Windows 2.0 Microsoft (1987) 62

63 Referenz-Projekte Mac OS X Apple Computer (2001) 63

64 Referenz-Projekte Mac OS Apple Computer (1984) 64

65 Referenz-Projekte ipod Apple Computer 65

66 Referenz-Projekte Dasher Cambridge University 66

67 Referenz-Projekte Bitman 67

68 Referenz-Projekte Revamp T. Brooke, M. Gosling, B. Müller 68

69 Referenz-Projekte floating.numbers, Art+Com 69

70 Referenz-Projekte Apparition Klaus Obermaier et.al. 70

71 Referenz-Projekte Apparition Klaus Obermaier et.al. 71

72 Referenz-Projekte Blinkenlights CCC 72

73 Referenz-Projekte FluidTime Michael Kislinger et.al. 73

74 Referenz-Projekte FluidTime Michael Kislinger et.al. 74

75 Referenz-Projekte FluidTime Michael Kislinger et.al. 75

76 Referenz-Projekte FluidTime Michael Kislinger et.al. 76

77 Referenz-Projekte FluidTime Michael Kislinger et.al. 77

78 Referenz-Projekte FluidTime Michael Kislinger et.al. 78

79 Referenz-Projekte FluidTime Michael Kislinger et.al. 79

80 Referenz-Projekte An Invisible Force Crispin Jones 80

81 Referenz-Projekte An Invisible Force Crispin Jones 81

82 Referenz-Projekte Placebo Fiona Raby / Anthony Dunne 82

83 Referenz-Projekte Placebo Fiona Raby / Anthony Dunne 83

84 Interface Design Buchtipp:»Design - Eine Einführung«von Beat Schneider 84

85 Interface Design > Aufgaben > Zeitplan > Fragen? 85