Vortrag zu digitalen Magazinen, dem DONE magazine und der Digital Publishing Suite für InDesign, auf der InDesign Usergroup Cologne (@IDUGCologne) am 10. November 2011.

1. Digitale Magazine
ADOBE DPS
Von InDesign aufs iPad ohne Programmierung. Naja fast.

2. 1 2 3
Digital Publishing Konzept & Entstehung DONE
Adobe DPS von DONE Making of

3. INFLUENCER
Digital Publishing
Johannes Henseler
Grafikdesigner Bachelor of Arts Kommunikationsdesign
nordsueddesign.de @frischmilch
ganzfrische.frischmil.ch
donemag.cc

7. 1
Digital Publishing

8. Digital Publishing

9. Digital Publishing

10. Digital Publishing

11. Digital Publishing

13. Gleiche Inhalte auf anderem Gerät?

14. Gleiche Inhalte auf anderem Gerät?
Nein.

15. Digital Publishing
The Good, the Bad, the Ugly

17. Eindrückliches Leseerlebnis

18. Eindrückliches Leseerlebnis
Mobiles, hochwertiges
Endgerät: Tablet

19. Eindrückliches Leseerlebnis
Mobiles, hochwertiges
Endgerät: Tablet
Ein immer weiter
wachsender Markt

20. Eindrückliches Leseerlebnis
Mobiles, hochwertiges
Endgerät: Tablet
Ein immer weiter
wachsender Markt

21. Eindrückliches Leseerlebnis
Mobiles, hochwertiges
Endgerät: Tablet
Ein immer weiter
wachsender Markt

22. Eindrückliches Leseerlebnis
Mobiles, hochwertiges
Endgerät: Tablet
Ein immer weiter
wachsender Markt
Ein aufmerksamkeitsstarker Kanal

23. Eindrückliches Leseerlebnis
Mobiles, hochwertiges
Endgerät: Tablet
Ein immer weiter
wachsender Markt
Ein aufmerksamkeitsstarker Kanal
Verbindung von
Interaktivität & Konnektivität

24. Eindrückliches Leseerlebnis
Mobiles, hochwertiges
Endgerät: Tablet
Ein immer weiter
wachsender Markt
Ein aufmerksamkeitsstarker Kanal
Verbindung von
Interaktivität & Konnektivität
App-Ökosystem

25. Eindrückliches Leseerlebnis neue Interaktionsmodelle,
die gelernt werden müssen
Mobiles, hochwertiges
Endgerät: Tablet
Ein immer weiter
wachsender Markt
Ein aufmerksamkeitsstarker Kanal
Verbindung von
Interaktivität & Konnektivität
App-Ökosystem

26. Eindrückliches Leseerlebnis neue Interaktionsmodelle,
die gelernt werden müssen
Mobiles, hochwertiges
noch weiß niemand so richtig,
Endgerät: Tablet
wie das iPad funktioniert
Ein immer weiter
wachsender Markt
Ein aufmerksamkeitsstarker Kanal
Verbindung von
Interaktivität & Konnektivität
App-Ökosystem

27. Eindrückliches Leseerlebnis neue Interaktionsmodelle,
die gelernt werden müssen
Mobiles, hochwertiges
noch weiß niemand so richtig,
Endgerät: Tablet
wie das iPad funktioniert
Ein immer weiter aber wie wird er sich entwickeln?
wachsender Markt Das nächste „Disruptive Design”?
Ein aufmerksamkeitsstarker Kanal
Verbindung von
Interaktivität & Konnektivität
App-Ökosystem

28. Eindrückliches Leseerlebnis neue Interaktionsmodelle,
die gelernt werden müssen
Mobiles, hochwertiges
noch weiß niemand so richtig,
Endgerät: Tablet
wie das iPad funktioniert
Ein immer weiter aber wie wird er sich entwickeln?
wachsender Markt Das nächste „Disruptive Design”?
Ein aufmerksamkeitsstarker Kanal noch ein weiterer Kanal
(Multi-Channel-Publishing)
Verbindung von
Interaktivität & Konnektivität
App-Ökosystem

