SlideShare une entreprise Scribd logo
1  sur  44
Hello Friends, Let’s talk Mobile First
         2012.04.13




Monday, 16 April, 2012
IF YOU THOUGHT
                         MOBILE WAS BIG...
           ©                                 2
        MOBIENTO


Monday, 16 April, 2012
Y-Y-Y-Y-Y-Y-Y-Y-
                          YOU AIN’TSEEN
                           NOTHING YET!
           ©                                3
        MOBIENTO


Monday, 16 April, 2012
NOW, IT’S
                         MOBILE FIRST
                           BABY
           ©                            4
        MOBIENTO


Monday, 16 April, 2012
Mobile platforms




           ©                5
        MOBIENTO


Monday, 16 April, 2012
‘Made in USA’ Smartphone Operating Systems =
         Mobile platforms                                         64% Share from 5% Five Years Ago

                                                                      Smartphone Operating System Market Share, 2005 vs. 2011E

                               Market Share of Smartphone OS   100%



                                                               80%

                                                                                                                     Other OS
                                                               60%                                                   iOS
                                                                                                                     Android
                                                                                                                     Windows Mobile
                                                               40%                                                   BlackBerry OS
                                                                                                                     Linux
                                                                                                                     Nokia Symbian
                                                               20%



                                                                0%
                                                                              2005                   2011E

                         Source: Morgan Stanley Research, Gartner.

                         Copyright 2011. All rights reserved.
                                                                                                                                      45

           ©                                                                                                                               6
        MOBIENTO


Monday, 16 April, 2012
Mobile use




                         Aftonbladet, GP,
                         other news sites

                         About 1/3 mobile
                              traffic




           ©                                7
        MOBIENTO


Monday, 16 April, 2012
Mobile use
                         The Golden Hour




           ©                               8
        MOBIENTO


Monday, 16 April, 2012
Mobile search




           ©             9
        MOBIENTO


Monday, 16 April, 2012
Mobile vs the other guys




           ©                        10
        MOBIENTO


Monday, 16 April, 2012
Mobile surpasses desktop - it WILL happen




                                                                                                 Mobil!
                                                                    2015?!
                                                        2014?!
                                                                                                 Desktop!

                                                                2013?!




                                                     Source: Morgan Stanley, Forrester, Strategy Analytics




           ©                                                                                                 11
        MOBIENTO


Monday, 16 April, 2012
MOBILE INTERNET =
         PERSONAL INTERNET =
         PRIMARY INTERNET
           ©                   12
        MOBIENTO


Monday, 16 April, 2012
THE BIGGEST THING TO
         HAPPEN TO THE
         INTERNETSINCETHE
         INTERNET
           ©
        MOBIENTO
                                13



Monday, 16 April, 2012
So we end up here




           ©                 14
        MOBIENTO


Monday, 16 April, 2012
The question becomes




                  DOES IT WORK HERE?
           ©                           15
        MOBIENTO


Monday, 16 April, 2012
The question becomes




                                OR HERE?
           ©                               16
        MOBIENTO


Monday, 16 April, 2012
Mobile users are different. They have different




                                 CONTEXTS
                                  NEEDS
                               PERSPECTIVES
           ©                                               17
        MOBIENTO


Monday, 16 April, 2012
SO WHAT DO WE DO?
           ©                          18
        MOBIENTO


Monday, 16 April, 2012
The father of ‘Mobile First’




                                           Luke Wroblewski
                                        author of ‘Mobile First’




           ©                                                       19
        MOBIENTO


Monday, 16 April, 2012
©             20
        MOBIENTO


Monday, 16 April, 2012
Last vs First




           ©             21
        MOBIENTO


Monday, 16 April, 2012
Focus first




           ©             22
        MOBIENTO


Monday, 16 April, 2012
Touch first




           ©             23
        MOBIENTO


Monday, 16 April, 2012
Touch first




           ©             23
        MOBIENTO


Monday, 16 April, 2012
Context first




           ©             24
        MOBIENTO


Monday, 16 April, 2012
So, what is the solution?




                                                    HTML5             CSS3




                                      PROGRESSIVE        BUZZ                RESPONSIVE
                                     ENHANCEMENT        WORDS                   WEB




                                                            ONE WEB




           ©                                                                              25
        MOBIENTO


Monday, 16 April, 2012
The father of ‘Responsive Web’




                                               Ethan Marcotte
                                          designer of Boston Globe




           ©                                                         26
        MOBIENTO


Monday, 16 April, 2012
The father of ‘Responsive Web’




                                           1. Flexible layout
                                          2. Flexible content
                                           3. Media queries




           ©                                                    27
        MOBIENTO


Monday, 16 April, 2012
Responsive Web example




           ©                      28
        MOBIENTO


