SlideShare une entreprise Scribd logo
1  sur  97
Télécharger pour lire hors ligne
geildanke.com



Geil,Danke! Richard • Michaela1 // 1
Print to
              Mobile

Geil,Danke! Richard • Michaela1 // 21
Vision // Print to Mobile • Special • Mobile Only




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




      Content?                                      Layout?

Geil,Danke! Richard • Michaela3 // 21
Vision // Print to Mobile • Special • Mobile Only




                                                    Layout




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




   Printlayouts auf dem iPad
   (Computer Arts)




Geil,Danke! Richard • Michaela5 // 21
Vision // Print to Mobile • Special • Mobile Only




   Printlayouts auf dem iPhone
   (Computer Arts)




Geil,Danke! Richard • Michaela6 // 21
Vision // Print to Mobile • Special • Mobile Only




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




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




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




      Content?                                      Layout?

Geil,Danke! Richard • Michaela10 // 21
Vision // Print to Mobile • Special • Mobile Only




                                                    Content




          Print                                               Magic
                                             Vernunft

Geil,Danke! Richard • Michaela11 // 21
Vision // Print to Mobile • Special • Mobile Only




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




                                                    Vernunft




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




                                                    Vernunft




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




                                                    Vernunft




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




                                                    Vernunft




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




                                                    Magic




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




                                                    Magic




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




                                                    Magic




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




    Vernunft



 Magic                Content
                                                    Layout
              Print


Geil,Danke! Richard • Michaela20 // 21
Print to
              Mobile

Geil,Danke! Richard • Michaela21 // 21
Specials

1 // 15
Vision // Print to Tablet • Special • Mobile Only




                                                              Werbung


                                                    Magazin




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




                 Werbung
                                in der GQ




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




                 Werbung
      in der COMPUTERBILD Spiele




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




   So nicht!




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




 Affiliate-
 Werbung




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




                                                              Werbung


                                                    Magazin




                                                    Umfrage



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




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




                                                     Bestell-
                                                    Formular

                                                                Werbung


                                                    Magazin




                                                    Umfrage



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




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




                                                     Bestell-
                                                    Formular

                                                                Werbung


                                                    Magazin

                                  Social
                                 Sharing

                                                    Umfrage



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




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




                                                     Bestell-
                                                    Formular

                                 Katalog                        Werbung


                                                    Magazin

                                  Social
                                 Sharing

                                                    Umfrage



Geil,Danke! Richard • Michaela                                           13 // 15
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
Mobile
              Only
Geil,Danke! Richard • Michaela1 // 16
Vision // Print to Mobile • Special • Mobile Only




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




      Content?                                      Layout?

Geil,Danke! Richard • Michaela3 // 16
Vision // Print to Mobile • Special • Mobile Only




                                                Vision


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




                    iPad                            Neues iPad




Geil,Danke! Richard • Michaela5 // 16
Vision // Print to Mobile • Special • Mobile Only




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




 Voraussetzungen                                    Inspiration

             übertragbar                             Responsive
                                                     Webdesign
                     lesbar


Geil,Danke! Richard • Michaela7 // 16
Vision // Print to Mobile • Special • Mobile Only




                         Fluid                      Fixed




Credit: goldengridsystem.com                            Credit: lessframework.com

Geil,Danke! Richard • Michaela8 // 16
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 px




Geil,Danke! Richard • Michaela9 // 16
Vision // Print to Mobile • Special • Mobile Only




      Content?                                      Layout?

Geil,Danke! Richard • Michaela10 // 16
Vision // Print to Mobile • Special • Mobile Only




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



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




  Vision:                                Responsive   Content


Geil,Danke! Richard • Michaela13 // 16
Vision // Print to Mobile • Special • Mobile Only




                                           Responsive

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




                    Responsive



         Multi-
          Media                 Content Layout
                       Mobile
                       First
Geil,Danke! Richard • Michaela15 // 16
Mobile
              Only
Geil,Danke! Richard • Michaela16 // 16
Vorbereiten


Geil,Danke! Richard • Michaela1 // 13
Praxis // Vorbereiten• Kreieren • Verkaufen




         Was?                                 Wer?   Wie?


Geil,Danke! Richard • Michaela2 // 13
Praxis // Vorbereiten• Kreieren • Verkaufen




                                              Was?

Geil,Danke! Richard • Michaela3 // 13
Praxis // Vorbereiten• Kreieren • Verkaufen




                                               Vision




  Ziel                                        Konzept   Test




