SlideShare une entreprise Scribd logo
1  sur  25
Télécharger pour lire hors ligne
clapp. powering your mobile strategy


Responsive
Design Thinking
Next Media Think Tank - Hamburg, 10.10.2012
Beyond paper? Beyond PC!
envir
                 onme
                      nt                              focused user


                                                                                          privacy




reliable
network

unlimited
 data
                    Das „Internet“ wie was es kannten..
                         everything else wir ‘not mobile’...
                                                                                          comfy chair




                           full-sized keyboard
                                                                                         work surface



                                       reliable power source
                                                                     http://www.flickr.com/photos/fuzzcat/22019163
..wird context hasauf
   this gerade been
den Kopf gestellt!
    turned on its head...




          http://www.flickr.com/photos/anap/2878165366
Denis Waren (NYT): „The user is likely to
read the Times on a tablet in the morning
and in the evenings..“
„...and to use their phone as an
“interstitial” news device during the day.“
News Brand Loyalty
Cross Platform!

                                     30%
                              Smartphone



            63%
                                                   25%
         Desktop/Laptop                           Tablet PC




                          Source: The Future of Mobile News – A PEJ Infographic, September 2012
Nicht nur iPhones..
Device Fragmentation
   Behold: The New Tower of Babel!
Android Device Market
Different Resolutions and..




                             128x160




                          240x320

                     320x480

                                       Screen Sizes
                                           what isn’t
68
     1024x768
                480x800
Responsive Design
   Progressive Enhancement
The Boston Globe
960x                     Laptop Browser   480x            Mobile Landcape




768x        Tablet Landscape              320x   Mobile Portrait




600x   Tablet Portrait
Quartz.com

             “It sounds sort of silly
             to say this, but anyone
             can navigate directly
             to any of our stories.
             You can’t do that in the
             app store world.”
             Zachary Steward
Business Benefits
• Kontinutität, Einheitlichkeit und Offenheit
• Geringerer Entwicklungsaufwand
• Kostenvorteile und Geschwindigkeit
• Unabhängigkeit von Plattformen (Apple,
  Google, Amazon)
Business Problems
• HTML5 noch längst nicht ausgereift..
• Einschränkung Features und User Experience
• Ad Sales Formate und Technologie
• Build once - debug everywhere!?
• Die übliche „Internet-Payment-Hürde“
Multi-Platform-User




          Einmal kaufen - über all Lesen
          incl. „Whisper Sync“
"Hardware becomes irrelevant
soon" - Jeff Bezos
Kohärenz       Synchronisierung     Screen Sharing




Übertragung   Ergänzung/2nd Screen    Simultanität
From Ownership to Access

     Pay once!
     Play on anything!
     Play everywhere!
     Play everything!
     Share with everyone!
Ein Inhalt, X-Produkte



  Kostenlos   X EUR   Y EUR   Z EUR




                       ?
Ein Service, ein Preise
          Personalisierung



 Same                        Different
Content                      Context


          Synchronisierung
clapp. powering your mobile strategy


          Danke für die Aufmerksamkeit!


                   clapp mobile GmbH
                   Wiener Str. 35
                   10999 Berlin
                   +49 (0) 30 610 73 148
                   +49 (0) 174 180 5909
                   skype: heiko.scherer
                   hs@clapp.de; www.clapp.de

Contenu connexe

Similaire à 111012 next media think tank hh heiko scherer responsive design thinking

Stämpfli Workshop «Geschäftsberichte auch elektronisch publizieren?»
Stämpfli Workshop «Geschäftsberichte auch elektronisch publizieren?»Stämpfli Workshop «Geschäftsberichte auch elektronisch publizieren?»
Stämpfli Workshop «Geschäftsberichte auch elektronisch publizieren?»StaempfliAG
 
Entstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische UnternehmenEntstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische UnternehmenBjörn Rohles
 
Responsive Webdesign - Unter der Haube
Responsive Webdesign - Unter der HaubeResponsive Webdesign - Unter der Haube
Responsive Webdesign - Unter der Haubefalconwhite
 
