Michaela and Richard explain how to publish magazine apps on Mobile Devices using Native Apps and HTML5.

1. Geil,Danke! Richard • Michaela1 // 1
geildanke.com

2. Geil,Danke! Richard • Michaela1 // 21
Print to
Mobile

3. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela2 // 21

4. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela3 // 21
Content? Layout?

5. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela4 // 21
Layout

6. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela5 // 21
PrintlayoutsaufdemiPad
(Computer Arts)

7. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela6 // 21
Printlayouts auf dem iPhone
(Computer Arts)

8. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela7 // 21
Und Lesen?

9. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela8 // 21

10. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela9 // 21

11. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela10 // 21
Content? Layout?

12. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela11 // 21
Content
Print
Vernunft
Magic

13. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela12 // 21

14. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela13 // 21
Vernunft

15. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela14 // 21
Vernunft

16. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela15 // 21
Vernunft

17. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela16 // 21
Vernunft

18. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela17 // 21
Magic

19. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela18 // 21
Magic

20. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela19 // 21
Magic

21. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela20 // 21
Magic
Vernunft
Print
Content
Layout

22. Geil,Danke! Richard • Michaela21 // 21
Print to
Mobile

23. 1 // 15
Specials

24. Vision // Print to Tablet • Special • Mobile Only
Geil,Danke! Richard • Michaela 2 // 15
Magazin
Werbung

25. Vision // Print to Tablet • Special • Mobile Only
Geil,Danke! Richard • Michaela 3 // 15
Werbung
in der GQ

26. Vision // Print to Tablet • Special • Mobile Only
Geil,Danke! Richard • Michaela 4 // 15
Werbung
in der COMPUTERBILD Spiele

27. Vision // Print to Tablet • Special • Mobile Only
Geil,Danke! Richard • Michaela 5 // 15
So nicht!

28. Vision // Print to Tablet • Special • Mobile Only
Geil,Danke! Richard • Michaela 6 // 15
Affiliate-
Werbung

29. Vision // Print to Tablet • Special • Mobile Only
Geil,Danke! Richard • Michaela 7 // 15
Magazin
Werbung
Umfrage

30. Vision // Print to Tablet • Special • Mobile Only
Geil,Danke! Richard • Michaela 8 // 15

31. Vision // Print to Tablet • Special • Mobile Only
Geil,Danke! Richard • Michaela 9 // 15
Magazin
Werbung
Umfrage
Bestell-
Formular

32. Vision // Print to Tablet • Special • Mobile Only
Geil,Danke! Richard • Michaela 10 // 15

33. Vision // Print to Tablet • Special • Mobile Only
Geil,Danke! Richard • Michaela 11 // 15
Magazin
Werbung
Umfrage
Bestell-
Formular
Social
Sharing

34. Vision // Print to Tablet • Special • Mobile Only
Geil,Danke! Richard • Michaela 12 // 15

35. Vision // Print to Tablet • Special • Mobile Only
Geil,Danke! Richard • Michaela 13 // 15
Magazin
Katalog Werbung
Umfrage
Bestell-
Formular
Social
Sharing

36. Vision // Print to Tablet • Special • Mobile Only
Geil,Danke! Richard • Michaela 14 // 15

37. Vision // Print to Tablet • Special • Mobile Only
Geil,Danke! Richard • Michaela 15 // 15

38. Geil,Danke! Richard • Michaela1 // 16
Mobile
Only

39. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela2 // 16

40. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela3 // 16
Content? Layout?

41. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela4 // 16
Vision

42. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela5 // 16
iPad Neues iPad

43. Geil,Danke! Richard • Michaela6 // 16
Vision // Print to Mobile • Special • Mobile Only

44. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela7 // 16
Voraussetzungen Inspiration
übertragbar
lesbar
Responsive
Webdesign

45. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela8 // 16
Fluid Fixed
Credit: lessframework.comCredit: goldengridsystem.com

46. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela9 // 16
Android Landscape
Spaltenanzahl 13
Textbreite 5 Spalten
Spalteneinteilung 5-spaltig + Hotspots
Spaltenbreite 64 px
Spaltenabstand 24 px
Steg oben 72 px
Steg unten 80 px
Steg links 77 px
Steg rechts 83 px
Grundlinienraster 24 px

47. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela10 // 16
Layout?Content?

48. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela11 // 16
Mobile
First

49. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela12 // 16
Mobile
First
Multi-
Media
Videos
Kleine Kleine
Kurzer
Touch-
App-
Texte
Kurze
Bilder
Sound
Games
Social Media

50. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela13 // 16
ResponsiveVision: Content

51. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela14 // 16
Mobile
First
Multi-
Media
Responsive

52. Vision // Print to Mobile • Special • Mobile Only
Geil,Danke! Richard • Michaela15 // 16
Mobile
First
Multi-
Media
Responsive
Content Layout

53. Geil,Danke! Richard • Michaela16 // 16
Mobile
Only

54. Geil,Danke! Richard • Michaela1 // 13
Vorbereiten