Monday, 16 April, 2012
Responsive Web example




           ©                      29
        MOBIENTO


Monday, 16 April, 2012
PERFECT!
         ALL OF OUR
         PROBLEMS
         ARE SOLVED....
           ©
        MOBIENTO
                          30



Monday, 16 April, 2012
Not so fast!




                    HOLD YOUR HORSES!
           ©                            31
        MOBIENTO


Monday, 16 April, 2012
Responsive Web




         WHEN DO WE USE IT?
      • Continuous             updates (news, blogs and similar)
      • Less             complex sites
      • When              users expect same or similar content




           ©                                                       32
        MOBIENTO


Monday, 16 April, 2012
Responsive Web




         CHALLENGES
      • Technical          challenges
      • Limited          handset support
      • Mobile           needs can sometimes be different




                                                            http://www.webdesignshock.com/responsive-design-problems/!


           ©                                                                                                       33
        MOBIENTO


Monday, 16 April, 2012
Another log on the fire...




                                                        - Mobile users are
                                                             different
                                                        - Make a separate
                                                            mobile site
                                                          - Optimize for
                                                          mobile needs

                                      Jakob Nielsen
                                     Usability Expert




           ©                                                                 34
        MOBIENTO


Monday, 16 April, 2012
The best $15 you will spend




           ©                           35
        MOBIENTO


Monday, 16 April, 2012
SOME
        EXAMPLES
           ©
        MOBIENTO


Monday, 16 April, 2012
                         36
Responsive Web - but made mobile first




           ©                                     37
        MOBIENTO


Monday, 16 April, 2012
©             38
        MOBIENTO


Monday, 16 April, 2012
©             39
        MOBIENTO


Monday, 16 April, 2012
SF Bio should use their app as the starting point for their website




           ©                                                                   40
        MOBIENTO


Monday, 16 April, 2012
Tesco - a context study




                                   http://www.youtube.com/watch?v=oPM4Ui6Sjfk
           ©                                                                    41
        MOBIENTO


Monday, 16 April, 2012
RECAP
          1.Mobile Internet = the primary Internet
          2.Mobile First is a sustainable strategy
          3.Think: Focus, Context & Touch




           ©
        MOBIENTO


Monday, 16 April, 2012
Thank you & speak soon!
         Emil Salonen
         emil.salonen@mobiento.com
         @emilsalonen




           ©
        MOBIENTO


Monday, 16 April, 2012

Contenu connexe

Similaire à Mobile Thirst - Mobile First

Somo - Adsmobi seminar june 12 final
Somo - Adsmobi seminar june 12 finalSomo - Adsmobi seminar june 12 final
Somo - Adsmobi seminar june 12 final
adsmobi1
 
Hot house istrategy_presentation_february_2012_original-1
Hot house istrategy_presentation_february_2012_original-1Hot house istrategy_presentation_february_2012_original-1
Hot house istrategy_presentation_february_2012_original-1
iStrategy
 
1. nick lansley mi m 2012
1. nick lansley mi m 20121. nick lansley mi m 2012
1. nick lansley mi m 2012
rachelmsalmon
 
1. nick lansley mi m 2012
1. nick lansley mi m 20121. nick lansley mi m 2012
1. nick lansley mi m 2012
rachelmsalmon
 
Mobile marketing presentation for RISE
Mobile marketing presentation for RISEMobile marketing presentation for RISE
Mobile marketing presentation for RISE
Saffire Events
 
Online Publishers Association: Portrait of US smartphone users - Aug 2012
Online Publishers Association: Portrait of US smartphone users - Aug 2012Online Publishers Association: Portrait of US smartphone users - Aug 2012
Online Publishers Association: Portrait of US smartphone users - Aug 2012
Brian Crotty
 
OPA Portrait od Smartphone User Août 2012
OPA Portrait od Smartphone User Août 2012OPA Portrait od Smartphone User Août 2012
OPA Portrait od Smartphone User Août 2012
François Avril
 

Similaire à Mobile Thirst - Mobile First (20)

Google Think Mobile 2012
Google Think Mobile 2012Google Think Mobile 2012
Google Think Mobile 2012
 
Mobile Web vs Apps
Mobile Web vs AppsMobile Web vs Apps
Mobile Web vs Apps
 
Somo - Adsmobi seminar june 12 final
Somo - Adsmobi seminar june 12 finalSomo - Adsmobi seminar june 12 final
Somo - Adsmobi seminar june 12 final
 
American Banker Conference Presentation June 2012: Harnessing mobile banking
American Banker Conference Presentation June 2012: Harnessing mobile bankingAmerican Banker Conference Presentation June 2012: Harnessing mobile banking
American Banker Conference Presentation June 2012: Harnessing mobile banking
 