Mobile Marketing für KMU‘s: Das Momentum des Kaufsentscheids beeinflussen
Mobile Marketing für KMU‘s: Das Momentum des Kaufsentscheids beeinflussenMobile Marketing für KMU‘s: Das Momentum des Kaufsentscheids beeinflussen
Mobile Marketing für KMU‘s: Das Momentum des Kaufsentscheids beeinflussengbanga
 
Jump into the Outernet!
Jump into the Outernet!Jump into the Outernet!
Jump into the Outernet!TRENDONE GmbH
 
Google Glass. Wearables. Oculus Rift. Innovation. Namics.
Google Glass. Wearables. Oculus Rift. Innovation. Namics.Google Glass. Wearables. Oculus Rift. Innovation. Namics.
Google Glass. Wearables. Oculus Rift. Innovation. Namics.Milos Radovic
 
Der mobile Wissenarbeit
Der mobile WissenarbeitDer mobile Wissenarbeit
Der mobile WissenarbeitSimon Dueckert
 
Die Mauern werden fallen - Unaufhaltsam auf dem Weg zum Unternehmen 2.0
Die Mauern werden fallen - Unaufhaltsam auf dem Weg zum Unternehmen 2.0Die Mauern werden fallen - Unaufhaltsam auf dem Weg zum Unternehmen 2.0
Die Mauern werden fallen - Unaufhaltsam auf dem Weg zum Unternehmen 2.0Stefan Pfeiffer
 
Dem mobilen Internet gehört die Zukunft
Dem mobilen Internet gehört die ZukunftDem mobilen Internet gehört die Zukunft
Dem mobilen Internet gehört die Zukunftahorn. gmbh
 
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)Multiscreen Experience (Mai 2012, IA Konferenz, Essen)
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)Wolfram Nagel
 
2016 - Datenbrillen im digitalen Ökosystem / WalkIn-Lab.
2016 - Datenbrillen im digitalen Ökosystem / WalkIn-Lab.2016 - Datenbrillen im digitalen Ökosystem / WalkIn-Lab.
2016 - Datenbrillen im digitalen Ökosystem / WalkIn-Lab.Johannes Waibel
 
Mobiles Internet – was ein SEO über die “Neue Welt” wissen muss
Mobiles Internet – was ein SEO über die “Neue Welt” wissen mussMobiles Internet – was ein SEO über die “Neue Welt” wissen muss
Mobiles Internet – was ein SEO über die “Neue Welt” wissen mussHanns Kronenberg
 
Mobile Websiten aus FCT Tim 4.0 (Anwenderkonferenz 2014, Konstanz)
Mobile Websiten aus FCT Tim 4.0 (Anwenderkonferenz 2014, Konstanz)Mobile Websiten aus FCT Tim 4.0 (Anwenderkonferenz 2014, Konstanz)
Mobile Websiten aus FCT Tim 4.0 (Anwenderkonferenz 2014, Konstanz)Robert Siegel
 
NUTZER:effekt #11 - Wie lässt sich die Akzeptanz Ihrer Anwender vorhersagen?
NUTZER:effekt #11 - Wie lässt sich die Akzeptanz Ihrer Anwender vorhersagen?NUTZER:effekt #11 - Wie lässt sich die Akzeptanz Ihrer Anwender vorhersagen?
NUTZER:effekt #11 - Wie lässt sich die Akzeptanz Ihrer Anwender vorhersagen?HANDSPIEL GmbH
 
Responsive Webdesign Process
Responsive Webdesign ProcessResponsive Webdesign Process
Responsive Webdesign ProcessSven Wolfermann
 