29. Eindrückliches Leseerlebnis neue Interaktionsmodelle,
die gelernt werden müssen
Mobiles, hochwertiges
noch weiß niemand so richtig,
Endgerät: Tablet
wie das iPad funktioniert
Ein immer weiter aber wie wird er sich entwickeln?
wachsender Markt Das nächste „Disruptive Design”?
Ein aufmerksamkeitsstarker Kanal noch ein weiterer Kanal
(Multi-Channel-Publishing)
Verbindung von
der Leser ist schnell überfordert
Interaktivität & Konnektivität
App-Ökosystem

30. Eindrückliches Leseerlebnis neue Interaktionsmodelle,
die gelernt werden müssen
Mobiles, hochwertiges
noch weiß niemand so richtig,
Endgerät: Tablet
wie das iPad funktioniert
Ein immer weiter aber wie wird er sich entwickeln?
wachsender Markt Das nächste „Disruptive Design”?
Ein aufmerksamkeitsstarker Kanal noch ein weiterer Kanal
(Multi-Channel-Publishing)
Verbindung von
der Leser ist schnell überfordert
Interaktivität & Konnektivität
Publishing abhängig von Apple
App-Ökosystem (für App Store)

32. Print Internet

33. Statisch
Haptisch
Sequenziell
Gestaltet Print Internet

34. Statisch
Haptisch
Sequenziell
Gestaltet Print Internet

35. Statisch Veränderebare Form
Haptisch Interaktiv
Sequenziell Vernetzt
Beteiligung
Gestaltet Print Internet

36. Internet
Print

37. iPad

38. digital mobile
simple
iPad
multi-touch always-on
alway-connected

39. lean foward
/
iPad
lean back

40. analog
/
iPad
digital

41. Presse
/
iPad
Internet

42. immersive
reading
experiences

43. Von Print zu iPad

44. Seitenformat 4:3 vs. DIN A4
Von Print zu iPad

45. Seitenformat 4:3 vs. DIN A4
keine Doppelseite
Von Print zu iPad

46. Seitenformat 4:3 vs. DIN A4
Pixelmaße, DPI nicht existent
keine Doppelseite
Von Print zu iPad

47. Seitenformat 4:3 vs. DIN A4
Pixelmaße, DPI nicht existent
keine Doppelseite
Fat Finger Problem
Von Print zu iPad

48. Seitenformat 4:3 vs. DIN A4
Pixelmaße, DPI nicht existent
keine Doppelseite
Fat Finger Problem
Von Print zu iPad
Sprunghaftes Lesen

49. Seitenformat 4:3 vs. DIN A4
Pixelmaße, DPI nicht existent
keine Doppelseite
Fat Finger Problem
Von Print zu iPad
Sprunghaftes Lesen
Endloser Raum

50. Seitenformat 4:3 vs. DIN A4
Pixelmaße, DPI nicht existent
keine Doppelseite
Fat Finger Problem
Von Print zu iPad
Sprunghaftes Lesen
Endloser Raum
Seitennummern obsolet

51. 1
Digitale Magazine

59. Native App im App Store WebApp

60. Native App im App Store WebApp

61. Native App im App Store WebApp

62. 1
Adobe
Digital
Publishing
Suite

63. 1
Adobe
Digital
Publishing
Suite

64. Adobe Digital Publishing Suite

65. Adobe Digital Publishing Suite
Gelernter Workflow: Adobe InDesign & CS5.5

66. Adobe Digital Publishing Suite
Gelernter Workflow: Adobe InDesign & CS5.5
Featureset: Interactive Overlays & Viewer

67. Adobe Digital Publishing Suite
Gelernter Workflow: Adobe InDesign & CS5.5
Featureset: Interactive Overlays & Viewer
Community Support / Adobe Gold Support

