Page 2
Robert Sikoryak
http://itunestandc.tumblr.com/
Page 3
Schreibst du noch oder zeichnest du schon?
Erfolgreiche Gestaltung einer
textlosen Anleitung
Page 4
Ihre Referenten
11.11.2015
4
www.commatec.de
Olivia Becker Cedric-S. Grimm
Page 5
Vorteile von Bildern in Anleitungen
11.11.2015 Olivia Becker, Cedric-S. Grimm
5
schnelle Übersicht & Orientierung
sichtbare Eigenschaften von Gegenständen
räumliche Beziehungen
Handgriffe & Handlungsabläufe
Innenleben sichtbar machen
Page 6
Kundenauftrag
11.11.2015 Olivia Becker, Cedric-S. Grimm
6
Page 7
Herausforderung
11.11.2015 Olivia Becker, Cedric-S. Grimm
7
Page 8
Vorgehen
11.11.2015 Olivia Becker, Cedric-S. Grimm
8
Page 9
11.11.2015 Olivia Becker, Cedric-S. Grimm
9 Satzanalyse: Beispiel
Page 10
Konzept
11.11.2015 Olivia Becker, Cedric-S. Grimm
10
Page 11
Analyse mit existierenden Methoden & Konzepten
11.11.2015 Olivia Becker, Cedric-S. Grimm
11
Es regnet.
A glaubt, dass die Proposition ‚Es regnet‘ wahr ist.
A nimmt einen Regenschirm mit.
A holt die Wäsche aus dem Garten.
Usw.
[ɛs reːɡnət]
Behauptung, Handlungsaufforderung
Page 12
Analyse mit existierenden Methoden & Konzepten
11.11.2015 Olivia Becker, Cedric-S. Grimm
12
Quelle: R. Schäflein-Armbruster; J. Muthig
Page 13
Analyse mit existierenden Methoden & Konzepten
11.11.2015 Olivia Becker, Cedric-S. Grimm
13
Page 14
Analyse mit existierenden Methoden & Konzepten
11.11.2015 Olivia Becker, Cedric-S. Grimm
14
Page 15
Satzanalyse: Beispiel
11.11.2015 Olivia Becker, Cedric-S. Grimm
15
Beschreiben
Anleiten
Verneinung/Verbot
Werkzeug
Räumliche Info
Page 16
Umsetzung in Bilder
11.11.2015 Olivia Becker, Cedric-S. Grimm
16
Page 17
Umsetzung: Bildtypen
11.11.2015 Olivia Becker, Cedric-S. Grimm
17
Quelle: Studeny 2005
Page 18
Umsetzung: Bildtypen
11.11.2015 Olivia Becker, Cedric-S. Grimm
18
Page 19
Umsetzung in Bilder
11.11.2015 Olivia Becker, Cedric-S. Grimm
19
Page 20
Umsetzung in Bilder
11.11.2015 Olivia Becker, Cedric-S. Grimm
20
Page 21
Umsetzung in Bilder
11.11.2015 Olivia Becker, Cedric-S. Grimm
21
Page 22
Umsetzung: Stilisierungsgrad
11.11.2015 Olivia Becker, Cedric-S. Grimm
22
Page 23
Umsetzung: Stilisierungsgrad
11.11.2015 Olivia Becker, Cedric-S. Grimm
23
Page 24
Umsetzung: Stilisierungsgrad
11.11.2015 Olivia Becker, Cedric-S. Grimm
24
Page 25
Umsetzung: Detailgrad
11.11.2015 Olivia Becker, Cedric-S. Grimm
25
Page 26
Umsetzung: Einheitlicher Blickwinkel
11.11.2015 Olivia Becker, Cedric-S. Grimm
26
Page 27
Umsetzung: Einheitlicher Blickwinkel
11.11.2015 Olivia Becker, Cedric-S. Grimm
27
Page 28
Umsetzung: Realistischer Blickwinkel
11.11.2015 Olivia Becker, Cedric-S. Grimm
28
Page 29
Umsetzung: Realistischer Blickwinkel
11.11.2015 Olivia Becker, Cedric-S. Grimm
29
Page 30
Umsetzung: Handlung
11.11.2015 Olivia Becker, Cedric-S. Grimm
30
Page 31
Umsetzung: Handlung
11.11.2015 Olivia Becker, Cedric-S. Grimm
31
Page 32
Umsetzung: Handlung
11.11.2015 Olivia Becker, Cedric-S. Grimm
32
Page 33
Umsetzung: Handlung
11.11.2015 Olivia Becker, Cedric-S. Grimm
33
Page 34
Umsetzung: Bewegung
11.11.2015 Olivia Becker, Cedric-S. Grimm
34
Page 35
Umsetzung: Gebot/Verbot
11.11.2015 Olivia Becker, Cedric-S. Grimm
35
Page 36
Umsetzung: Gebot/Verbot
11.11.2015 Olivia Becker, Cedric-S. Grimm
36
Page 37
Umsetzung: Gebot/Verbot
11.11.2015 Olivia Becker, Cedric-S. Grimm
37
Page 38
Umsetzung: Gebot/Verbot
11.11.2015 Olivia Becker, Cedric-S. Grimm
38
Page 39
Umsetzung: Zeit
11.11.2015 Olivia Becker, Cedric-S. Grimm
39
Page 40
Umsetzung: Zeit
11.11.2015 Olivia Becker, Cedric-S. Grimm
40
Page 41
Umsetzung: Zeit
11.11.2015 Olivia Becker, Cedric-S. Grimm
41
Page 42
Umsetzung: Perzeption
11.11.2015 Olivia Becker, Cedric-S. Grimm
42
Page 43
Umsetzung: Perzeption
11.11.2015 Olivia Becker, Cedric-S. Grimm
43
Page 44
Umsetzung: Perzeption
11.11.2015 Olivia Becker, Cedric-S. Grimm
44
Page 45
Umsetzung: Komplexe Zusammenhänge
11.11.2015 Olivia Becker, Cedric-S. Grimm
45
Page 46
Umsetzung: Komplexe Zusammenhänge
11.11.2015 Olivia Becker, Cedric-S. Grimm
46
Page 47
Umsetzung: Komplexe Zusammenhänge
11.11.2015 Olivia Becker, Cedric-S. Grimm
47
Page 48
Umsetzung: Komplexe Zusammenhänge
11.11.2015 Olivia Becker, Cedric-S. Grimm
48
Page 49
Kulturelle Unterschiede: Icons und Symbole
11.11.2015 Olivia Becker, Cedric-S. Grimm
49
Page 50
Kulturelle Unterschiede: Icons und Symbole
11.11.2015 Olivia Becker, Cedric-S. Grimm
50
Page 51
Kulturelle Unterschiede: Icons und Symbole
11.11.2015 Olivia Becker, Cedric-S. Grimm
51
Page 52
Kulturelle Unterschiede: Farben
11.11.2015 Olivia Becker, Cedric-S. Grimm
52
Page 53
Fazit
• Bilder können bestimmte Informationen besser darstellen als Text
• Vor der Umsetzung eine Satzanalyse durchführen
• Umsetzung aufwendig, dafür: Übersetzungskosten einsparen
• Gleiche Informationsklassen immer mit den gleichen
Gestaltungsmitteln umsetzen
• Möglichkeiten kennen und Grenzen bewusst machen
11.11.2015 Olivia Becker, Cedric-S. Grimm
53
Page 54
Quellen
Literatur:
• Alexander, Kerstin (2007): Kompendium der visuellen Information und Kommunikation. Berlin: Springer.
• Ballstaedt, Steffen-Peter (2012): Visualisieren. Bilder in wissenschaftlichen Texten. Konstanz: UVK (= UTB; 3508).
• Busch, Albert; Stenschke, Oliver (2008): Germanistische Linguistik. Ein Einführung. 2., verb. Aufl. Tübingen: Narr Francke Attempto.
• Grotstabel, Nicole; Ballstaedt, et al.: Probleme mit spracharmen Anleitungen; in: Hennig, Jörg; Tjarks-Sobhani, Marita (Hrsg.) (2003): Visualisierung in Technischer Dokumentation, Schriften zur Technischen Kommunikation. Lübeck: Schmidt-Römhild:
• Muthig, Jürgen (2008): Standardisierungsmethoden für die Technische Dokumentation. Lübeck: Schmidt-Römhild.
• Studeny, Michael (2005): Untersuchung über die Optimierung von Montageanleitungen durch den Einsatz geeigneter Abbildungstypen für die Darstellung von Handlungen. Winterthur: ZHW, unveröffentlichte Abschlussarbeit.
Bildquellen (Stand: Oktober 2015):
• iTunes: http://www.apple.com/legal/internet-services/itunes/appstore/jm/terms.html
• iTunes: http://itunestandc.tumblr.com/
• Kallax Regal: http://www.ikea.com/de/de/assembly_instructions/kallax-regal__AA-1009450-6_pub.pdf
• Halogen-Tischleuchte: https://www.maul.de/module/mysydeshop/webforms/download_file.php?file=4328
• Erik Aktenschrank: http://www.ikea.com/de/de/assembly_instructions/erik-aktenschrank__AA-222099-11_pub.pdf
11.11.2015 Olivia Becker, Cedric-S. Grimm
54
Page 55
Quellen
Bildquellen (Stand: Oktober 2015):
• Lego Star Wars Todesstern: http://cache.lego.com/bigdownloads/buildinginstructions/4542760.pdf
• LCD-Fernseher: https://www.sony.de/support/de/product/KDL-55EX500
• Nintendo 3DS XL: http://www.nintendo.com/consumer/manuals/3ds.jsp
• Zwischendecke anbringen: http://www.tippsfuerheimwerker.at/schritt-f%C3%BCr-schritt-anleitungen-a-z
• Sennheiser Urbanite XL Wireless: http://http://de-de.sennheiser.com/
• Changing ABS: http://www.krone-trailer.com/fileadmin/contentmedia/pdf/achse/Krone_Handout_ABS%20wechsel_96dpi.pdf
• Gasfilter einbauen: http://docuthek.kromschroeder.com/documents/download.php?lang=de&doc=29806
• Nintendo Wii U: http://www.nintendo.com/consumer/manuals/wiiu.jsp
Interessantes (Stand: Oktober 2015):
• Bedeutung von Farben: http://lab.zoho.co.uk/lab/interactive-colours-in-culture/#/?culture=danger
• ISO graphical symbols: http://www.iso.org/iso/home/about/iso_members.htm
11.11.2015 Olivia Becker, Cedric-S. Grimm
55