Hot house istrategy_presentation_february_2012_original-1
Hot house istrategy_presentation_february_2012_original-1Hot house istrategy_presentation_february_2012_original-1
Hot house istrategy_presentation_february_2012_original-1
 
1. Ross Sleight
1. Ross Sleight1. Ross Sleight
1. Ross Sleight
 
BLN MiM - Commentary on Social and Mobile
BLN MiM - Commentary on Social and MobileBLN MiM - Commentary on Social and Mobile
BLN MiM - Commentary on Social and Mobile
 
2012 mobile industry_predictions_survey
2012 mobile industry_predictions_survey2012 mobile industry_predictions_survey
2012 mobile industry_predictions_survey
 
Mobile First and App Trends 2012
Mobile First and App Trends 2012Mobile First and App Trends 2012
Mobile First and App Trends 2012
 
Kill the Laptop!
Kill the Laptop!Kill the Laptop!
Kill the Laptop!
 
SoLoMo University by Mobilosoft - Conference 1 - 23/11/2012
SoLoMo University by Mobilosoft - Conference 1 - 23/11/2012SoLoMo University by Mobilosoft - Conference 1 - 23/11/2012
SoLoMo University by Mobilosoft - Conference 1 - 23/11/2012
 
Dispelling the myths about hotel mobile apps
Dispelling the myths about hotel mobile appsDispelling the myths about hotel mobile apps
Dispelling the myths about hotel mobile apps
 
1. nick lansley mi m 2012
1. nick lansley mi m 20121. nick lansley mi m 2012
1. nick lansley mi m 2012
 
1. nick lansley mi m 2012
1. nick lansley mi m 20121. nick lansley mi m 2012
1. nick lansley mi m 2012
 
Customer experience and marketing become one
Customer experience and marketing become oneCustomer experience and marketing become one
Customer experience and marketing become one
 
Mobile marketing presentation for RISE
Mobile marketing presentation for RISEMobile marketing presentation for RISE
Mobile marketing presentation for RISE
 
TERMINALFOUR: Building a low cost mobile web presence - PSEWEB July 2012
TERMINALFOUR: Building a low cost mobile web presence - PSEWEB July 2012TERMINALFOUR: Building a low cost mobile web presence - PSEWEB July 2012
TERMINALFOUR: Building a low cost mobile web presence - PSEWEB July 2012
 
Online Publishers Association: Portrait of US smartphone users - Aug 2012
Online Publishers Association: Portrait of US smartphone users - Aug 2012Online Publishers Association: Portrait of US smartphone users - Aug 2012
Online Publishers Association: Portrait of US smartphone users - Aug 2012
 
OPA Portrait od Smartphone User Août 2012
OPA Portrait od Smartphone User Août 2012OPA Portrait od Smartphone User Août 2012
OPA Portrait od Smartphone User Août 2012
 
Do's and Don'ts of a successful MVT strategy - Tom Waterfall - Webtrends
Do's and Don'ts of a successful MVT strategy - Tom Waterfall - WebtrendsDo's and Don'ts of a successful MVT strategy - Tom Waterfall - Webtrends
Do's and Don'ts of a successful MVT strategy - Tom Waterfall - Webtrends
 

Dernier

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Dernier (20)

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 

