Kennissessie Mobile

1,193 views

Published on

Presentatie kennissessie: mobile in een multichannel en multidevice omgeving

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,193
On SlideShare
0
From Embeds
0
Number of Embeds
52
Actions
Shares
0
Downloads
25
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Kennissessie Mobile

  1. 1. Het mobilevraagstukeFocus Kennissessie22 maart 2012
  2. 2. Welkom
  3. 3. Mijn naam is Ramon
  4. 4. Bij eFocus denk ik naover mobiele content endevices en bouw ik apps
  5. 5. Wat gaan wedoen vandaag?
  6. 6. Vandaag Wat is mobile precies? Het huidige mobiele landschap; Case: MedGids; “Hoe kom ik verder met mobile?”; Top 6 meest gestelde vragen; Best practises; Takeaways.
  7. 7. Wat is mobile precies?
  8. 8. ‘Mobile is omgang met jemerk terwijl je eigenlijk ietsanders aan het doen bent’
  9. 9. ‘Mobile draaitom hier & nu’
  10. 10. Het huidige landschap
  11. 11. Mobile groeit 42% heeft een smartphone in Nederland; Mobiel dataverkeer verdrievoudigd in een jaar tijd; In 2012 zullen er meer smartphones zijn dan PC’s; In 2014 wordt er meer gebruik gemaakt van internet via smartphones dan via pc’s.
  12. 12. De spelers
  13. 13. Veel overlap enfragmentatievan devices
  14. 14. Groot in tablets Groot in Smartphone = smartphones Tablet = PC
  15. 15. Door wildgroei vanmogelijkheden isintegratie essentieel
  16. 16. Uitwerking steedsmeer gestroomlijnd
  17. 17. Ook content moet mobilegeoptimaliseerd worden
  18. 18. Mobile opgesplitst
  19. 19. MobileWebsite App Content
  20. 20. MobileWebsite App Content
  21. 21. Website Aparte mobiele site Flexibele site“werkend” m.mijnsite.nl Responsive design
  22. 22. Website Aparte mobiele site Flexibele site“werkend” m.mijnsite.nl Responsive design
  23. 23. Aparte mobiele website
  24. 24. Aparte mobiele website Afhankelijk van het device waar de site op wordt gekeken wordt de gebruiker doorgestuurd naar een aparte site die geoptimaliseerd is voor mobile (en eventueel een specifiek OS of device); Compleet andere stijl is mogelijk; Vaak tussenversie voor promoten eigen app; Andere analysemogelijkheden.
  25. 25. Website Aparte mobiele site Flexibele site“werkend” m.mijnsite.nl Responsive design
  26. 26. Website Aparte mobiele site Flexibele site“werkend” m.mijnsite.nl Responsive design
  27. 27. Responsive design
  28. 28. “Responsive design is eenwebsite flexibel laten reagerenop hoe het wordt bekeken”
  29. 29. Responsive design Het design verandert afhankelijk van schermgrootte en orientatie; Flexibel, maar complex; De code voor alle vormen zit in de site.
  30. 30. Design 2naarresolutie 1 3
  31. 31. Designnaar 2resolutie 1 3
  32. 32. Designnaar 2gebruik 1 3
  33. 33. Designnaar 1gebruik 2 3
  34. 34. Knop Knop Knop Knop Bijvoorbeeld Dropdown menu bij kleiner Knoppen scherm voor beter schermgebruik
  35. 35. Aandachtspunten• Elke resolutie bestaat uit twee delen: landscape en portrait;• Trend voor meer dpi: scherm van iPhone 3G en iPhone 4 is even groot, maar de laatste heeft een een twee keer zo hoge resolutie;• Een website kan ook bekeken worden door aparte mobiele browsers.
  36. 36. MobileWebsite App Content
  37. 37. MobileWebsite App Content
  38. 38. Apps
  39. 39. Een App
  40. 40. Een Applicatie
  41. 41. Een AppWat is een applicatie? Losse functionaliteiten van een website; Unieke functionaliteiten horende bij het bedrijf die niet per se op de website aanwezig zijn;Wat is een applicatie niet? Een alternatieve versie van de website.
  42. 42. AppEen webapp Een store app Een Facebook app
  43. 43. Een webapp
  44. 44. Een webapp… …is een applicatie die gemaakt wordt met webtechnieken en benaderbaar is via een (mobiele)browser, maar NIET via een appstore; …kan opgeslagen worden op een telefoon en compleet aanvoelen als storeapp; …is device onafhankelijk.
  45. 45. Een webappEen webapp kan achteraf omgezet worden zodat hetalsnog in een appstore gedistribueerd kan worden.
  46. 46. HTML 5 & CSS 3
  47. 47. HTML 5 & CSS 3 Opvolgers van de huidige sitebouwstenen; Semantischer van opzet; Betere ondersteuning voor: Multidevice; Webapplicaties; Animatie / Interactie.
  48. 48. Financial Times Webapp
  49. 49. Een store app
  50. 50. Een store app… …is een applicatie die gemaakt wordt voor een specifieke OS (iOS, Android, etc.); …is dus enkel beschikbaar in de appstore die bij dat OS hoort; …is geoptimaliseerd voor de collectie devices die bij dat OS horen; …is device of OS specifiek.
  51. 51. Met het oog opde toekomst
  52. 52. Een store appProgrammeertaal 1 Programmeertalen 2,3 & 4 Programmeertalen 4,5 & 6
  53. 53. Een store app Een programmeertaal “Porten”Aanpassingen Aanpassingen Aanpassingen
  54. 54. Een webapp HTML 5 & CSS 3 ( + Framework) “Wrappen”Aanpassingen Aanpassingen Aanpassingen
  55. 55. Time to market
  56. 56. Een versie voor één OS Compleet nieuwe code Uitbouwen originele code Mobiele website Webapp Wrapped/Ported app Native app
  57. 57. Time to market App
  58. 58. Time to market Update App
  59. 59. Time to market App
  60. 60. Time to market Update App
  61. 61. Werken met een single code base ishet meest flexibel en futureproof
  62. 62. Webapp versus Store app
  63. 63.  Multi-device ✘ OS Specifiek ✘ Time to market: ligt aan storeprocedures Time to market: enkel eigen ontwikkeltraject (goedkeuring, etc.) Updates kunnen gelijk worden doorgevoerd ✘ Updates moeten storeprocedure doorlopen✘ “Weblocatie” moet onder de aandacht worden  Store zelf heeft ook eigen “marketingmachine” gebracht✘ Distributie moet zelf worden gedaan  Zoekbaarheid van store vereenvoudigt distributie  Bandbreedte komt (meestal) voor rekening van✘ Bandbreedte komt voor eigen rekening store✘ Niet ”verkoopbaar”  Verkoopbaar, inclusief in-app purchases✘ Niet alle hardware toegankelijk  Alle hardware is toegankelijk
  64. 64. In de praktijk
  65. 65. MobileWebsite App Content
  66. 66. MobileWebsite App Content
  67. 67. Best practises
  68. 68. ColorSmart: Kleurmatcher
  69. 69. Domino’s Pizza: Bestel & Track
  70. 70. Ebay prijsvergelijker
  71. 71. Merrel: Barefoot trainer
  72. 72. Zipcar: Zoek, reserveer en ontgrendel
  73. 73. Philips: Fidelio luidsprekerdock app
  74. 74. The North Face: Zoek hikingroutes
  75. 75. SWSX: Event guide
  76. 76. Mora: Snackapp
  77. 77. Philips: Magazine GetInsideHealth
  78. 78. C1000
  79. 79. Hoe kom ik verder met mobile?
  80. 80. Drie vragen die jejezelf moet stellen
  81. 81. 1
  82. 82. Hoe gaan gebruikersom met mijn merk?
  83. 83. Een website is eenuiting van een merk
  84. 84. Een Twitteraccount is eenuiting van een merk
  85. 85. Een Facebook page is eenuiting van een merk
  86. 86. Een app is eenuiting van een merk
  87. 87. We moeten denkenvanuit merk, nietvanuit de website
  88. 88. Formaat bewust “Ik word bekeken op een smartphone”Device Locatie bewust “Ik bevind me hier” Situatie bewust “Ik sta nu in een supermarkt”
  89. 89. Je merk
  90. 90. Uw merk Ik wil hardlopen (verkoop hardloopschoenen op maat)Toegevoegde • Route vastleggen;waarde • Informatie over nieuwe routes; Ik heb hardgelopen • Tips voor hardloopschoenen; • Hardloopmuziek; • Etc.
  91. 91. Voorbeeld: C1000 Achter In de In de de PC keuken supermarkt• Assortiment • Boodschappen- • Lijstje bekijken en bekijken; lijstje maken; afvinken.• Recepten zoeken. • Recept bekijken.
  92. 92. 2
  93. 93. Hoe passen de doelstellingenvan mijn doelgroep bij mijndoelstellingen?
  94. 94. Je merkDoelstellingen Doelgroep Mobile Mensen die “bezig zijn met je merk/product”
  95. 95. Rol van mobile Met welke percentages wordt mobile ingezet voor branding, sales of service? Wat vindt de doelgroep hiervan? Gaat een gebruiker bijvoorbeeld ook kopen via mobile? Welke plek heeft mobile, als het überhaupt een plek heeft, in de salesfunnel? Is het bijvoorbeeld niet enkel service?
  96. 96. 3
  97. 97. Wat is mijn doelgroep en hoegebruiken ze mobile?
  98. 98. Doelgroep Android, iPhone of Windows Mobile? Tablet of smartphone? Hoe en waar gebruiken ze het? Zittend? Rennend? User interface speelt een grote rol en is afhankelijk van gebruik.
  99. 99. Case: MedGids
  100. 100. MedGids: Doelstellingen Gemakkelijk te branden voor klanten van Medgids (zorginstellingen); Laagdrempelig vanwege brede doelgroep; Webapp (te openen in browser), Android en iOS versies; Single codebase.
  101. 101. MedGids: Realisatie HTML5 / Javascript app; Gewrapped voor stores (PhoneGap).
  102. 102. MedGids: Learnings Single codebase wordt bewerkelijker naarmate meer devices/OSen ondersteund moeten worden; Wrapmogelijkheden nog enigszins beperkt.
  103. 103. VisionClinics
  104. 104. Top 6 meest gestelde vragen
  105. 105. 6
  106. 106. Kan mobile ook ingezetworden voor B2B?
  107. 107. Mobile en B2B Mobile kan ingezet worden als salestool; Apple heeft een B2B app program voor bulk aankoop en specifieke apps, enkel toegankelijk voor bedrijven; Mobile kan gebruikt worden als aanjager voor eventuele eindgebruiker.
  108. 108. 5
  109. 109. Hoe zit het met integratie?Moeten we een apart CMS?
  110. 110. Nee
  111. 111. Maar het huidige CMS zou weluitgebreid kunnen worden metextra (content)velden en mobiletoegankelijk gemaakt moetenworden (eventueel met een API).
  112. 112. 4
  113. 113. Wat is mobile first?
  114. 114. Mobile first / Bottom up In het kader van responsive design wordt er vaak gedacht vanuit het kleinste device om vervolgens elementen toe te voegen naarmate het scherm groter wordt; Hierdoor moet ook worden nagedacht over de hiërarchie van content & functionaliteiten.
  115. 115. 3
  116. 116. Waar moeten we voor gaan?iPhone, Android, iPad?
  117. 117. Welk device? Ligt aan je doelstellingen en doelgroep; Wat inzichten: Android is de grootste smartphonespeler, maar iPhone heeft vaak een grotere marketingwaarde; Apple is de grootste tabletspeler; Windows mobile gaat een grote speler worden; Je kan met één device beginnen en naderhand meer devices gaan ondersteunen.
  118. 118. 2
  119. 119. Hoe zetten we mobile in vooradvertenties/marketing?
  120. 120. Mobile marketing Mobile is erg “op de klant”; Door relevant te zijn kunnen we de klant bijstaan met marketing: C1000: Klant vult gehakt in, app toont aanbiedingen met gehakt; Mobile leent zich uitstekend voor: Campagnematig gebruik: “The single purpose app” of “wegwerpapp”; Crossmediaal gebruik: vanaf de site iets voortzetten op mobiel; Locatiegerichte marketing: “Ga naar … / Download de app voor meer info over dit product hier & nu”.
  121. 121. 1
  122. 122. Wat voor app moeten we?
  123. 123. Opties Dit zijn wij; Koop dit van ons; Hier heb je informatie; Hier heb je een hulpmiddel; Etc.
  124. 124. Opties Dit zijn wij; Koop dit van ons; Hier heb je informatie; Hier heb je een hulpmiddel; Etc.
  125. 125. Takeaways
  126. 126. Takeaways Mobile is onderdeel van een geïntegreerde multichannel en multidevice strategie; Denk verder dan je merk en producten; Denk hier & nu, persoonlijk en activiteiten; Klantreis, klantreis, klantreis en toegevoegde waarde.
  127. 127. eFocus denkt graag mee overde strategische richting vooruw mobiele aanwezigheid
  128. 128. Om die richting vervolgenste realiseren
  129. 129. Meer weten?Neem contact met ons op
  130. 130. Internetbureau voor online effect Kanaalweg 29 3526 KM Utrecht TEL +31 (0)30 602 37 60 FAX +31 (0)30 602 37 59 www.efocus.nl E-MAIL info@efocus.nlTWITTER @efocus

×