Interface Design: Grundlagen Informationsdesign. Grundlagen Informationsdesign

Transkript

1 Grundlagen Informationsdesign 1

2 Was macht ein Informationsdesigner? 2 D Kombination zweier Aktivitäten: eine kommunikative und eine ästhetische. D Durch die Auswahl, Anordnung, Hierarchisierung, Verknüpfung und visuelle Auszeichnung die ein Informationsdesigner vornimmt, werden Sachverhalte erfahrbar, erkennbar und interpretierbar D Ein Informationsdesigner trägt dem Bedürfnis nach Klarheit, menschlichem Verstehen und der Organisation von Information Rechnung; so daß sich daraus Einsichten, Erkenntnisse oder Handlungsräume ergeben.

3 Daten 3 D Ergebnisse wissenschaftlicher, ökonomischer Prozesse und Beobachtungen D Auswertungen, Recherche-Ergebnisse D Nicht strukturiert, Umfangreich (overload / anxiety) D Basis für (weitere) Auswertung (auch Data-Mining) D Keine/Kaum subjektive Bedeutung (sofern Objektivität je möglich ist) D Hoher Streuverlust in Kommunikationsprozessen

4 Information 4 D Strukturierte, codierte Daten D Berücksichtigung eines Kontextes D Aufladen mit Bedeutung D Komunikationsabsicht und Strategie ist formuliert D Subjektive Auswahl D Semiotische Komponente; (Visuelle) Rhetorik D Sensorial Wahrnehmbar

5 Wissen 5 D Verstecktes Wissen (tacit knowledge) _ Schwierig zu ermitteln (z.b. durch das Beobachten von Verhalten) _ Hohe Bedeutung, oft Basis für intuitives Handeln D Implizites Wissen _ Durch Kommunikation und Diskussion ermittelbar (informelles Wissen) D Explizites Wissen _ Ausgelagert in Datenbaken, Dokumenten, Büchern

6 6 Informationsgrafik

7 Informationsgrafik: Codierung Flächen/quantitativ 7

8 Informationsgrafik: Skalierung 8

9 Interface Design: Grundlagen Informationsdesign Informationsgrafik: Skalierung 9

10 Informationsgrafik: Strukturierung 10

11 Informationsgrafik: Zusammenhänge 11

12 Informationsgrafik: Zusammenhänge 12

13 Tufte: The principles of Information graphics 13

14 14 Kommunikationsprozesse

15 Kommunikationsprozesse 15

16 Kommunikation? 16

17 Kommunikationsschemata 17

18 Information begreifen 18

19 Interaktion / Kommunikation Medien 19

20 Klassifizierung der Kommunikation 20

21 21 Zeichentheorie

22 Zeichentheorie 22

23 Beispiel Arc de Triomphe 23 D Signifikans: Steine in Form eines Bogens D Signifikat: menschliche Emotion, Vorstellung des Triumphes D Zeichen: Bogen des Triumphes D Das Referens eines solchen architektonischen Zeichens liegt in seiner Funktion

24 Zeichentheorie 24

25 Zeichentheorie: Semiotik 25 D Syntaktik _ Formale Beziehungen zwischen den Zeichen D Semantik _ Bedeutung der Zeichen _ Beziehung zwischen Zeichen und Referens D Pragmatik _ Beziehung zwischen den Zeichen, und denen, die sie empfangen und verstehen

26 Semiotische Untersuchungen der visuellen / materiellen Kultur 26 D Kino (C. Metz, P. Wollen) D Architektur (C. Jencks, U. Eco) D Fotografie (R. Barthes) D Werbung (J. Williamson, G. Bonsiepe) D Design (J. Baudrillard, M. Bense) D Subkulturen (D. Hebdige)

27 Zeichen/Codes: Ägyptische Zeichen 27

28 Isotype 28

29 Isotype 29 D Universelle Zeichensysteme D Darstellung komplexer Prozesse D Abläufe, Situationen D Quantitative Sachverhalte

30 Semiotik/Zeichensysteme und Architektur 30

31 Pictogramme Olympia 72 31

32 Ikonizität von Zeichen 32

33 33 Mapping

34 Mapping / Konventionen 34

35 Smart Money Market Map 35

36 History Wired 36

37 Mapping: Concept Maps 37

38 Mapping: Concept Maps 38

39 Mapping: Concept Maps 39

40 40 Politik Gesellschaft Alltag

41 Visuelle Rhetorik 41

42 Farbcodierung: Lebensrettend? 42

43 Vorgänge erklären 43

44 Adaption gewohnter Medien 44

45 Lebensrettende Information: Challenger 45

46 Lebensrettende Information: Challenger 46

47 Lebensrettende Information: Challenger 47

48 48 mehr Beispiele...

49 ThinkMap / Visual Thesaurus 49

50 Mapping Hypertext: Text Arc 50

51 Prozess / Konzeptvisualisierung xplane 51

52 52

53 Powers of Ten 53

54 Einbeziehung Kontext/Nutzung; IBM Thinkpad 54

55 Einbeziehung Kontext: Schweizer Bundesbahn 55

56 Information Design D Information design can be hard to define, because it is an interdisciplinary approach which combines skills in graphic design, writing and editing, illustration, and human factors. Information designers seek to combine skills in these fields to make complex information easier to understand. Information Design Association D Information design is the intentional process in which information related to a domain is transformed in order to obtain an understandable representation of that domain. Peter J. Bogaards D Information design is the defining, planning, and shaping of the contents of a message and the environments it is presented in with the intention of achieving particular objectives in relation to the needs of users. ID News

57 Information Design D Information design helps explain things and uses language, typography, graphic design, systems and business process improvement as its key tools. Information design is focused on users and is committed to using usability and other research and testing to find out whether its products actually achieve their objectives, Text Matters D Information design is the art and the science of presenting information so that it is understandable and easy to use: effective, efficient and attractive. Information Design Journal D Information design is the art and science of preparing information so that it can be used by human beings with efficiency and effectiveness. Robert Horn

58 58 Ende.