68. Adobe Digital Publishing Suite
Gelernter Workflow: Adobe InDesign & CS5.5
Featureset: Interactive Overlays & Viewer
Community Support / Adobe Gold Support
Veröffentlichung im AppStore mit eigenem Viewer

69. Adobe Digital Publishing Suite
Gelernter Workflow: Adobe InDesign & CS5.5
Featureset: Interactive Overlays & Viewer
Community Support / Adobe Gold Support
Veröffentlichung im AppStore mit eigenem Viewer
Nicht-Öffentliche Verteilung im Content Viewer oder Enterprise

70. Adobe Digital Publishing Suite
Gelernter Workflow: Adobe InDesign & CS5.5
Featureset: Interactive Overlays & Viewer
Community Support / Adobe Gold Support
Veröffentlichung im AppStore mit eigenem Viewer
Nicht-Öffentliche Verteilung im Content Viewer oder Enterprise
Andere Geräte bespielbar: Android, Blackberry, Kindle Fire

71. Adobe Digital Publishing Suite
Gelernter Workflow: Adobe InDesign & CS5.5
Featureset: Interactive Overlays & Viewer
Community Support / Adobe Gold Support
Veröffentlichung im AppStore mit eigenem Viewer
Nicht-Öffentliche Verteilung im Content Viewer oder Enterprise
Andere Geräte bespielbar: Android, Blackberry, Kindle Fire
Omniture Analytics

72. „App“ oder „Magazin“?

73. „App“ oder „Magazin“?

75. Adobe Viewer
Interaktivität
Layout
App

77. DPS Workflow

78. DPS Workflow

84. DPS Kosten

85. DPS Kosten
kostenloser Bestandteil
InDesign CS5 / CS5.5

86. DPS Kosten
kostenloser Bestandteil Gebühr für Pla form
InDesign CS5 / CS5.5 und Services
Single Edition
Professional Edition
Enterprise Edition

87. DPS Kosten
kostenloser Bestandteil Gebühr für Pla form Downloadgebühren
InDesign CS5 / CS5.5 und Services bei Multi-Folio-Viewern
Single Edition
Professional Edition
Enterprise Edition

88. DPS Kosten
Single Edition Einzelausgaben (Single-Folio-Viewer) für iOS
ab Anfang 2012 mit Pauschalkosten
395$
Erzeugen und Publizieren Sie beliebig viele
Professional Edition
Apps für alle unterstützen Pla formen
350 Euro / Monat
Enterprise Edition Zusätzliche Enterprise Funktionen für bspw.
erweiterte Anpassungen, Integration von
2800+ Euro / Monat Kundendatenbanken oder “private Distribution”.
Konzernstrukturen können in einem
Vertrag gebündelt werden.

89. DPS Kosten
Monatliche Gebühr für Pla form und Services
Pla form und Services Gebühren* Bemerkungen
Single Edition einmalig Verfügbar ab 2012
Professional Edition 355,00 € / Monat Unlimitierte Zahl an Publikationen / Apps
inkl. Adobe Gold Technical Support
Enterprise Edition ab 2.875,00 € / Monat abhängig von Unternehmensstruktur bzw. -abdeckung
inkl. Adobe Gold Technical Support
* Pla formgebühren für Pro- & Enterprise-Edition werden auf jährlicher Basis im Voraus erhoben
Kosten pro Download (nur Multi-Folio-Viewer)
Servicegebühren (Jährl. Download Volumen) Kosten pro Download Vorrauszahlung
5.000 (Startpaket) - einmalig in der Pla formgebühr enthalten
25.000 0,16 € 4.000 €
250.000 0,11 € 27.500 €
500.000* 0,09 € 45.000 €
1.000.000* 0,06 € 60.000 €
* nur in Verbindung mit einem Enterprise Agreement

90. 2
Konzept & Entstehung
von DONE

91. Welcher Content in meinem Magazin?
Warum mit der Digital Publishing Suite für InDesign?
Welche Interaktivität eignet sich?

92. Interne Verteilung oder App Store?

