Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Digital Mobile Publishing für Tablets und Smartphones

4,148 views

Published on

Die Geil,Danke!-Gründer Michaela Lehr und Richard Brammer berichten auf der IDUG Stuttgart von Ihren Erlebnissen in der Mobile-Publishing-Branche und der Erfahrung mit dem elektrospieler und dem Rolling Stone für iPad.

  • Be the first to comment

Digital Mobile Publishing für Tablets und Smartphones

  1. 1. geildanke.comGeil,Danke! Richard • Michaela1 // 1
  2. 2. Print to MobileGeil,Danke! Richard • Michaela1 // 21
  3. 3. Vision // Print to Mobile • Special • Mobile OnlyGeil,Danke! Richard • Michaela2 // 21
  4. 4. Vision // Print to Mobile • Special • Mobile Only Content? Layout?Geil,Danke! Richard • Michaela3 // 21
  5. 5. Vision // Print to Mobile • Special • Mobile Only LayoutGeil,Danke! Richard • Michaela4 // 21
  6. 6. Vision // Print to Mobile • Special • Mobile Only Printlayouts auf dem iPad (Computer Arts)Geil,Danke! Richard • Michaela5 // 21
  7. 7. Vision // Print to Mobile • Special • Mobile Only Printlayouts auf dem iPhone (Computer Arts)Geil,Danke! Richard • Michaela6 // 21
  8. 8. Vision // Print to Mobile • Special • Mobile OnlyUnd Lesen?Geil,Danke! Richard • Michaela7 // 21
  9. 9. Vision // Print to Mobile • Special • Mobile OnlyGeil,Danke! Richard • Michaela8 // 21
  10. 10. Vision // Print to Mobile • Special • Mobile OnlyGeil,Danke! Richard • Michaela9 // 21
  11. 11. Vision // Print to Mobile • Special • Mobile Only Content? Layout?Geil,Danke! Richard • Michaela10 // 21
  12. 12. Vision // Print to Mobile • Special • Mobile Only Content Print Magic VernunftGeil,Danke! Richard • Michaela11 // 21
  13. 13. Vision // Print to Mobile • Special • Mobile OnlyGeil,Danke! Richard • Michaela12 // 21
  14. 14. Vision // Print to Mobile • Special • Mobile Only VernunftGeil,Danke! Richard • Michaela13 // 21
  15. 15. Vision // Print to Mobile • Special • Mobile Only VernunftGeil,Danke! Richard • Michaela14 // 21
  16. 16. Vision // Print to Mobile • Special • Mobile Only VernunftGeil,Danke! Richard • Michaela15 // 21
  17. 17. Vision // Print to Mobile • Special • Mobile Only VernunftGeil,Danke! Richard • Michaela16 // 21
  18. 18. Vision // Print to Mobile • Special • Mobile Only MagicGeil,Danke! Richard • Michaela17 // 21
  19. 19. Vision // Print to Mobile • Special • Mobile Only MagicGeil,Danke! Richard • Michaela18 // 21
  20. 20. Vision // Print to Mobile • Special • Mobile Only MagicGeil,Danke! Richard • Michaela19 // 21
  21. 21. Vision // Print to Mobile • Special • Mobile Only Vernunft Magic Content Layout PrintGeil,Danke! Richard • Michaela20 // 21
  22. 22. Print to MobileGeil,Danke! Richard • Michaela21 // 21
  23. 23. Specials1 // 15
  24. 24. Vision // Print to Tablet • Special • Mobile Only Werbung MagazinGeil,Danke! Richard • Michaela 2 // 15
  25. 25. Vision // Print to Tablet • Special • Mobile Only Werbung in der GQGeil,Danke! Richard • Michaela 3 // 15
  26. 26. Vision // Print to Tablet • Special • Mobile Only Werbung in der COMPUTERBILD SpieleGeil,Danke! Richard • Michaela 4 // 15
  27. 27. Vision // Print to Tablet • Special • Mobile Only So nicht!Geil,Danke! Richard • Michaela 5 // 15
  28. 28. Vision // Print to Tablet • Special • Mobile Only Affiliate- WerbungGeil,Danke! Richard • Michaela 6 // 15
  29. 29. Vision // Print to Tablet • Special • Mobile Only Werbung Magazin UmfrageGeil,Danke! Richard • Michaela 7 // 15
  30. 30. Vision // Print to Tablet • Special • Mobile OnlyGeil,Danke! Richard • Michaela 8 // 15
  31. 31. Vision // Print to Tablet • Special • Mobile Only Bestell- Formular Werbung Magazin UmfrageGeil,Danke! Richard • Michaela 9 // 15
  32. 32. Vision // Print to Tablet • Special • Mobile OnlyGeil,Danke! Richard • Michaela 10 // 15
  33. 33. Vision // Print to Tablet • Special • Mobile Only Bestell- Formular Werbung Magazin Social Sharing UmfrageGeil,Danke! Richard • Michaela 11 // 15
  34. 34. Vision // Print to Tablet • Special • Mobile OnlyGeil,Danke! Richard • Michaela 12 // 15
  35. 35. Vision // Print to Tablet • Special • Mobile Only Bestell- Formular Katalog Werbung Magazin Social Sharing UmfrageGeil,Danke! Richard • Michaela 13 // 15
  36. 36. Vision // Print to Tablet • Special • Mobile OnlyGeil,Danke! Richard • Michaela 14 // 15
  37. 37. Vision // Print to Tablet • Special • Mobile OnlyGeil,Danke! Richard • Michaela 15 // 15
  38. 38. Mobile OnlyGeil,Danke! Richard • Michaela1 // 16
  39. 39. Vision // Print to Mobile • Special • Mobile OnlyGeil,Danke! Richard • Michaela2 // 16
  40. 40. Vision // Print to Mobile • Special • Mobile Only Content? Layout?Geil,Danke! Richard • Michaela3 // 16
  41. 41. Vision // Print to Mobile • Special • Mobile Only VisionGeil,Danke! Richard • Michaela4 // 16
  42. 42. Vision // Print to Mobile • Special • Mobile Only iPad Neues iPadGeil,Danke! Richard • Michaela5 // 16
  43. 43. Vision // Print to Mobile • Special • Mobile OnlyGeil,Danke! Richard • Michaela6 // 16
  44. 44. Vision // Print to Mobile • Special • Mobile Only Voraussetzungen Inspiration übertragbar Responsive Webdesign lesbarGeil,Danke! Richard • Michaela7 // 16
  45. 45. Vision // Print to Mobile • Special • Mobile Only Fluid FixedCredit: goldengridsystem.com Credit: lessframework.comGeil,Danke! Richard • Michaela8 // 16
  46. 46. Vision // Print to Mobile • Special • Mobile Only 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 pxGeil,Danke! Richard • Michaela9 // 16
  47. 47. Vision // Print to Mobile • Special • Mobile Only Content? Layout?Geil,Danke! Richard • Michaela10 // 16
  48. 48. Vision // Print to Mobile • Special • Mobile Only Mobile FirstGeil,Danke! Richard • Michaela11 // 16
  49. 49. Vision // Print to Mobile • Special • Mobile Only Kurze Kleine Texte Kleine Videos Bilder Mobile Multi- First Media KurzerApp- SoundSocial Media Touch- GamesGeil,Danke! Richard • Michaela12 // 16
  50. 50. Vision // Print to Mobile • Special • Mobile Only Vision: Responsive ContentGeil,Danke! Richard • Michaela13 // 16
  51. 51. Vision // Print to Mobile • Special • Mobile Only Responsive Mobile Multi- First MediaGeil,Danke! Richard • Michaela14 // 16
  52. 52. Vision // Print to Mobile • Special • Mobile Only Responsive Multi- Media Content Layout Mobile FirstGeil,Danke! Richard • Michaela15 // 16
  53. 53. Mobile OnlyGeil,Danke! Richard • Michaela16 // 16
  54. 54. VorbereitenGeil,Danke! Richard • Michaela1 // 13
  55. 55. Praxis // Vorbereiten• Kreieren • Verkaufen Was? Wer? Wie?Geil,Danke! Richard • Michaela2 // 13
  56. 56. Praxis // Vorbereiten• Kreieren • Verkaufen Was?Geil,Danke! Richard • Michaela3 // 13
  57. 57. Praxis // Vorbereiten• Kreieren • Verkaufen Vision Ziel Konzept TestGeil,Danke! Richard • Michaela4 // 13
  58. 58. Praxis // Vorbereiten• Kreieren • Verkaufen ZielGeil,Danke! Richard • Michaela5 // 13
  59. 59. Praxis // Vorbereiten• Kreieren • Verkaufen Ziel KonzeptGeil,Danke! Richard • Michaela6 // 13
  60. 60. Praxis // Vorbereiten• Kreieren • Verkaufen Ziel Konzept TestGeil,Danke! Richard • Michaela7 // 13
  61. 61. Praxis // Vorbereiten• Kreieren • Verkaufen Wer?Geil,Danke! Richard • Michaela8 // 13
  62. 62. Praxis // Vorbereiten• Kreieren • Verkaufen Content App-Grafiken Redakteure GrafikerWerbe- Schulungmöglichkeiten LayouterVermarktung Briefing Budgetierung Leitende Promotion/ Werbung Bilder, Rechte Marketing BildredakteureGeil,Danke! Richard • Michaela9 // 13
  63. 63. Praxis // Vorbereiten• Kreieren • Verkaufen Wie?Geil,Danke! Richard • Michaela10 // 13
  64. 64. Praxis // Vorbereiten• Kreieren • Verkaufen Tools Hardware / Software Wireframes Grid / Satzspiegel etc. Vorlagen / Snippets / Bibliotheken DokuGeil,Danke! Richard • Michaela11 // 13
  65. 65. Praxis // Vorbereiten• Kreieren • Verkaufen Was? Vorbereiten Wie? Wer?Geil,Danke! Richard • Michaela12 // 13
  66. 66. VorbereitenGeil,Danke! Richard • Michaela13 // 13
  67. 67. Kreieren1 // 15
  68. 68. Praxis // Vorbereiten • Kreieren • Verkaufen Wann kommt was?Geil,Danke! Richard • Michaela 2 // 15
  69. 69. Praxis // Vorbereiten • Kreieren • VerkaufenProzess Team-ServerGeil,Danke! Richard • Michaela 3 // 15
  70. 70. Praxis // Vorbereiten • Kreieren • Verkaufen Adobe Digital Publishing Suite ➊ ➋ ➌ ➍Geil,Danke! Richard • Michaela 4 // 15
  71. 71. Praxis // Vorbereiten • Kreieren • Verkaufen Mag+ ➊➋➌➍Geil,Danke! Richard • Michaela 5 // 15
  72. 72. Praxis // Vorbereiten • Kreieren • Verkaufen Twixl Publisher ➊➋➌➍Geil,Danke! Richard • Michaela 6 // 15
  73. 73. Praxis // Vorbereiten • Kreieren • Verkaufen Aquafadas ➊➋➌➍Geil,Danke! Richard • Michaela 7 // 15
  74. 74. Praxis // Vorbereiten • Kreieren • VerkaufenGeil,Danke! Richard • Michaela 8 // 15
  75. 75. Praxis // Vorbereiten • Kreieren • VerkaufenGeil,Danke! Richard • Michaela 9 // 15
  76. 76. Praxis // Vorbereiten • Kreieren • VerkaufenGeil,Danke! Richard • Michaela 10 // 15
  77. 77. Praxis // Vorbereiten • Kreieren • Verkaufen Team-ServerGeil,Danke! Richard • Michaela 11 // 15
  78. 78. Praxis // Vorbereiten • Kreieren • Verkaufen Video- Fehlende pixelgenau Qualität Links Corporate Usability Überlappung DesignGeil,Danke! Richard • Michaela 12 // 15
  79. 79. Praxis // Vorbereiten • Kreieren • Verkaufen Es gibt kaum Entwurfsmuster! Immer auf der Suche sein! Workarounds finden!Geil,Danke! Richard • Michaela 13 // 15
  80. 80. Praxis // Vorbereiten • Kreieren • VerkaufenGeil,Danke! Richard • Michaela 14 // 15
  81. 81. Cool,fertig!15 // 15
  82. 82. Verkaufen1 // 15
  83. 83. Praxis // Vorbereiten • Kreieren • Verkaufen Single-App Kiosk-AppGeil,Danke! Richard • Michaela 2 // 15
  84. 84. Praxis // Vorbereiten • Kreieren • VerkaufeniOS Developer Program: 79 € pro Jahr Google Play Developer: 25 US $ einmaligGeil,Danke! Richard • Michaela 3 // 15
  85. 85. Praxis // Vorbereiten • Kreieren • Verkaufen Abo-Laufzeiten Branding Developer-Zertifikate Facebook-AppGeil,Danke! Richard • Michaela 4 // 15
  86. 86. Praxis // Vorbereiten • Kreieren • Verkaufen Name im App Store, Beschreibung, Screenshots, PreiseGeil,Danke! Richard • Michaela 5 // 15
  87. 87. Praxis // Vorbereiten • Kreieren • Verkaufen Name im App Store, Beschreibung, Screenshots, Preise iTunes ConnectGeil,Danke! Richard • Michaela 6 // 15
  88. 88. Praxis // Vorbereiten • Kreieren • VerkaufenSingle-App ...hundert MB Apple hostet Änderung über Update Leser bezahlt AppGeil,Danke! Richard • Michaela 7 // 15
  89. 89. Praxis // Vorbereiten • Kreieren • VerkaufenKiosk-App Anbieter oder Sie hosten jeder Download kostet Änderungen jederzeit Leser bezahlt AusgabeGeil,Danke! Richard • Michaela 8 // 15
  90. 90. Praxis // Vorbereiten • Kreieren • VerkaufenBeispiel: 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 €Geil,Danke! Richard • Michaela 9 // 15
  91. 91. Praxis // Vorbereiten • Kreieren • VerkaufenBeispiel: 7,99 € Stückpreis 7,99 € Umsatzsteuer 15 % (Luxemburg) - 1,20 € Provision 30 % - 2,04 € Download-Gebühr - 0,22 € Erlös 0,00 € zu teuer?Geil,Danke! Richard • Michaela 10 // 15
  92. 92. Praxis // Vorbereiten • Kreieren • Verkaufen Beispiel: 2,99 € Stück-Erlös 1,56 € Adobe Digital Publishing Suite 355 € Team-Gehälter + X Marketing-Kosten + Y Lizenzen/Hardware + Z 355 + X + Y + Z / 1,56 = ?Geil,Danke! Richard • Michaela 11 // 15
  93. 93. Praxis // Vorbereiten • Kreieren • VerkaufenApp-Store-Optimierung (ASO) Preis Newsstand-Cover Keywords Screenshots App-Icon Beschreibung BewertungenGeil,Danke! Richard • Michaela 12 // 15
  94. 94. Praxis // Vorbereiten • Kreieren • VerkaufenGeil,Danke! Richard • Michaela 13 // 15
  95. 95. Praxis // Vorbereiten • Kreieren • Verkaufen„Use your instincts.“Geil,Danke! Richard • Michaela 14 // 15
  96. 96. ... und verkauft!15 // 15
  97. 97. geildanke.comGeil,Danke! Richard • Michaela1 // 1

×