SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Ähnlich wie Mobile Thirst - Mobile First

Mobile Web vs Apps
Mobile Web vs AppsMobile Web vs Apps
Mobile Web vs AppsIdeK-labbet
 
Somo - Adsmobi seminar june 12 final
Somo - Adsmobi seminar june 12 finalSomo - Adsmobi seminar june 12 final
Somo - Adsmobi seminar june 12 finaladsmobi1
 
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 bankingKony, Inc.
 
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-1iStrategy
 
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 MobileRoss Sleight
 
2012 mobile industry_predictions_survey
2012 mobile industry_predictions_survey2012 mobile industry_predictions_survey
2012 mobile industry_predictions_surveyChetan Sharma
 
Mobile First and App Trends 2012
Mobile First and App Trends 2012Mobile First and App Trends 2012
Mobile First and App Trends 2012Magnus Jern
 
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/2012Mobilosoft
 
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 appsMobile Media Applications
 
1. nick lansley mi m 2012
1. nick lansley mi m 20121. nick lansley mi m 2012
1. nick lansley mi m 2012rachelmsalmon
 
1. nick lansley mi m 2012
1. nick lansley mi m 20121. nick lansley mi m 2012
1. nick lansley mi m 2012rachelmsalmon
 
Customer experience and marketing become one
Customer experience and marketing become oneCustomer experience and marketing become one
Customer experience and marketing become oneFjord
 
Mobile marketing presentation for RISE
Mobile marketing presentation for RISEMobile marketing presentation for RISE
Mobile marketing presentation for RISESaffire Events
 
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 2012Terminalfour
 
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 2012Brian 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 2012François Avril
 
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 - WebtrendsWebanalisten .nl
 

Ähnlich wie 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
 

Kürzlich hochgeladen

Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda
 
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Scott Andery
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsNathaniel Shimoni
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterMydbops
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...Wes McKinney
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfpanagenda
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality AssuranceInflectra
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPathCommunity
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...panagenda
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Farhan Tariq
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González
 

Kürzlich hochgeladen (20)

Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
 
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
 

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