Hyper! Hyper!! (Über den Umgang mit Trends: Zwischen Begeisterung, Gelassenhe...
Hyper! Hyper!! (Über den Umgang mit Trends: Zwischen Begeisterung, Gelassenhe...Hyper! Hyper!! (Über den Umgang mit Trends: Zwischen Begeisterung, Gelassenhe...
Hyper! Hyper!! (Über den Umgang mit Trends: Zwischen Begeisterung, Gelassenhe...Rupert Platz
 
AdminCamp 2015 - Improve Communication and Collaboration
AdminCamp 2015 - Improve Communication and CollaborationAdminCamp 2015 - Improve Communication and Collaboration
AdminCamp 2015 - Improve Communication and CollaborationChristoph Adler
 
„Context is King and Device is Queen!“ in der mobilen Markenkommunikation
„Context is King and Device is Queen!“ in der mobilen Markenkommunikation„Context is King and Device is Queen!“ in der mobilen Markenkommunikation
„Context is King and Device is Queen!“ in der mobilen MarkenkommunikationOliver Zils
 

Similaire à 111012 next media think tank hh heiko scherer responsive design thinking (20)

Stämpfli Workshop «Geschäftsberichte auch elektronisch publizieren?»
Stämpfli Workshop «Geschäftsberichte auch elektronisch publizieren?»Stämpfli Workshop «Geschäftsberichte auch elektronisch publizieren?»
Stämpfli Workshop «Geschäftsberichte auch elektronisch publizieren?»
 
Entstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische UnternehmenEntstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische Unternehmen
 
Responsive Webdesign - Unter der Haube
Responsive Webdesign - Unter der HaubeResponsive Webdesign - Unter der Haube
Responsive Webdesign - Unter der Haube
 
Mobile Marketing für KMU‘s: Das Momentum des Kaufsentscheids beeinflussen
Mobile Marketing für KMU‘s: Das Momentum des Kaufsentscheids beeinflussenMobile Marketing für KMU‘s: Das Momentum des Kaufsentscheids beeinflussen
Mobile Marketing für KMU‘s: Das Momentum des Kaufsentscheids beeinflussen
 
Jump into the Outernet!
Jump into the Outernet!Jump into the Outernet!
Jump into the Outernet!
 
Google Glass. Wearables. Oculus Rift. Innovation. Namics.
Google Glass. Wearables. Oculus Rift. Innovation. Namics.Google Glass. Wearables. Oculus Rift. Innovation. Namics.
Google Glass. Wearables. Oculus Rift. Innovation. Namics.
 
Der mobile Wissenarbeit
Der mobile WissenarbeitDer mobile Wissenarbeit
Der mobile Wissenarbeit
 
Die Mauern werden fallen - Unaufhaltsam auf dem Weg zum Unternehmen 2.0
Die Mauern werden fallen - Unaufhaltsam auf dem Weg zum Unternehmen 2.0Die Mauern werden fallen - Unaufhaltsam auf dem Weg zum Unternehmen 2.0
Die Mauern werden fallen - Unaufhaltsam auf dem Weg zum Unternehmen 2.0
 
Dem mobilen Internet gehört die Zukunft
Dem mobilen Internet gehört die ZukunftDem mobilen Internet gehört die Zukunft
Dem mobilen Internet gehört die Zukunft
 
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)Multiscreen Experience (Mai 2012, IA Konferenz, Essen)
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)
 
2016 - Datenbrillen im digitalen Ökosystem / WalkIn-Lab.
2016 - Datenbrillen im digitalen Ökosystem / WalkIn-Lab.2016 - Datenbrillen im digitalen Ökosystem / WalkIn-Lab.
2016 - Datenbrillen im digitalen Ökosystem / WalkIn-Lab.
 
Mobiles Internet – was ein SEO über die “Neue Welt” wissen muss
Mobiles Internet – was ein SEO über die “Neue Welt” wissen mussMobiles Internet – was ein SEO über die “Neue Welt” wissen muss
Mobiles Internet – was ein SEO über die “Neue Welt” wissen muss
 
Mobile Websiten aus FCT Tim 4.0 (Anwenderkonferenz 2014, Konstanz)
Mobile Websiten aus FCT Tim 4.0 (Anwenderkonferenz 2014, Konstanz)Mobile Websiten aus FCT Tim 4.0 (Anwenderkonferenz 2014, Konstanz)
Mobile Websiten aus FCT Tim 4.0 (Anwenderkonferenz 2014, Konstanz)
 
NUTZER:effekt #11 - Wie lässt sich die Akzeptanz Ihrer Anwender vorhersagen?
NUTZER:effekt #11 - Wie lässt sich die Akzeptanz Ihrer Anwender vorhersagen?NUTZER:effekt #11 - Wie lässt sich die Akzeptanz Ihrer Anwender vorhersagen?
NUTZER:effekt #11 - Wie lässt sich die Akzeptanz Ihrer Anwender vorhersagen?
 
Responsive Webdesign Process
Responsive Webdesign ProcessResponsive Webdesign Process
Responsive Webdesign Process
 
Hyper! Hyper!! (Über den Umgang mit Trends: Zwischen Begeisterung, Gelassenhe...
Hyper! Hyper!! (Über den Umgang mit Trends: Zwischen Begeisterung, Gelassenhe...Hyper! Hyper!! (Über den Umgang mit Trends: Zwischen Begeisterung, Gelassenhe...
Hyper! Hyper!! (Über den Umgang mit Trends: Zwischen Begeisterung, Gelassenhe...
 
AdminCamp 2015 - Improve Communication and Collaboration
AdminCamp 2015 - Improve Communication and CollaborationAdminCamp 2015 - Improve Communication and Collaboration
AdminCamp 2015 - Improve Communication and Collaboration
 
„Context is King and Device is Queen!“ in der mobilen Markenkommunikation
„Context is King and Device is Queen!“ in der mobilen Markenkommunikation„Context is King and Device is Queen!“ in der mobilen Markenkommunikation
„Context is King and Device is Queen!“ in der mobilen Markenkommunikation
 
Apple im Unternehmensfeld
Apple im UnternehmensfeldApple im Unternehmensfeld
Apple im Unternehmensfeld
 
Show Your App Award 2012 Submissions
Show Your App Award 2012 SubmissionsShow Your App Award 2012 Submissions
Show Your App Award 2012 Submissions
 

111012 next media think tank hh heiko scherer responsive design thinking

  • 1. clapp. powering your mobile strategy Responsive Design Thinking Next Media Think Tank - Hamburg, 10.10.2012
  • 3. envir onme nt focused user privacy reliable network unlimited data Das „Internet“ wie was es kannten.. everything else wir ‘not mobile’... comfy chair full-sized keyboard work surface reliable power source http://www.flickr.com/photos/fuzzcat/22019163
  • 4. ..wird context hasauf this gerade been den Kopf gestellt! turned on its head... http://www.flickr.com/photos/anap/2878165366
  • 5. Denis Waren (NYT): „The user is likely to read the Times on a tablet in the morning and in the evenings..“
  • 6. „...and to use their phone as an “interstitial” news device during the day.“
  • 7. News Brand Loyalty Cross Platform! 30% Smartphone 63% 25% Desktop/Laptop Tablet PC Source: The Future of Mobile News – A PEJ Infographic, September 2012
  • 9. Device Fragmentation Behold: The New Tower of Babel!
  • 11. Different Resolutions and.. 128x160 240x320 320x480 Screen Sizes what isn’t 68 1024x768 480x800
  • 12. Responsive Design Progressive Enhancement
  • 14. 960x Laptop Browser 480x Mobile Landcape 768x Tablet Landscape 320x Mobile Portrait 600x Tablet Portrait
  • 15. Quartz.com “It sounds sort of silly to say this, but anyone can navigate directly to any of our stories. You can’t do that in the app store world.” Zachary Steward
  • 16. Business Benefits • Kontinutität, Einheitlichkeit und Offenheit • Geringerer Entwicklungsaufwand • Kostenvorteile und Geschwindigkeit • Unabhängigkeit von Plattformen (Apple, Google, Amazon)
  • 17. Business Problems • HTML5 noch längst nicht ausgereift.. • Einschränkung Features und User Experience • Ad Sales Formate und Technologie • Build once - debug everywhere!? • Die übliche „Internet-Payment-Hürde“
  • 18. Multi-Platform-User Einmal kaufen - über all Lesen incl. „Whisper Sync“
  • 20. Kohärenz Synchronisierung Screen Sharing Übertragung Ergänzung/2nd Screen Simultanität
  • 21. From Ownership to Access Pay once! Play on anything! Play everywhere! Play everything! Share with everyone!
  • 22.
  • 23. Ein Inhalt, X-Produkte Kostenlos X EUR Y EUR Z EUR ?
  • 24. Ein Service, ein Preise Personalisierung Same Different Content Context Synchronisierung
  • 25. clapp. powering your mobile strategy Danke für die Aufmerksamkeit! clapp mobile GmbH Wiener Str. 35 10999 Berlin +49 (0) 30 610 73 148 +49 (0) 174 180 5909 skype: heiko.scherer hs@clapp.de; www.clapp.de