55. Praxis // Vorbereiten• Kreieren • Verkaufen
Geil,Danke! Richard • Michaela2 // 13
Was? Wer? Wie?

56. Praxis // Vorbereiten• Kreieren • Verkaufen
Geil,Danke! Richard • Michaela3 // 13
Was?

57. Praxis // Vorbereiten• Kreieren • Verkaufen
Geil,Danke! Richard • Michaela4 // 13
Vision
Ziel Konzept Test

58. Praxis // Vorbereiten• Kreieren • Verkaufen
Geil,Danke! Richard • Michaela5 // 13
Ziel

59. Praxis // Vorbereiten• Kreieren • Verkaufen
Geil,Danke! Richard • Michaela6 // 13
Ziel Konzept

60. Praxis // Vorbereiten• Kreieren • Verkaufen
Geil,Danke! Richard • Michaela7 // 13
Ziel Konzept Test

61. Praxis // Vorbereiten• Kreieren • Verkaufen
Geil,Danke! Richard • Michaela8 // 13
Wer?

62. Praxis // Vorbereiten• Kreieren • Verkaufen
Geil,Danke! Richard • Michaela9 // 13
Briefing
Redakteure
Content
Werbe-
möglichkeiten
Promotion/
Werbung
App-Grafiken
Schulung
Bilder, Rechte
BudgetierungVermarktung
Marketing
Leitende
Bildredakteure
Layouter
Grafiker

63. Praxis // Vorbereiten• Kreieren • Verkaufen
Geil,Danke! Richard • Michaela10 // 13
Wie?

64. Praxis // Vorbereiten• Kreieren • Verkaufen
Geil,Danke! Richard • Michaela11 // 13
Tools
Hardware / Software
Grid / Satzspiegel etc.
Vorlagen/Snippets/Bibliotheken
Doku
Wireframes

65. Praxis // Vorbereiten• Kreieren • Verkaufen
Geil,Danke! Richard • Michaela12 // 13
Vorbereiten
Was?
Wie? Wer?

66. Geil,Danke! Richard • Michaela13 // 13
Vorbereiten

67. 1 // 15
Kreieren

68. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 2 // 15
Wann kommt was?

69. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 3 // 15
Prozess
Team-Server

70. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 4 // 15
Adobe Digital Publishing Suite ➊ ➋ ➌ ➍

71. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 5 // 15
Mag+ ➊ ➋ ➌ ➍

72. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 6 // 15
Twixl Publisher ➊ ➋ ➌ ➍

73. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 7 // 15
Aquafadas ➊ ➋ ➌ ➍

74. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 8 // 15

75. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 9 // 15

76. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 10 // 15

77. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 11 // 15
Team-Server

78. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 12 // 15
pixelgenau
Video-
Qualität
Fehlende
Links
Usability
Corporate
Design
Überlappung

79. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 13 // 15
Workarounds finden!
Immer auf der Suche sein!
Es gibt kaum Entwurfsmuster!

80. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 14 // 15

81. 15 // 15
Cool,fertig!

82. 1 // 15
Verkaufen

83. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 2 // 15
Single-App Kiosk-App

84. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 3 // 15
iOS Developer Program: 79 € pro Jahr Google Play Developer: 25 US $ einmalig

85. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 4 // 15
Developer-Zertifikate Facebook-App
Abo-Laufzeiten
Branding

86. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 5 // 15
Name im App Store, Beschreibung,
Screenshots, Preise

87. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 6 // 15
Name im App Store, Beschreibung,
Screenshots, Preise
iTunes Connect

88. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 7 // 15
Single-App
...hundert MB
Apple hostet
Änderung über Update
Leser bezahlt App

89. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 8 // 15
Anbieter oder Sie hosten
jeder Download kostet
Änderungen jederzeit
Leser bezahlt Ausgabe
Kiosk-App

90. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 9 // 15
Beispiel: 79 Cent
Stückpreis 0,79 €
Umsatzsteuer 15 % (Luxemburg) - 0,12 €
Provision 30 % - 0,20 €
Download-Gebühr - 0,22 €
Stück-Erlös 0,25 €

91. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 10 // 15
Stückpreis 7,99 €
Umsatzsteuer 15 % (Luxemburg) - 1,20 €
Provision 30 % - 2,04 €
Download-Gebühr - 0,22 €
Erlös 0,00 €
Beispiel: 7,99 €
zu teuer?

92. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 11 // 15
Stück-Erlös 1,56 €
Adobe Digital Publishing Suite 355 €
Team-Gehälter + X
Marketing-Kosten + Y
Lizenzen/Hardware + Z
Beispiel: 2,99 €
355 + X + Y + Z
/ 1,56 = ?

93. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 12 // 15
App-Store-Optimierung (ASO)
Preis
Keywords
App-Icon
Newsstand-Cover
Beschreibung
Screenshots
Bewertungen

94. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 13 // 15

95. Praxis // Vorbereiten • Kreieren • Verkaufen
Geil,Danke! Richard • Michaela 14 // 15
„Use your instincts.“

96. 15 // 15
... und
verkauft!

97. Geil,Danke! Richard • Michaela1 // 1
geildanke.com