Danijela Djokic Information Architecture and Visualization

Transkript

1 Studiengang Interface Design Fachhochschule Potsdam Danijela Djokic Information Architecture and Visualization Prof. Boris Müller Interaction Design 1

2 Vor- oder Nachbemerkung: 2

3 Vor- oder Nachbemerkung: > Wir sprechen heute als Craftsmen > IA und Design als Handwerk > Wir zeigen viele Projekte 3

4 Design und/oder Information Architecture? Analoge Information Architecture? Drei Projektbeispiele 4

5 Design und/oder Information Architecture Beispiele Typographie als Informationsarchitektur 5

6 Design und/oder Information Architecture Beispiele Diagramm der Londoner U-Bahn (H.Beck) 6

7 Design und/oder Information Architecture Beispiele Diagramm der Londoner U-Bahn 7

8 Design und/oder Information Architecture Beispiele Diagramm der Londoner U-Bahn 8

9 Design und/oder Information Architecture Beispiele Anthony Froshaug / HfG Ulm 9 Aus: Anthony Froshaug, Documents of a Life, R. Kinross, Hyphen Press, 2000

10 Design und/oder Information Architecture Beispiele Anthony Froshaug / HfG Ulm 10 Aus: Anthony Froshaug, Documents of a Life, R. Kinross, Hyphen Press, 2000

11 Design und/oder Information Architecture Beispiele Anthony Froshaug / HfG Ulm 11 Aus: Anthony Froshaug, Documents of a Life, R. Kinross, Hyphen Press, 2000

12 Design und/oder Information Architecture Beispiele Anthony Froshaug / HfG Ulm 12 Aus: Anthony Froshaug, Documents of a Life, R. Kinross, Hyphen Press, 2000

13 Design und/oder Information Architecture Beispiele > IA existiert nicht nur im Web > IA definiert sich über Problemstellungen und Ziele > IA kanalisiert Kommunikation 13

14 ... Sprung zum Studiengang Interface Design. 14

15 Warum ein Studiengang Interface Design? > Verbreitung von Kommunikationsund Informationstechnologien > Komplexität von Kommunikationsund Informationstechnologien > Gestaltung von Kommunikationsund Informationstechnologien 15

16 Warum Interface Design? Verbreitung Mobiltelefone Absolut 4,5 Mio. 46,3 Mio. Relativ 11% 78% PCs Absolut 16,8 Mio. 35,3 Mio. Relativ 39% 66% Internet Absolut 3,1 Mio. 22,6 Mio. Relativ 8% 57% (In Deutschland Quelle: Statistisches Bundesamt) 16

17 Warum Interface Design? Komplexität 17

18 Warum Interface Design? Gestaltung Mac OS 1.0 (1984) Windows 2.0 (1987) 18

19 Warum Interface Design? Gestaltung 19

20 Warum Interface Design? Fazit: > Probleme im Umgang mit Technologie lassen sich nicht mit noch mehr Technologie, sondern nur mit Gestaltung lösen > Interface Design als Einbettung von Technologien in die Lebenswelt 20

21 Was hat Interface Design mit Information Architecture zu tun? 21

22 Was hat Interface Design mit Information Architecture zu tun? > IA = Konzeption und Strukturierung der Zustände des Systems > Grundsätzlich notwendig für alle komplexen Designaufgaben (PD + KD) > Insbesondere im Interface: alle Interaktionen basieren auf IA 22

23 Fächer: > Design of Physical and Virtual Interfaces > Design of Software Interfaces > Advanced Media / Game Design > Interaction Design > Information Architecture and Visualization 23

24 Design of Physical and Virtual Interfaces Prof. Reto Wettach > Schnittstelle zwischen Hard- und Software > Räumliche und Objekthafte Interfaces > Physical Computing 24

25 Design of Physical and Virtual Interfaces Prof. Reto Wettach Motoflower von Sebastian An 25

26 Design of Physical and Virtual Interfaces Prof. Reto Wettach Unvergessliche Handtasche von Stefanie Koch 26

27 Design of Software Interfaces Dr. Frank Heidmann // Christian Prechtl > Iterativer Designprozess > Methoden der Evaluation > Ergonomie und Usability 27

28 Design of Software Interfaces Dr. Frank Heidmann evoting von Dorit Mielke und Volker Meyer 28

29 Design of Software Interfaces Dr. Frank Heidmann evoting von Dorit Mielke und Volker Meyer 29

30 Design of Software Interfaces Christian Prechtl Software-Ergonomie / Game-Usability 30

31 Advanced Media / Game Design Mattias Ljungström > Spieleentwicklung > Spielanalyse > Beziehung zwischen Game Design und Interface Design 31

32 Advanced Media / Game Design Mattias Ljungström Panda Park von A. Zecher, M. Eichhorn und E. Moch 32

33 Interaction Design Prof. Boris Müller > Brückenfach > Hypermedien > Soziale Interaktion 33

34 Interaction Design Prof. Boris Müller Interaktive Installationen für den Palast der Republik 34

35 Interaction Design Prof. Boris Müller incom Kommunikationsplattform für FB Design 35

36 Information Architecture and Visualization Danijela Djokic > Strukturierung und Visualisierung von Informationen > Informationsarchitektur in der Konzeption komplexer Anwendungen > Brückenfach zu KD und PD 36

37 Information Architecture and Visualization Danijela Djokic >>> 37