Geil,Danke! Richard • Michaela4 // 13
Praxis // Vorbereiten• Kreieren • Verkaufen




    Ziel




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




    Ziel          Konzept




Geil,Danke! Richard • Michaela6 // 13
Praxis // Vorbereiten• Kreieren • Verkaufen




    Ziel          Konzept                 Test




Geil,Danke! Richard • Michaela7 // 13
Praxis // Vorbereiten• Kreieren • Verkaufen




                                              Wer?

Geil,Danke! Richard • Michaela8 // 13
Praxis // Vorbereiten• Kreieren • Verkaufen




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




                                              Wie?

Geil,Danke! Richard • Michaela10 // 13
Praxis // Vorbereiten• Kreieren • Verkaufen




                                 Tools
                         Hardware / Software
                              Wireframes
                        Grid / Satzspiegel etc.
                   Vorlagen / Snippets / Bibliotheken
                                 Doku

Geil,Danke! Richard • Michaela11 // 13
Praxis // Vorbereiten• Kreieren • Verkaufen




                                               Was?


                                              Vorbereiten



                          Wie?                              Wer?


Geil,Danke! Richard • Michaela12 // 13
Vorbereiten


Geil,Danke! Richard • Michaela13 // 13
Kreieren


1 // 15
Praxis // Vorbereiten • Kreieren • Verkaufen




                                               Wann kommt was?




Geil,Danke! Richard • Michaela                           2 // 15
Praxis // Vorbereiten • Kreieren • Verkaufen



Prozess




                                               Team-Server


Geil,Danke! Richard • Michaela                              3 // 15
Praxis // Vorbereiten • Kreieren • Verkaufen



                                               Adobe Digital Publishing Suite ➊ ➋ ➌ ➍




Geil,Danke! Richard • Michaela                                                         4 // 15
Praxis // Vorbereiten • Kreieren • Verkaufen




                                               Mag+   ➊➋➌➍




Geil,Danke! Richard • Michaela                              5 // 15
Praxis // Vorbereiten • Kreieren • Verkaufen




                                               Twixl Publisher   ➊➋➌➍




Geil,Danke! Richard • Michaela                                         6 // 15
Praxis // Vorbereiten • Kreieren • Verkaufen



                                               Aquafadas   ➊➋➌➍




Geil,Danke! Richard • Michaela                                   7 // 15
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




                                               Team-Server




Geil,Danke! Richard • Michaela                              11 // 15
Praxis // Vorbereiten • Kreieren • Verkaufen




                                               Video-       Fehlende
                          pixelgenau
                                               Qualität       Links



                                               Corporate
                           Usability                       Überlappung
                                                Design




Geil,Danke! Richard • Michaela                                          12 // 15
Praxis // Vorbereiten • Kreieren • Verkaufen




   Es gibt kaum Entwurfsmuster!

   Immer auf der Suche sein!

   Workarounds finden!




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




Geil,Danke! Richard • Michaela                14 // 15
Cool,fertig!


15 // 15
Verkaufen

1 // 15
Praxis // Vorbereiten • Kreieren • Verkaufen




                     Single-App                Kiosk-App




Geil,Danke! Richard • Michaela                            2 // 15
Praxis // Vorbereiten • Kreieren • Verkaufen




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



Geil,Danke! Richard • Michaela                                                      3 // 15
Praxis // Vorbereiten • Kreieren • Verkaufen




                                                                     Abo-Laufzeiten

                                           Branding


         Developer-Zertifikate                        Facebook-App




Geil,Danke! Richard • Michaela                                                   4 // 15
Praxis // Vorbereiten • Kreieren • Verkaufen




                              Name im App Store, Beschreibung,
                                    Screenshots, Preise


Geil,Danke! Richard • Michaela                                  5 // 15
Praxis // Vorbereiten • Kreieren • Verkaufen


                              Name im App Store, Beschreibung,
                                    Screenshots, Preise




         iTunes Connect




Geil,Danke! Richard • Michaela                                  6 // 15
Praxis // Vorbereiten • Kreieren • Verkaufen



Single-App


                                               	 ...hundert MB

                                               	 Apple hostet

                                               	 Änderung über Update

                                               	 Leser bezahlt App




Geil,Danke! Richard • Michaela                                           7 // 15
Praxis // Vorbereiten • Kreieren • Verkaufen



Kiosk-App
                                               	 Anbieter oder Sie hosten

                                               	 jeder Download kostet

                                               	 Änderungen jederzeit

                                               	 Leser bezahlt Ausgabe




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



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 €




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



