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

Digital Mobile Publishing für Tablets und Smartphones

Embed Size (px)

DESCRIPTION

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.

Citation preview

Page 1: Digital Mobile Publishing für Tablets und Smartphones

Geil,Danke! Richard • Michaela 1 // 1

geildanke.com

Page 2: Digital Mobile Publishing für Tablets und Smartphones

Geil,Danke! Richard • Michaela 1 // 21

Print to Mobile

Page 3: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 2 // 21

Page 4: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 3 // 21

Content? Layout?

Page 5: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 4 // 21

Layout

Page 6: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 5 // 21

Printlayouts auf dem iPad(Computer arts)

Page 7: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 6 // 21

Printlayouts auf dem iPhone(Computer arts)

Page 8: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 7 // 21

und lesen?

Page 9: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 8 // 21

Page 10: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 9 // 21

Page 11: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 10 // 21

Content? Layout?

Page 12: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 11 // 21

Content

PrintVernunft

Magic

Page 13: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 12 // 21

Page 14: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 13 // 21

Vernunft

Page 15: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 14 // 21

Vernunft

Page 16: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 15 // 21

Vernunft

Page 17: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 16 // 21

Vernunft

Page 18: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 17 // 21

Magic

Page 19: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 18 // 21

Magic

Page 20: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 19 // 21

Magic

Page 21: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 20 // 21

Magic

Vernunft

Print

ContentLayout

Page 22: Digital Mobile Publishing für Tablets und Smartphones

Geil,Danke! Richard • Michaela 21 // 21

Print to Mobile

Page 23: Digital Mobile Publishing für Tablets und Smartphones

1 // 15

Specials

Page 24: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 2 // 15

Magazin

Werbung

Page 25: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 3 // 15

Werbungin der GQ

Page 26: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 4 // 15

Werbung in der COMPUTERBILD Spiele

Page 27: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 5 // 15

So nicht!

Page 28: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 6 // 15

Affiliate-Werbung

Page 29: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 7 // 15

Magazin

Werbung

Umfrage

Page 30: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 8 // 15

Page 31: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 9 // 15

Magazin

Werbung

Umfrage

Bestell- Formular

Page 32: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 10 // 15

Page 33: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 11 // 15

Magazin

Werbung

Umfrage

Bestell- Formular

Social Sharing

Page 34: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 12 // 15

Page 35: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 13 // 15

Magazin

Katalog Werbung

Umfrage

Bestell- Formular

Social Sharing

Page 36: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 14 // 15

Page 37: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 15 // 15

Page 38: Digital Mobile Publishing für Tablets und Smartphones

Geil,Danke! Richard • Michaela 1 // 16

MobileOnly

Page 39: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 2 // 16

Page 40: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 3 // 16

Content? Layout?

Page 41: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 4 // 16

Vision

Page 42: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 5 // 16

iPad Neues iPad

Page 43: Digital Mobile Publishing für Tablets und Smartphones

Geil,Danke! Richard • Michaela 6 // 16

Vision // Print to Mobile • Special • Mobile Only

Page 44: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 7 // 16

Voraussetzungen Inspiration

übertragbar

lesbar

ResponsiveWebdesign

Page 45: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 8 // 16

Fluid Fixed

Credit: lessframework.comCredit: goldengridsystem.com

Page 46: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 9 // 16

Android Landscape

Spaltenanzahl 13Textbreite 5 SpaltenSpalteneinteilung 5-spaltig + HotspotsSpaltenbreite 64 pxSpaltenabstand 24 pxSteg oben 72 pxSteg unten 80 pxSteg links 77 pxSteg rechts 83 pxGrundlinienraster 24 px

Page 47: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 10 // 16

Layout?Content?

Page 48: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 11 // 16

MobileFirst

Page 49: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 12 // 16

MobileFirst

Multi-Media

VideosKleiNe KleiNe

Kurzer

Touch-APP-

TexTeKurze

Bilder

souNd

GAmessociAl mediA

Page 50: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 13 // 16

ResponsiveVisioN: coNTeNT

Page 51: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 14 // 16

MobileFirst

Multi-Media

Responsive

Page 52: Digital Mobile Publishing für Tablets und Smartphones

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 15 // 16

MobileFirst

Multi-Media

Responsive

Content Layout

Page 53: Digital Mobile Publishing für Tablets und Smartphones