Mobile Thirst - Mobile First

  • 1. Hello Friends, Let’s talk Mobile First 2012.04.13 Monday, 16 April, 2012
  • 2. IF YOU THOUGHT MOBILE WAS BIG... © 2 MOBIENTO Monday, 16 April, 2012
  • 3. Y-Y-Y-Y-Y-Y-Y-Y- YOU AIN’TSEEN NOTHING YET! © 3 MOBIENTO Monday, 16 April, 2012
  • 4. NOW, IT’S MOBILE FIRST BABY © 4 MOBIENTO Monday, 16 April, 2012
  • 5. Mobile platforms © 5 MOBIENTO Monday, 16 April, 2012
  • 6. ‘Made in USA’ Smartphone Operating Systems = Mobile platforms 64% Share from 5% Five Years Ago Smartphone Operating System Market Share, 2005 vs. 2011E Market Share of Smartphone OS 100% 80% Other OS 60% iOS Android Windows Mobile 40% BlackBerry OS Linux Nokia Symbian 20% 0% 2005 2011E Source: Morgan Stanley Research, Gartner. Copyright 2011. All rights reserved. 45 © 6 MOBIENTO Monday, 16 April, 2012
  • 7. Mobile use Aftonbladet, GP, other news sites About 1/3 mobile traffic © 7 MOBIENTO Monday, 16 April, 2012
  • 8. Mobile use The Golden Hour © 8 MOBIENTO Monday, 16 April, 2012
  • 9. Mobile search © 9 MOBIENTO Monday, 16 April, 2012
  • 10. Mobile vs the other guys © 10 MOBIENTO Monday, 16 April, 2012
  • 11. Mobile surpasses desktop - it WILL happen Mobil! 2015?! 2014?! Desktop! 2013?! Source: Morgan Stanley, Forrester, Strategy Analytics © 11 MOBIENTO Monday, 16 April, 2012
  • 12. MOBILE INTERNET = PERSONAL INTERNET = PRIMARY INTERNET © 12 MOBIENTO Monday, 16 April, 2012
  • 13. THE BIGGEST THING TO HAPPEN TO THE INTERNETSINCETHE INTERNET © MOBIENTO 13 Monday, 16 April, 2012
  • 14. So we end up here © 14 MOBIENTO Monday, 16 April, 2012
  • 15. The question becomes DOES IT WORK HERE? © 15 MOBIENTO Monday, 16 April, 2012
  • 16. The question becomes OR HERE? © 16 MOBIENTO Monday, 16 April, 2012
  • 17. Mobile users are different. They have different CONTEXTS NEEDS PERSPECTIVES © 17 MOBIENTO Monday, 16 April, 2012
  • 18. SO WHAT DO WE DO? © 18 MOBIENTO Monday, 16 April, 2012
  • 19. The father of ‘Mobile First’ Luke Wroblewski author of ‘Mobile First’ © 19 MOBIENTO Monday, 16 April, 2012
  • 20. © 20 MOBIENTO Monday, 16 April, 2012
  • 21. Last vs First © 21 MOBIENTO Monday, 16 April, 2012
  • 22. Focus first © 22 MOBIENTO Monday, 16 April, 2012
  • 23. Touch first © 23 MOBIENTO Monday, 16 April, 2012
  • 24. Touch first © 23 MOBIENTO Monday, 16 April, 2012
  • 25. Context first © 24 MOBIENTO Monday, 16 April, 2012
  • 26. So, what is the solution? HTML5 CSS3 PROGRESSIVE BUZZ RESPONSIVE ENHANCEMENT WORDS WEB ONE WEB © 25 MOBIENTO Monday, 16 April, 2012
  • 27. The father of ‘Responsive Web’ Ethan Marcotte designer of Boston Globe © 26 MOBIENTO Monday, 16 April, 2012
  • 28. The father of ‘Responsive Web’ 1. Flexible layout 2. Flexible content 3. Media queries © 27 MOBIENTO Monday, 16 April, 2012
  • 29. Responsive Web example © 28 MOBIENTO Monday, 16 April, 2012
  • 30. Responsive Web example © 29 MOBIENTO Monday, 16 April, 2012
  • 31. PERFECT! ALL OF OUR PROBLEMS ARE SOLVED.... © MOBIENTO 30 Monday, 16 April, 2012
  • 32. Not so fast! HOLD YOUR HORSES! © 31 MOBIENTO Monday, 16 April, 2012
  • 33. Responsive Web WHEN DO WE USE IT? • Continuous updates (news, blogs and similar) • Less complex sites • When users expect same or similar content © 32 MOBIENTO Monday, 16 April, 2012
  • 34. Responsive Web CHALLENGES • Technical challenges • Limited handset support • Mobile needs can sometimes be different http://www.webdesignshock.com/responsive-design-problems/! © 33 MOBIENTO Monday, 16 April, 2012
  • 35. Another log on the fire... - Mobile users are different - Make a separate mobile site - Optimize for mobile needs Jakob Nielsen Usability Expert © 34 MOBIENTO Monday, 16 April, 2012
  • 36. The best $15 you will spend © 35 MOBIENTO Monday, 16 April, 2012
  • 37. SOME EXAMPLES © MOBIENTO Monday, 16 April, 2012 36
  • 38. Responsive Web - but made mobile first © 37 MOBIENTO Monday, 16 April, 2012
  • 39. © 38 MOBIENTO Monday, 16 April, 2012
  • 40. © 39 MOBIENTO Monday, 16 April, 2012
  • 41. SF Bio should use their app as the starting point for their website © 40 MOBIENTO Monday, 16 April, 2012
  • 42. Tesco - a context study http://www.youtube.com/watch?v=oPM4Ui6Sjfk © 41 MOBIENTO Monday, 16 April, 2012
  • 43. RECAP 1.Mobile Internet = the primary Internet 2.Mobile First is a sustainable strategy 3.Think: Focus, Context & Touch © MOBIENTO Monday, 16 April, 2012
  • 44. Thank you & speak soon! Emil Salonen emil.salonen@mobiento.com @emilsalonen © MOBIENTO Monday, 16 April, 2012