sprechen sie „bild“? entwicklung einer funktionalen bildsprache für grafische anleitungen | ...
TRANSCRIPT
Sprechen Sie „Bild“? Entwicklung einer funktionalen Bildsprache für grafische Anleitungen
Margot PoschnerTANNER AG, Projektmanagerin
DOKU-FORUM 2015
TANNER AG © 2014 www.tanner.de www.tanner.de TANNER AG © 2015
Sprechen Sie „Bild“?
Entwicklung einer funktionalen Bildsprache für
grafische Anleitungen
Margot Poschner, TANNER AG, Projektmanagerin
Schwarzenberg, 07.05.2015
© 2014 vertraulich | Folie 2 TANNER AG © 2015 vertraulich | Folie 2
© 2014 vertraulich | Folie 3 TANNER AG © 2015 vertraulich | Folie 3
© 2014 vertraulich | Folie 4 TANNER AG © 2015 vertraulich | Folie 4
Erst wenn die Voraussetzungen stimmen, kann es losgehen
Die Inhalte der Anleitung sind nicht zu komplex oder zu
abstrakt und von überschaubarem Umfang.
Die Inhalte lassen sich weitgehend grafisch darstellen.
Zielgruppe
Druck und Verpackung
Rechtliche Aspekte
© 2014 vertraulich | Folie 5 TANNER AG © 2015 vertraulich | Folie 5
Grafische Anleitungen erfordern (noch) mehr Genauigkeit in der
Redaktion!
Welche Art von Information ist das?
Was passiert genau nacheinander? Was kann man genau
sehen?
Auf was kommt es an?
Vom Kopfkino zur funktionalen Bildsprache
© 2014 vertraulich | Folie 6 TANNER AG © 2015 vertraulich | Folie 6
Ein Beispiel
© 2014 vertraulich | Folie 7 TANNER AG © 2015 vertraulich | Folie 7
„Traufblech, Anschlusskleber,
Kehlsattelband“
Wo kommt das Material her?
Lieferumfang? Zubehör?
Arbeit auf dem Dach: Material
sollte vor Beginn der Arbeiten
bereitliegen. Materialliste
Material
© 2014 vertraulich | Folie 8 TANNER AG © 2015 vertraulich | Folie 8
„Roller“
Arbeit auf dem Dach: Werkzeug
sollte vor Beginn der Arbeiten
bereitliegen. Werkzeugliste
Werkzeug
© 2014 vertraulich | Folie 9 TANNER AG © 2015 vertraulich | Folie 9
„Traufe“
Wo werden die Arbeitsschritte
durchgeführt?
Verortung
© 2014 vertraulich | Folie 10 TANNER AG © 2015 vertraulich | Folie 10
„Im Anschlussbereich der
Traufbleche Kehlsattelband mit
dem Roller andrücken. Dabei
den Roller rauf und runter
bewegen.“
Besteht aus: Material,
Werkzeug, Bewegung,
View
Handlungsschritt
© 2014 vertraulich | Folie 11 TANNER AG © 2015 vertraulich | Folie 11
„Traufbleche im Anschluss-
bereich übereinanderlegen.“
Besteht aus: Material,
Bewegung, View
Handlungsschritt
© 2014 vertraulich | Folie 12 TANNER AG © 2015 vertraulich | Folie 12
„Traufbleche verlöten.“
Komplexer Vorgang, der in
mehrere Teilschritte zerlegt
werden müsste.
Handlungsschritt
© 2014 vertraulich | Folie 13 TANNER AG © 2015 vertraulich | Folie 13
„Anschlusskleber im
Anschlussbereich auftragen.
Hinweis: Abstand der
Kleberaupen ~ 100 mm
Resultat: 2 Kleberaupen“
Besteht aus: Material,
Bewegung, Hinweis,
Resultat, View
Handlungsschritt
© 2014 vertraulich | Folie 14 TANNER AG © 2015 vertraulich | Folie 14
Mehrteiliger Handlungsschritt:
„Ein Stück Kehlsattelband von
der Rolle abziehen.
Das Stück Kehlsattelband
abschneiden.
Mit dem Stück Kehlsattelband
den Überdeckungsbereich
überkleben.
Resultat: Der Überdeckungs-
bereich ist überklebt.“
Besteht aus: Material,
Werkzeug, Bewegung,
Resultat, View
Handlungsschritt
© 2014 vertraulich | Folie 15 TANNER AG © 2015 vertraulich | Folie 15
Eigenschaften des Untergrunds
„Sauber“ = keine Verunreinigung
vorhanden
„Staubfrei“ = kein Staub
vorhanden
„Trocken“ = keine Feuchtigkeit
vorhanden
Besteht aus: darstellbare
Eigenschaft, Verneinung,
Kennzeichnung für wichtige
Information
Hinweis (Eigenschaft)
© 2014 vertraulich | Folie 16 TANNER AG © 2015 vertraulich | Folie 16
„Handlungsschritt Nummer 5“
Schrittnummer
© 2014 vertraulich | Folie 17 TANNER AG © 2015 vertraulich | Folie 17
Bild-Funktion und Gestaltung
© 2014 vertraulich | Folie 18 TANNER AG © 2015 vertraulich | Folie 18
Konkrete Darstellung der Realität: Foto, fotorealistische
Darstellung aus 3D, „natürliche“ Perspektive
Strichzeichnungen / reduzierte Renderings: z. B. aus 3D,
konstruierte Perspektive, isometrische Darstellung
Reduzierte Strichzeichnungen: 2D-Darstellung, Schemata
Vereinfachte Darstellung von Gegenständen
Icons
Abstraktionsgrade der Darstellung
© 2014 vertraulich | Folie 19 TANNER AG © 2015 vertraulich | Folie 19
© 2014 vertraulich | Folie 20 TANNER AG © 2015 vertraulich | Folie 20
Strichstärken
Grauwerte
Füllungen
Farbe
Grafische Elemente wie Lupen,
Pfeile, Rahmen
…
Gestaltungselemente
© 2014 vertraulich | Folie 21 TANNER AG © 2015 vertraulich | Folie 21
Verwendung in:
Handlungsschritt
Materialliste
Klassifizierung des Materials
Materialliste Lieferumfang
Materialliste Zusätzliches
Material
Kontextabhängige Darstellung
Material
„Traufblech, Anschlusskleber,
Kehlsattelband“
© 2014 vertraulich | Folie 22 TANNER AG © 2015 vertraulich | Folie 22
Verwendung in:
Handlungsschritt
Werkzeugliste
Gehört das Werkzeug zur
Grundausstattung des
Dachdeckers? Dann ist die
Werkzeugliste eventuell nicht
erforderlich.
Kontextabhängige Darstellung
Werkzeug
„Roller“
© 2014 vertraulich | Folie 23 TANNER AG © 2015 vertraulich | Folie 23
Verwendung in: Orientierung,
Handlungsschritt
Verortung
„Traufe“
„Dachfläche“
© 2014 vertraulich | Folie 24 TANNER AG © 2015 vertraulich | Folie 24
Verwendung in:
Handlungsschritt
Hinweis (Eigenschaft, Zustand)
„sauber, staubfrei, trocken“
„Abstand Kleberaupen ~ 100 mm“
© 2014 vertraulich | Folie 25 TANNER AG © 2015 vertraulich | Folie 25
Verwendung in: Handlungs-
anleitender Sequenz
Handlungsschritt
„Im Anschlussbereich der
Traufbleche Kehlsattelband mit
dem Roller andrücken. Dabei den
Roller rauf und runter bewegen.“
© 2014 vertraulich | Folie 27 TANNER AG © 2015 vertraulich | Folie 27
Verwendung in: Handlungs-
anleitender Sequenz
„Abschneiden“ durch gestrichelte
Linie dargestellt, Werkzeug auch
möglich
Sequenzierung der Schritte
innerhalb der Grafik durch
Nummerierung
Resultat im nächsten Bild
dargestellt
Mehrteiliger Handlungsschritt
„Ein Stück Kehlsattelband von der
Rolle abziehen. Das Stück Kehl-
sattelband abschneiden. Mit dem
Stück Kehlsattelband den Über-
deckungsbereich überkleben. Der
Überdeckungsbereich ist
überklebt.“
© 2014 vertraulich | Folie 28 TANNER AG © 2015 vertraulich | Folie 28
Verwendung in: Handlungs-
anleitender Sequenz
Handlungsschritt
„Anschlusskleber im
Anschlussbereich auftragen.
Hinweis: Abstand der
Kleberaupen ~ 100 mm
Resultat: 2 Kleberaupen“
© 2014 vertraulich | Folie 29 TANNER AG © 2015 vertraulich | Folie 29
Zurück zum Beispiel
© 2014 vertraulich | Folie 30 TANNER AG © 2015 vertraulich | Folie 30
© 2014 vertraulich | Folie 31 TANNER AG © 2015 vertraulich | Folie 31
Strukturierte, auf den Inhalten basierte Vorgehensweise bei der
Konzeption
Alle Typen von Inhalten werden identifiziert und definiert
(Voraussetzung: Inhalte können „sichtbar“ gemacht werden).
Die inhaltliche Struktur der Anleitung und der einzelnen Grafiken
wird quasi „layoutlos“ aufgebaut.
Die Verständlichkeit von grafischen Anleitungen erhöht sich, weil
die inhaltliche Struktur das tragende Gerüst ist.
Die grafische Gestaltung unterstützt die Funktion der Bildelemente,
steht aber nicht im Vordergrund.
Neue Inhalte müssen den selben Prozess durchlaufen.
Zusammenfassung (1/3)
© 2014 vertraulich | Folie 32 TANNER AG © 2015 vertraulich | Folie 32
Definierte, gleichbleibende Ergebnisse
Der layoutorientierte Styleguide entwickelt sich zu einem inhaltlich
geprägten Grafikleitfaden. Der Bezug zwischen Art des Inhalts und
Darstellungsart ist eindeutig.
Grafikbibliotheken unterstützen den Grafiker bei der Einhaltung der
Regeln.
Die Qualität hängt nicht von der Grafikvorbereitung (Redakteur) und
von der Umsetzung (Grafiker) ab, da Umsetzungsregeln für jeden
Inhaltstyp definiert sind.
Zusammenfassung (2/3)
© 2014 vertraulich | Folie 33 TANNER AG © 2015 vertraulich | Folie 33
Effizientere Produktion von grafischen Anleitungen/Grafiken
Der redaktionell-inhaltliche Anteil und der grafische Anteil bei der
Erstellung von grafischen Anleitungen sind besser verzahnt.
Die Grafikvorbereitung durch den Redakteur wird beschleunigt, da
die Bildsprache bekannt ist.
Durch den eindeutigen Inhalt-Bild-Bezug können Grafiker
redaktionell „aufholen“. Eine Grafikvorbereitung fällt eventuell ganz
weg.
Parallele Erstellung von Anleitungen ist möglich ohne
Qualitätsverlust.
Zusammenfassung (3/3)
© 2014 vertraulich | Folie 34 TANNER AG © 2015 vertraulich | Folie 34 Kemptener Straße 99 ▪ D-88131 Lindau (B)
Vielen Dank für Ihr Interesse!