Beispiel: 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
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
Praxis // Vorbereiten • Kreieren • Verkaufen



App-Store-Optimierung (ASO)

                                               Preis
                  Newsstand-Cover                      Keywords

            Screenshots                                           App-Icon


    Beschreibung                                                      Bewertungen




Geil,Danke! Richard • Michaela                                               12 // 15
Praxis // Vorbereiten • Kreieren • Verkaufen




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



„Use your instincts.“




Geil,Danke! Richard • Michaela                14 // 15
... und
   verkauft!

15 // 15
geildanke.com



Geil,Danke! Richard • Michaela1 // 1

Contenu connexe

En vedette

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

En vedette (20)

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 

Digital Mobile Publishing für Tablets und Smartphones

  • 2. Print to Mobile Geil,Danke! Richard • Michaela1 // 21
  • 3. Vision // Print to Mobile • Special • Mobile Only Geil,Danke! Richard • Michaela2 // 21
  • 4. Vision // Print to Mobile • Special • Mobile Only Content? Layout? Geil,Danke! Richard • Michaela3 // 21
  • 5. Vision // Print to Mobile • Special • Mobile Only Layout Geil,Danke! Richard • Michaela4 // 21
  • 6. Vision // Print to Mobile • Special • Mobile Only Printlayouts auf dem iPad (Computer Arts) Geil,Danke! Richard • Michaela5 // 21
  • 7. Vision // Print to Mobile • Special • Mobile Only Printlayouts auf dem iPhone (Computer Arts) Geil,Danke! Richard • Michaela6 // 21
  • 8. Vision // Print to Mobile • Special • Mobile Only Und Lesen? Geil,Danke! Richard • Michaela7 // 21
  • 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 Content? Layout? Geil,Danke! Richard • Michaela10 // 21
  • 12. Vision // Print to Mobile • Special • Mobile Only Content Print Magic Vernunft Geil,Danke! Richard • Michaela11 // 21
  • 13. Vision // Print to Mobile • Special • Mobile Only Geil,Danke! Richard • Michaela12 // 21
  • 14. Vision // Print to Mobile • Special • Mobile Only Vernunft Geil,Danke! Richard • Michaela13 // 21
  • 15. Vision // Print to Mobile • Special • Mobile Only Vernunft Geil,Danke! Richard • Michaela14 // 21
  • 16. Vision // Print to Mobile • Special • Mobile Only Vernunft Geil,Danke! Richard • Michaela15 // 21
  • 17. Vision // Print to Mobile • Special • Mobile Only Vernunft Geil,Danke! Richard • Michaela16 // 21
  • 18. Vision // Print to Mobile • Special • Mobile Only Magic Geil,Danke! Richard • Michaela17 // 21
  • 19. Vision // Print to Mobile • Special • Mobile Only Magic Geil,Danke! Richard • Michaela18 // 21
  • 20. Vision // Print to Mobile • Special • Mobile Only Magic Geil,Danke! Richard • Michaela19 // 21
  • 21. Vision // Print to Mobile • Special • Mobile Only Vernunft Magic Content Layout Print Geil,Danke! Richard • Michaela20 // 21
  • 22. Print to Mobile Geil,Danke! Richard • Michaela21 // 21
  • 24. Vision // Print to Tablet • Special • Mobile Only Werbung Magazin Geil,Danke! Richard • Michaela 2 // 15
  • 25. Vision // Print to Tablet • Special • Mobile Only Werbung in der GQ Geil,Danke! Richard • Michaela 3 // 15
  • 26. Vision // Print to Tablet • Special • Mobile Only Werbung in der COMPUTERBILD Spiele Geil,Danke! Richard • Michaela 4 // 15
  • 27. Vision // Print to Tablet • Special • Mobile Only So nicht! Geil,Danke! Richard • Michaela 5 // 15
  • 28. Vision // Print to Tablet • Special • Mobile Only Affiliate- Werbung Geil,Danke! Richard • Michaela 6 // 15
  • 29. Vision // Print to Tablet • Special • Mobile Only Werbung Magazin Umfrage Geil,Danke! Richard • Michaela 7 // 15
  • 30. Vision // Print to Tablet • Special • Mobile Only Geil,Danke! Richard • Michaela 8 // 15
  • 31. Vision // Print to Tablet • Special • Mobile Only Bestell- Formular Werbung Magazin Umfrage Geil,Danke! Richard • Michaela 9 // 15
  • 32. Vision // Print to Tablet • Special • Mobile Only Geil,Danke! Richard • Michaela 10 // 15
  • 33. Vision // Print to Tablet • Special • Mobile Only Bestell- Formular Werbung Magazin Social Sharing Umfrage Geil,Danke! Richard • Michaela 11 // 15
  • 34. Vision // Print to Tablet • Special • Mobile Only Geil,Danke! Richard • Michaela 12 // 15
  • 35. Vision // Print to Tablet • Special • Mobile Only Bestell- Formular Katalog Werbung Magazin Social Sharing Umfrage Geil,Danke! Richard • Michaela 13 // 15
  • 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. Mobile Only Geil,Danke! Richard • Michaela1 // 16
  • 39. Vision // Print to Mobile • Special • Mobile Only Geil,Danke! Richard • Michaela2 // 16
  • 40. Vision // Print to Mobile • Special • Mobile Only Content? Layout? Geil,Danke! Richard • Michaela3 // 16
  • 41. Vision // Print to Mobile • Special • Mobile Only Vision Geil,Danke! Richard • Michaela4 // 16
  • 42. Vision // Print to Mobile • Special • Mobile Only iPad Neues iPad Geil,Danke! Richard • Michaela5 // 16
  • 43. Vision // Print to Mobile • Special • Mobile Only Geil,Danke! Richard • Michaela6 // 16
  • 44. Vision // Print to Mobile • Special • Mobile Only Voraussetzungen Inspiration übertragbar Responsive Webdesign lesbar Geil,Danke! Richard • Michaela7 // 16
  • 45. Vision // Print to Mobile • Special • Mobile Only Fluid Fixed Credit: goldengridsystem.com Credit: lessframework.com Geil,Danke! Richard • Michaela8 // 16
  • 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 px Geil,Danke! Richard • Michaela9 // 16
  • 47. Vision // Print to Mobile • Special • Mobile Only Content? Layout? Geil,Danke! Richard • Michaela10 // 16
  • 48. Vision // Print to Mobile • Special • Mobile Only Mobile First Geil,Danke! Richard • Michaela11 // 16
  • 49. Vision // Print to Mobile • Special • Mobile Only Kurze Kleine Texte Kleine Videos Bilder Mobile Multi- First Media Kurzer App- Sound Social Media Touch- Games Geil,Danke! Richard • Michaela12 // 16
  • 50. Vision // Print to Mobile • Special • Mobile Only Vision: Responsive Content Geil,Danke! Richard • Michaela13 // 16
  • 51. Vision // Print to Mobile • Special • Mobile Only Responsive Mobile Multi- First Media Geil,Danke! Richard • Michaela14 // 16
  • 52. Vision // Print to Mobile • Special • Mobile Only Responsive Multi- Media Content Layout Mobile First Geil,Danke! Richard • Michaela15 // 16
  • 53. Mobile Only Geil,Danke! Richard • Michaela16 // 16
  • 55. Praxis // Vorbereiten• Kreieren • Verkaufen Was? Wer? Wie? Geil,Danke! Richard • Michaela2 // 13
  • 56. Praxis // Vorbereiten• Kreieren • Verkaufen Was? Geil,Danke! Richard • Michaela3 // 13
  • 57. Praxis // Vorbereiten• Kreieren • Verkaufen Vision Ziel Konzept Test Geil,Danke! Richard • Michaela4 // 13
  • 58. Praxis // Vorbereiten• Kreieren • Verkaufen Ziel Geil,Danke! Richard • Michaela5 // 13
  • 59. Praxis // Vorbereiten• Kreieren • Verkaufen Ziel Konzept Geil,Danke! Richard • Michaela6 // 13
  • 60. Praxis // Vorbereiten• Kreieren • Verkaufen Ziel Konzept Test Geil,Danke! Richard • Michaela7 // 13
  • 61. Praxis // Vorbereiten• Kreieren • Verkaufen Wer? Geil,Danke! Richard • Michaela8 // 13
  • 62. Praxis // Vorbereiten• Kreieren • Verkaufen Content App-Grafiken Redakteure Grafiker Werbe- Schulung möglichkeiten Layouter Vermarktung Briefing Budgetierung Leitende Promotion/ Werbung Bilder, Rechte Marketing Bildredakteure Geil,Danke! Richard • Michaela9 // 13
  • 63. Praxis // Vorbereiten• Kreieren • Verkaufen Wie? Geil,Danke! Richard • Michaela10 // 13
  • 64. Praxis // Vorbereiten• Kreieren • Verkaufen Tools Hardware / Software Wireframes Grid / Satzspiegel etc. Vorlagen / Snippets / Bibliotheken Doku Geil,Danke! Richard • Michaela11 // 13
  • 65. Praxis // Vorbereiten• Kreieren • Verkaufen Was? Vorbereiten Wie? Wer? Geil,Danke! Richard • Michaela12 // 13
  • 68. Praxis // Vorbereiten • Kreieren • Verkaufen Wann kommt was? Geil,Danke! Richard • Michaela 2 // 15
  • 69. Praxis // Vorbereiten • Kreieren • Verkaufen Prozess Team-Server Geil,Danke! Richard • Michaela 3 // 15
  • 70. Praxis // Vorbereiten • Kreieren • Verkaufen Adobe Digital Publishing Suite ➊ ➋ ➌ ➍ Geil,Danke! Richard • Michaela 4 // 15
  • 71. Praxis // Vorbereiten • Kreieren • Verkaufen Mag+ ➊➋➌➍ Geil,Danke! Richard • Michaela 5 // 15
  • 72. Praxis // Vorbereiten • Kreieren • Verkaufen Twixl Publisher ➊➋➌➍ Geil,Danke! Richard • Michaela 6 // 15
  • 73. Praxis // Vorbereiten • Kreieren • Verkaufen Aquafadas ➊➋➌➍ Geil,Danke! Richard • Michaela 7 // 15
  • 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 Team-Server Geil,Danke! Richard • Michaela 11 // 15
  • 78. Praxis // Vorbereiten • Kreieren • Verkaufen Video- Fehlende pixelgenau Qualität Links Corporate Usability Überlappung Design Geil,Danke! Richard • Michaela 12 // 15
  • 79. Praxis // Vorbereiten • Kreieren • Verkaufen Es gibt kaum Entwurfsmuster! Immer auf der Suche sein! Workarounds finden! Geil,Danke! Richard • Michaela 13 // 15
  • 80. Praxis // Vorbereiten • Kreieren • Verkaufen Geil,Danke! Richard • Michaela 14 // 15
  • 83. Praxis // Vorbereiten • Kreieren • Verkaufen Single-App Kiosk-App Geil,Danke! Richard • Michaela 2 // 15
  • 84. Praxis // Vorbereiten • Kreieren • Verkaufen iOS Developer Program: 79 € pro Jahr Google Play Developer: 25 US $ einmalig Geil,Danke! Richard • Michaela 3 // 15
  • 85. Praxis // Vorbereiten • Kreieren • Verkaufen Abo-Laufzeiten Branding Developer-Zertifikate Facebook-App Geil,Danke! Richard • Michaela 4 // 15
  • 86. Praxis // Vorbereiten • Kreieren • Verkaufen Name im App Store, Beschreibung, Screenshots, Preise Geil,Danke! Richard • Michaela 5 // 15
  • 87. Praxis // Vorbereiten • Kreieren • Verkaufen Name im App Store, Beschreibung, Screenshots, Preise iTunes Connect Geil,Danke! Richard • Michaela 6 // 15
  • 88. Praxis // Vorbereiten • Kreieren • Verkaufen Single-App ...hundert MB Apple hostet Änderung über Update Leser bezahlt App Geil,Danke! Richard • Michaela 7 // 15
  • 89. Praxis // Vorbereiten • Kreieren • Verkaufen Kiosk-App Anbieter oder Sie hosten jeder Download kostet Änderungen jederzeit Leser bezahlt Ausgabe Geil,Danke! Richard • Michaela 8 // 15
  • 90. Praxis // Vorbereiten • Kreieren • Verkaufen 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 € Geil,Danke! Richard • Michaela 9 // 15
  • 91. Praxis // Vorbereiten • Kreieren • Verkaufen Beispiel: 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. 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. Praxis // Vorbereiten • Kreieren • Verkaufen App-Store-Optimierung (ASO) Preis Newsstand-Cover Keywords Screenshots App-Icon Beschreibung Bewertungen Geil,Danke! Richard • Michaela 12 // 15
  • 94. Praxis // Vorbereiten • Kreieren • Verkaufen Geil,Danke! Richard • Michaela 13 // 15
  • 95. Praxis // Vorbereiten • Kreieren • Verkaufen „Use your instincts.“ Geil,Danke! Richard • Michaela 14 // 15
  • 96. ... und verkauft! 15 // 15