Digital Mobile Publishing für Tablets und Smartphones

Post on 22-Jun-2015

3.809 views 0 download

Tags:

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.

Transcript of Digital Mobile Publishing für Tablets und Smartphones

Geil,Danke! Richard • Michaela 1 // 1

geildanke.com

Geil,Danke! Richard • Michaela 1 // 21

Print to Mobile

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 2 // 21

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 3 // 21

Content? Layout?

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 4 // 21

Layout

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 5 // 21

Printlayouts auf dem iPad(Computer arts)

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 6 // 21

Printlayouts auf dem iPhone(Computer arts)

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 7 // 21

und lesen?

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 8 // 21

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 9 // 21

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 10 // 21

Content? Layout?

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 11 // 21

Content

PrintVernunft

Magic

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 12 // 21

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 13 // 21

Vernunft

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 14 // 21

Vernunft

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 15 // 21

Vernunft

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 16 // 21

Vernunft

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 17 // 21

Magic

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 18 // 21

Magic

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 19 // 21

Magic

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 20 // 21

Magic

Vernunft

Print

ContentLayout

Geil,Danke! Richard • Michaela 21 // 21

Print to Mobile

1 // 15

Specials

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 2 // 15

Magazin

Werbung

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 3 // 15

Werbungin der GQ

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 4 // 15

Werbung in der COMPUTERBILD Spiele

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 5 // 15

So nicht!

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 6 // 15

Affiliate-Werbung

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 7 // 15

Magazin

Werbung

Umfrage

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 8 // 15

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 9 // 15

Magazin

Werbung

Umfrage

Bestell- Formular

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 10 // 15

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 11 // 15

Magazin

Werbung

Umfrage

Bestell- Formular

Social Sharing

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 12 // 15

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 13 // 15

Magazin

Katalog Werbung

Umfrage

Bestell- Formular

Social Sharing

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 14 // 15

Vision // Print to Tablet • Special • Mobile Only

Geil,Danke! Richard • Michaela 15 // 15

Geil,Danke! Richard • Michaela 1 // 16

MobileOnly

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 2 // 16

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 3 // 16

Content? Layout?

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 4 // 16

Vision

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 5 // 16

iPad Neues iPad

Geil,Danke! Richard • Michaela 6 // 16

Vision // Print to Mobile • Special • Mobile Only

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 7 // 16

Voraussetzungen Inspiration

übertragbar

lesbar

ResponsiveWebdesign

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 8 // 16

Fluid Fixed

Credit: lessframework.comCredit: goldengridsystem.com

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

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 10 // 16

Layout?Content?

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 11 // 16

MobileFirst

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

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 13 // 16

ResponsiveVisioN: coNTeNT

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 14 // 16

MobileFirst

Multi-Media

Responsive

Vision // Print to Mobile • Special • Mobile Only

Geil,Danke! Richard • Michaela 15 // 16

MobileFirst

Multi-Media

Responsive

Content Layout

Geil,Danke! Richard • Michaela 16 // 16

MobileOnly

Geil,Danke! Richard • Michaela 1 // 13

Vorbereiten

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 2 // 13

Was? Wer? Wie?

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 3 // 13

Was?

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 4 // 13

Vision

Ziel Konzept Test

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 5 // 13

Ziel

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 6 // 13

Ziel Konzept

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 7 // 13

Ziel Konzept Test

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 8 // 13

Wer?

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

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 10 // 13

Wie?

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 11 // 13

Tools

Hardware / Software

Grid / Satzspiegel etc.

Vorlagen / Snippets / Bibliotheken

Doku

Wireframes

Praxis // Vorbereiten• Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 12 // 13

Vorbereiten

Was?

Wie? Wer?

Geil,Danke! Richard • Michaela 13 // 13

Vorbereiten

1 // 15

Kreieren

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 2 // 15

Wann kommt was?

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 3 // 15

Prozess

Team-Server

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 4 // 15

Adobe Digital Publishing Suite ➊ ➋ ➌ ➍

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 5 // 15

Mag+ ➊ ➋ ➌ ➍

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 6 // 15

Twixl Publisher ➊ ➋ ➌ ➍

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 7 // 15

Aquafadas ➊ ➋ ➌ ➍

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 8 // 15

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 9 // 15

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 10 // 15

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 11 // 15

Team-Server

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 12 // 15

pixelgenauVideo- Qualität

Fehlende Links

UsabilityCorporate

DesignÜberlappung

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 13 // 15

Workarounds finden!

Immer auf der Suche sein!

Es gibt kaum Entwurfsmuster!

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 14 // 15

15 // 15

Cool,fertig!

1 // 15

Verkaufen

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 2 // 15

Single-App Kiosk-App

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 3 // 15

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

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 4 // 15

Developer-Zertifikate Facebook-App

Abo-Laufzeiten

Branding

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 5 // 15

Name im App Store, Beschreibung, Screenshots, Preise

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 6 // 15

Name im App Store, Beschreibung, Screenshots, Preise

iTunes Connect

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 7 // 15

Single-App

> ...hundert MB

> Apple hostet

> Änderung über Update

> Leser bezahlt App

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 8 // 15

> Anbieter oder Sie hosten

> jeder Download kostet

> Änderungen jederzeit

> Leser bezahlt Ausgabe

Kiosk-App

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 €

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?

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

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 12 // 15

App-Store-Optimierung (ASO)

PreisKeywords

App-Icon

Newsstand-Cover

Beschreibung

Screenshots

Bewertungen

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 13 // 15

Praxis // Vorbereiten • Kreieren • Verkaufen

Geil,Danke! Richard • Michaela 14 // 15

„Use your instincts.“

15 // 15

... und verkauft!

Geil,Danke! Richard • Michaela 1 // 1

geildanke.com