93. Querformat, Hochformat, oder beides?
DONE Dieter Gorny
recherche
Die
DIGITALE
Gesellschaft
DIE INTERNET
DIGITALE
DAS
1960er Jahre
GESELLSCHAFT
SEMESTER 3 FACH Mediengeschichte
D
a u s d e m V V Z Die Vorlesungsreihe behandelt die
Entwicklung von Medien, Technologie und Gesell-
schaft als sich gegenseitig bedingende Teilnehmer
eines zukunftspolitischen Ganzen. Sie ordnet die
Medien- und Kommunikationswirtschaft national wie
europäisch ein als einen zentralen Bestandteil der
»Creative Industries« und behandelt sie als bedeuten-
den Teil europäischer Zukunfts- und Strukturplanung.
Go!
Die Vorlesungsreihe behandelte die Entwicklung von Medien,
Technologie und Gesellschaft als sich gegenseitig bedingende
1960er Jahre
DAS INTERNET Teilnehmer eines zukunftspolitischen Ganzen. Die Durch-
dringung des Internets in alle Medien, die Divergenz der
wird versucht, die Entwicklung des Internets und seine weit-
reichende Einwirkung auf die Medienlandschaft zu erfassen.
Hier tippen
zum Starten

97. Apple iPad und/oder Google Android?
iPad XOOM
768 x 1024 800 x 1232

99. Anordnung der Artikel

110. Inhalt Gestaltung

111. Inhalt Gestaltung Interaktivität

112. Gestaltung
Inhalt Interaktivität

113. DONE Dieter Gorny
recherche
Die
DIGITALE
7
y: -98,483
,58
241
DONE DONE
TEXT Julia Bauer & Johannes Henseler
Monsieur Kol
KURS Kunstgeschichte
1. SEMESTER 2. SEMESTER
Zitieren undDIE
-24,057°
97
Wintersemester 08/09 Sommersemester 2009
y: -82,726
242,9 x: 220,603
September – Februar März — Juli
und der DIGITALE
2
89 -19,904°
y: -40,498
22,3
Inszenieren
1
x: 228,481
Gesellschaft
-19,323°
x: 115,494
GARTEN
D
38,245
GESELLSCHAFT
-2,337° Wie Fotografie alte Meister der Malerei
90° und sich selbst inszeniert,
zitiert und zuweilen persifliert.
INTERNET
DES KORAN
DAS
a u s d e m V V Z Die Vorlesungsreihe behandelt die
Entwicklung von Medien, Technologie und Gesell-
83
schaft als sich gegenseitig bedingende Teilnehmer
41,6
-72,582°
eines zukunftspolitischen Ganzen. Sie ordnet die
1960er Jahre
Medien- und Kommunikationswirtschaft national wie
europäisch ein als einen zentralen Bestandteil der
419,559
»Creative Industries« und behandelt sie als bedeuten-
SEMESTER 3 FACH Mediengeschichte
den Teil europäischer Zukunfts- und Strukturplanung.
Go!
1960er Jahre
DAS INTERNET
-179,129°
461,724 Die Vorlesungsreihe behandelte die Entwicklung von Medien,
Technologie und Gesellschaft als sich gegenseitig bedingende
Teilnehmer eines zukunftspolitischen Ganzen. Die Durch-
dringung des Internets in alle Medien, die Divergenz der
Hier tippen
zum Starten
wird versucht, die Entwicklung des Internets und seine weit-
reichende Einwirkung auf die Medienlandschaft zu erfassen.

125. Leser

126. Leser
Leser
Leser
Leser

128. Single-Folio oder Multi-Folio-Viewer?
Single-Folio-Viewer Multi-Folio-Viewer

130. Preis im App Store

131. Preis im App Store
Apple behält 30% der Einnahmen

133. Testen Testen Testen

134. Testen Testen Testen
Zeit. Viel Zeit.

135. Testen Testen Testen
Zeit. Viel Zeit.
Geduld.

136. Testen Testen Testen
Zeit. Viel Zeit.
Geduld.

137. 3
DONE
Making of

144. Danke.