Geil,Danke! Richard • Michaela 16 // 16

MobileOnly

Page 54: Digital Mobile Publishing für Tablets und Smartphones

Geil,Danke! Richard • Michaela 1 // 13

Vorbereiten

Page 55: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 2 // 13

Was? Wer? Wie?

Page 56: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 3 // 13

Was?

Page 57: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 4 // 13

Vision

Ziel Konzept Test

Page 58: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 5 // 13

Ziel

Page 59: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 6 // 13

Ziel Konzept

Page 60: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 7 // 13

Ziel Konzept Test

Page 61: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 8 // 13

Wer?

Page 62: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 9 // 13

Briefing

RedakteureContent

Werbe-möglichkeiten

Promotion/Werbung

App-Grafiken

Schulung

Bilder, Rechte

BudgetierungVermarktung

Marketing

Leitende

Bildredakteure

Layouter

Grafiker

Page 63: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 10 // 13

Wie?

Page 64: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 11 // 13

Tools

Hardware / Software

Grid / Satzspiegel etc.

Vorlagen / Snippets / Bibliotheken

Doku

Wireframes

Page 65: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 12 // 13

Vorbereiten

Was?

Wie? Wer?

Page 66: Digital Mobile Publishing für Tablets und Smartphones

Geil,Danke! Richard • Michaela 13 // 13

Vorbereiten

Page 67: Digital Mobile Publishing für Tablets und Smartphones

1 // 15

Kreieren

Page 68: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 2 // 15

Wann kommt was?

Page 69: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 3 // 15

Prozess

Team-Server

Page 70: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 4 // 15

Adobe Digital Publishing Suite ➊ ➋ ➌ ➍

Page 71: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 5 // 15

Mag+ ➊ ➋ ➌ ➍

Page 72: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 6 // 15

Twixl Publisher ➊ ➋ ➌ ➍

Page 73: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 7 // 15

Aquafadas ➊ ➋ ➌ ➍

Page 74: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 8 // 15

Page 75: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 9 // 15

Page 76: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 10 // 15

Page 77: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 11 // 15

Team-Server

Page 78: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 12 // 15

pixelgenauVideo- Qualität

Fehlende Links

UsabilityCorporate

DesignÜberlappung

Page 79: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 13 // 15

Workarounds finden!

Immer auf der Suche sein!

Es gibt kaum Entwurfsmuster!

Page 80: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 14 // 15

Page 81: Digital Mobile Publishing für Tablets und Smartphones

15 // 15

Cool,fertig!

Page 82: Digital Mobile Publishing für Tablets und Smartphones

1 // 15

Verkaufen

Page 83: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 2 // 15

Single-App Kiosk-App

Page 84: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 3 // 15

iOS Developer Program: 79 € pro Jahr Google Play Developer: 25 US $ einmalig

Page 85: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 4 // 15

Developer-Zertifikate Facebook-App

Abo-Laufzeiten

Branding

Page 86: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 5 // 15

Name im App Store, Beschreibung, Screenshots, Preise

Page 87: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 6 // 15

Name im App Store, Beschreibung, Screenshots, Preise

iTunes Connect

Page 88: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 7 // 15

Single-App

> ...hundert MB

> Apple hostet

> Änderung über Update

> Leser bezahlt App

Page 89: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 8 // 15

> Anbieter oder Sie hosten

> jeder Download kostet

> Änderungen jederzeit

> Leser bezahlt Ausgabe

Kiosk-App

Page 90: Digital Mobile Publishing für Tablets und Smartphones

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 €

Page 91: Digital Mobile Publishing für Tablets und Smartphones

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?

Page 92: Digital Mobile Publishing für Tablets und Smartphones

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 = ?

Page 93: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 12 // 15

App-Store-Optimierung (ASO)

PreisKeywords

App-Icon

Newsstand-Cover

Beschreibung

Screenshots

Bewertungen

Page 94: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 13 // 15

Page 95: Digital Mobile Publishing für Tablets und Smartphones

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 14 // 15

„Use your instincts.“

Page 96: Digital Mobile Publishing für Tablets und Smartphones

15 // 15

... und verkauft!

Page 97: Digital Mobile Publishing für Tablets und Smartphones

Geil,Danke! Richard • Michaela 1 // 1

geildanke.com