digitale schriftmedien: klickst du noch oder liest du...
TRANSCRIPT
![Page 1: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/1.jpg)
Digitale Schriftmedien: Klickst Du noch oder liest Du schon?
Lange Nacht der Wissenschaften Erlangen-Fürth-Nürnberg, 19. Oktober 2013 Prof. Dr. Svenja Hagenhoff Universität Erlangen-Nürnberg, Lehrstuhl für Buchwissenschaft Arbeitsgruppe E-Publishing und Digitale Märkte
![Page 2: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/2.jpg)
2
Einführung eines neuen Mediums…
http://www.youtube.com/watch?v=5PgAEmvtG9U
![Page 3: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/3.jpg)
3
Vielfalt digitaler Schriftmedien (1)
Die Presse Online, stationärer Browser
Die Presse Online, App
Die Presse Offline, E-Paper
![Page 4: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/4.jpg)
4
Vielfalt digitaler Schriftmedien (2)
William Joyce: The Fantastic Flying Books of Mr. Morris Lessmore, iPad-App, Version 1.4 (2012), realisiert durch Moonbot Studios LA, LLC
Al Gore: Our Choice: A Plan to Solve the Climate Crisis, iPad-App, Version 1.0.3 (2012), realisiert durch Push Pop Press, Inc
![Page 5: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/5.jpg)
5
Gliederung
1. Motivation
2. Begriffe
3. Identifikation von Gestaltungsbereichen
4. Gestaltungsbereich 1: Typografie
5. Gestaltungsbereich 2: Navigation
6. Gestaltungsbereich 3: Gebrauchstauglichkeit
7. Fazit
![Page 6: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/6.jpg)
6
Geburt eines neuen Mediums
Digitales Schrift-medium
Informations-gut
Software
![Page 7: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/7.jpg)
7
Der Vater: Informationsgut • Ein Informationsgut wird wegen seines Inhalts (Content) gekauft
• Informationsgüter werden nachgefragt, weil Rezipienten
• Unterhaltung wünschen
• Entscheidungen treffen müssen
• Sich bilden wollen
• Sich informieren wollen
Nach Brandtweiner, R.: Differenzierung und elektronischer Vertrieb digitaler Informationsgüte, Düsseldorf 2000, S. 37. / Kotkamp, S.: Electronic Publishing, Karlsruhe 2001, S. 116.
![Page 8: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/8.jpg)
8
Die Mutter: Software
• Digitales Gut
• Ist ein Werkzeug
• Bietet Funktionalität zum Bearbeiten / Durchführen von Aufgaben
• Funktionalität wird auf Daten oder Objekte angewendet
• Benötigt eine Oberfläche zur Bedienung
www.bahn.de
![Page 9: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/9.jpg)
9
• In Schriftmedien werden Inhalte in statischen Zeichensystemen dargestellt („Printmedium“)
• Die Zeichen sind in Form elektronischer Impulse kodiert und werden auf Bildschirmen angezeigt
• Digitale Lesemedien erfordern Hard- und Software (tertiäres Medium)
Das Kind: Digitales Schriftmedium
Hardware als Lese-/Nutzungs- und Beschaffungsumgebung
Software als Lese-/Nutzungs- und Beschaffungsumgebung
Inhaltskern: Aufbereiteter Inhalt
„Objekt der Begierde“
![Page 10: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/10.jpg)
10
• Seiten umblättern
• Lesezeichen setzen
• Annotationen anbringen
• Artikel „herausreißen“ & aufbewahren
• Textstellen suchen
• Schrift vergrößern
• Schriftart ändern
• Text vorlesen lassen
• …
Funktionalitäten eines digitales Schriftmedium
![Page 11: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/11.jpg)
11
Gliederung
1. Motivation
2. Begriffe
3. Identifikation von Gestaltungsbereichen
4. Gestaltungsbereich 1: Typografie
5. Gestaltungsbereich 2: Navigation
6. Gestaltungsbereich 3: Gebrauchstauglichkeit
7. Fazit
![Page 12: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/12.jpg)
12
Digitale Lesemedien
Informationsgut Software
Lesbarkeit Benutzungsoberfläche
Gestaltungsbereiche der Melange
Ergonomie der Mensch-System-Interaktion
(DIN EN ISO 9241)
„Gebrauchstauglichkeit“
Typografie
Benutzbarkeit
Navigation / Orientierung
![Page 13: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/13.jpg)
13
Gliederung
1. Motivation
2. Begriffe
3. Identifikation von Gestaltungsbereichen
4. Gestaltungsbereich 1: Typografie
5. Gestaltungsbereich 2: Navigation
6. Gestaltungsbereich 3: Gebrauchstauglichkeit
7. Fazit
![Page 14: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/14.jpg)
14
Scheußlichkeiten aus dem Web
![Page 15: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/15.jpg)
15
Schöner und besser auf dem Tablet
![Page 16: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/16.jpg)
16
Kontrollierbarkeit der typografischen Aufbereitung
Hoch Seitenbasierend Layout-Orientierung
Gering Fließender Text
Content-Orientierung
![Page 17: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/17.jpg)
17
Gliederung
1. Motivation
2. Begriffe
3. Identifikation von Gestaltungsbereichen
4. Gestaltungsbereich 1: Typografie
5. Gestaltungsbereich 2: Navigation
6. Gestaltungsbereich 3: Gebrauchstauglichkeit
7. Fazit
![Page 18: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/18.jpg)
18
Digitale Lesemedien
Informationsgut Software
Lesbarkeit Benutzungsoberfläche
Gestaltungsbereiche der Melange
Ergonomie der Mensch-System-Interaktion
(DIN EN ISO 9241)
„Gebrauchstauglichkeit“
Typografie
Benutzbarkeit
Navigation / Orientierung
![Page 19: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/19.jpg)
19
• In Bezug auf die Dimension
o Eindimensional:
• Schriftrolle: rauf, runter
• Kodex: hin, her
o Mehrdimensional
• In Bezug auf die sichtbare Fläche
o Scroll: Inhalt geht über die sichtbare Fläche hinaus
o Card: Inhalt wird auf die sichtbare Fläche begrenzt
• In Bezug auf den Zugriff auf ein Element
o Sequentiell: Elemente nacheinander aufrufen
o Wahlfrei: Elemente anspringen (Hyperlinks, Boxes)
Arten von Navigation
![Page 20: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/20.jpg)
20
Eindimensional / Card / sequentiell
Beispiel
Schematische Darstellung
Salzburger Nachrichten
Nach http://ia.net/blog/ipad-scroll-or-card/ [26.06.2013]
![Page 21: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/21.jpg)
21
Mehrdimensional / Scroll / sequentiell
Die Zeit
Nach http://ia.net/blog/ipad-scroll-or-card/ [26.06.2013]
Beispiel Schematische Darstellung
![Page 22: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/22.jpg)
22
Mehrdimensional / Card / sequentiell
FAZ am Sonntag auf dem iPad
Artikel 1
Artikel 2
Artikel 3
Card (hin, her)
Card (rauf, runter)
Beispiel Schematische Darstellung
![Page 23: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/23.jpg)
23
Mehrdimensional / Card / wahlfrei (Boxes stat.)
FAZ (Mo-Sa) auf dem iPad
Seite 1
Seite 2
Seite 3
Artikel 2
Card (hin, her)
Aufruf
Schematische Darstellung Beispiel
Artikel 1
![Page 24: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/24.jpg)
24
Mehrdimensional / Card / wahlfrei (Boxes dyn.)
Flipboard hochkant (Smartphone)
Seite 1
Seite 2
Seite 3
Artikel 2
Aufruf
Schematische Darstellung Beispiel
Artikel 1
Card (rauf, runter)
![Page 25: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/25.jpg)
25
Gliederung
1. Motivation
2. Begriffe
3. Identifikation von Gestaltungsbereichen
4. Gestaltungsbereich 1: Typografie
5. Gestaltungsbereich 2: Navigation
6. Gestaltungsbereich 3: Gebrauchstauglichkeit
7. Fazit
![Page 26: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/26.jpg)
26
Digitale Lesemedien
Informationsgut Software
Lesbarkeit Benutzungsoberfläche
Gestaltungsbereiche der Melange
Ergonomie der Mensch-System-Interaktion
(DIN EN ISO 9241)
„Gebrauchstauglichkeit“
Typografie
Benutzbarkeit
Navigation / Orientierung
![Page 27: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/27.jpg)
27
• Gebrauchstauglichkeit ist das Ausmaß o in dem ein Produkt, System oder ein Dienst o durch bestimmte Benutzer o in einem bestimmten Anwendungskontext genutzt werden kann, o um bestimmte Ziele o effektiv, o effizient und o zufriedenstellend zu erreichen
• DIN EN ISO 9241-11
• Gebrauchstauglichkeit ≠ Benutzbarkeit
Begriff Gebrauchstauglichkeit
www.barnesandnoble.com
![Page 28: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/28.jpg)
28
Wer erklärt mir das?
Aus: Rudlof, C.: Handbuch Software_Ergonomie. Usability Engineering. 2. üb. Auflage, Tübingen 2006.
![Page 29: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/29.jpg)
29
Spricht von selbst
Aus: Rudlof, C.: Handbuch Software_Ergonomie. Usability Engineering. 2. üb. Auflage, Tübingen 2006.
![Page 30: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/30.jpg)
30
Spricht auch von selbst
![Page 31: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/31.jpg)
31
Spricht nicht von selbst…
Geo Magazin
![Page 32: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/32.jpg)
32
Spricht nicht von selbst…
Wirtschaftswoche
![Page 33: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/33.jpg)
33
Tat der Kodex aber auch erst einmal nicht…
http://www.youtube.com/watch?v=5PgAEmvtG9U
![Page 34: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/34.jpg)
34
Nutzer wünschen Standards
Ergebnisse der VDZ-Studie „Zeitschriftennutzung auf dem iPad“, Berlin 2011
![Page 35: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/35.jpg)
35
Gliederung
1. Motivation
2. Begriffe
3. Identifikation von Gestaltungsbereichen
4. Gestaltungsbereich 1: Typografie
5. Gestaltungsbereich 2: Navigation
6. Gestaltungsbereich 3: Gebrauchstauglichkeit
7. Fazit
![Page 36: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/36.jpg)
36
• Die Digitalisierung verändert die Beschaffenheit der Produkte von Verlagen
• Aus papierbasierten Informationsgütern werden komplexe digitale Schriftmedien
• Diese verfügen über o Inhalt (Nachricht, Botschaft) o Funktionalität o Oberfläche
• Diese Medien verursachen Veränderungen o hinsichtlich ihrer Gestaltung o in der Produktion und Distribution o hinsichtlich des erforderlichen Know-hows auf Erzeugerseite
• Diese Medien müssen gestaltet werden
Lessons Learned
![Page 37: Digitale Schriftmedien: Klickst Du noch oder liest Du schon?buchwiss.uni-erlangen.de/wp-content/uploads/agbuwi/files/Vortrag_L… · Digitale Schriftmedien: Klickst Du noch oder liest](https://reader033.vdocuments.site/reader033/viewer/2022060605/605ae535ecfee8670619b889/html5/thumbnails/37.jpg)
37
Beiträge der Forschung Rezeptions- und
Nutzungsforschung: Medien- und Kommunikations-
wissenschaft
Softwareentwicklung: Angewandte Informatik
Medieninformatik
Gestaltung digitaler Schriftmedien
Mediengeschichte: Historische Wissenschaften
Typografie und Gestaltung: Medienästhetik
Informationsdesign
Wahrnehmung und Verarbeitung von Informationen:
Psychologie / Hirnforschung
Ergonomie und Gebrauchstauglichkeit:
Produktdesign Arbeitsmedizin