Kennissessie Mobile
Click here to load reader
-
Upload
valtech -
Category
Technology
-
view
1.209 -
download
0
Transcript of Kennissessie Mobile
![Page 1: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/1.jpg)
Het mobilevraagstuk
22 maart 2012eFocus Kennissessie
![Page 2: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/2.jpg)
Welkom
![Page 3: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/3.jpg)
Mijn naam is Ramon
![Page 4: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/4.jpg)
![Page 5: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/5.jpg)
Bij eFocus denk ik na over mobiele content en devices en bouw ik apps
![Page 6: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/6.jpg)
Wat gaan wedoen vandaag?
![Page 7: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/7.jpg)
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.
![Page 8: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/8.jpg)
Wat is mobile precies?
![Page 9: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/9.jpg)
‘Mobile is omgang met je merk terwijl je eigenlijk iets anders aan het doen bent’
![Page 10: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/10.jpg)
‘Mobile draaitom hier & nu’
![Page 11: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/11.jpg)
Het huidige landschap
![Page 12: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/12.jpg)
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.
![Page 13: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/13.jpg)
De spelers
![Page 14: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/14.jpg)
![Page 15: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/15.jpg)
![Page 16: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/16.jpg)
![Page 17: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/17.jpg)
Veel overlap en fragmentatievan devices
![Page 18: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/18.jpg)
Groot in tablets Groot in smartphones
Smartphone = Tablet = PC
![Page 19: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/19.jpg)
Door wildgroei van mogelijkheden is integratie essentieel
![Page 20: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/20.jpg)
Uitwerking steedsmeer gestroomlijnd
![Page 21: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/21.jpg)
Ook content moet mobile geoptimaliseerd worden
![Page 22: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/22.jpg)
Mobile opgesplitst
![Page 23: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/23.jpg)
Website Content
Mobile
App
![Page 24: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/24.jpg)
Website Content
Mobile
App
![Page 25: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/25.jpg)
Website
“werkend” Aparte mobiele sitem.mijnsite.nl
Flexibele siteResponsive design
![Page 26: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/26.jpg)
Website
“werkend” Aparte mobiele sitem.mijnsite.nl
Flexibele siteResponsive design
![Page 27: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/27.jpg)
Aparte mobiele website
![Page 28: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/28.jpg)
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.
![Page 29: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/29.jpg)
Website
“werkend” Aparte mobiele sitem.mijnsite.nl
Flexibele siteResponsive design
![Page 30: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/30.jpg)
Website
“werkend” Aparte mobiele sitem.mijnsite.nl
Flexibele siteResponsive design
![Page 31: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/31.jpg)
Responsive design
![Page 32: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/32.jpg)
“Responsive design is eenwebsite flexibel laten reagerenop hoe het wordt bekeken”
![Page 33: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/33.jpg)
Responsive design
Het design verandert afhankelijk van schermgrootte en orientatie;Flexibel, maar complex;De code voor alle vormen zit in de site.
![Page 34: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/34.jpg)
123
Design naar resolutie
![Page 35: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/35.jpg)
1 32Design
naar resolutie
![Page 36: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/36.jpg)
1 32Design
naar gebruik
![Page 37: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/37.jpg)
1
32
Design naar gebruik
![Page 38: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/38.jpg)
Knoppen
Knop Knop Knop Knop Bijvoorbeeld
Dropdown menu bij kleiner scherm voor beter schermgebruik
![Page 39: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/39.jpg)
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.
![Page 40: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/40.jpg)
Website Content
Mobile
App
![Page 41: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/41.jpg)
Website Content
Mobile
App
![Page 42: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/42.jpg)
Apps
![Page 43: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/43.jpg)
Een App
![Page 44: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/44.jpg)
Een Applicatie
![Page 45: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/45.jpg)
Een App
Wat 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.
![Page 46: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/46.jpg)
App
Een webapp Een store app Een Facebook app
![Page 47: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/47.jpg)
Een webapp
![Page 48: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/48.jpg)
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.
![Page 49: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/49.jpg)
Een webapp
Een webapp kan achteraf omgezet worden zodat het alsnog in een appstore gedistribueerd kan worden.
![Page 50: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/50.jpg)
HTML 5 & CSS 3
![Page 51: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/51.jpg)
HTML 5 & CSS 3
Opvolgers van de huidige sitebouwstenen;Semantischer van opzet;Betere ondersteuning voor:
Multidevice;Webapplicaties;Animatie / Interactie.
![Page 52: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/52.jpg)
Financial Times Webapp
![Page 53: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/53.jpg)
Een store app
![Page 54: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/54.jpg)
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.
![Page 55: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/55.jpg)
Met het oog opde toekomst
![Page 56: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/56.jpg)
Een store app
Programmeertaal 1 Programmeertalen 2,3 & 4 Programmeertalen 4,5 & 6
Native
![Page 57: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/57.jpg)
Een store app
Aanpassingen Aanpassingen Aanpassingen
Een programmeertaal
“Porten”
![Page 58: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/58.jpg)
Een webapp
Aanpassingen Aanpassingen Aanpassingen
HTML 5 & CSS 3 ( + Framework)
“Wrappen”
![Page 59: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/59.jpg)
Time to market
![Page 60: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/60.jpg)
Een versie voor één OS
Mobiele website Webapp Wrapped/Ported app Native app
Uitbouwen originele code
Compleet nieuwe code
![Page 61: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/61.jpg)
App
Time to market
WEB
![Page 62: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/62.jpg)
App
UpdateTime to market
WEB
![Page 63: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/63.jpg)
App
Time to market
STORE
![Page 64: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/64.jpg)
App
UpdateTime to market
STORE
![Page 65: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/65.jpg)
Werken met een single code base ishet meest flexibel en futureproof
![Page 66: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/66.jpg)
Webapp versus Store app
![Page 67: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/67.jpg)
Multi-device ✘ OS Specifiek
Updates kunnen gelijk worden doorgevoerd
Time to market: enkel eigen ontwikkeltraject
✘ Distributie moet zelf worden gedaan
✘ Bandbreedte komt voor eigen rekening Bandbreedte komt (meestal) voor rekening van
store
Zoekbaarheid van store vereenvoudigt distributie
✘ Updates moeten storeprocedure doorlopen
✘ Time to market: ligt aan storeprocedures (goedkeuring, etc.)
Store zelf heeft ook eigen “marketingmachine”✘ “Weblocatie” moet onder de aandacht worden
gebracht
✘ Niet ”verkoopbaar” Verkoopbaar, inclusief in-app purchases
✘ Niet alle hardware toegankelijk Alle hardware is toegankelijk
![Page 68: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/68.jpg)
In de praktijk
![Page 69: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/69.jpg)
Web app
Native app
Mobiele website
![Page 70: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/70.jpg)
Website Content
Mobile
App
![Page 71: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/71.jpg)
Website Content
Mobile
App
![Page 72: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/72.jpg)
![Page 73: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/73.jpg)
Best practises
![Page 74: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/74.jpg)
ColorSmart: Kleurmatcher
![Page 75: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/75.jpg)
Domino’s Pizza: Bestel & Track
![Page 76: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/76.jpg)
Ebay prijsvergelijker
![Page 77: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/77.jpg)
Merrel: Barefoot trainer
![Page 78: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/78.jpg)
Zipcar: Zoek, reserveer en ontgrendel
![Page 79: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/79.jpg)
Philips: Fidelio luidsprekerdock app
![Page 80: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/80.jpg)
The North Face: Zoek hikingroutes
![Page 81: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/81.jpg)
SWSX: Event guide
![Page 82: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/82.jpg)
Mora: Snackapp
![Page 83: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/83.jpg)
Philips: Magazine GetInsideHealth Made by eFocus
![Page 84: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/84.jpg)
C1000 Made by
eFocus & aFrogleap
![Page 85: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/85.jpg)
Hoe kom ik verder met mobile?
![Page 86: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/86.jpg)
Drie vragen die je jezelf moet stellen
![Page 87: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/87.jpg)
1
![Page 88: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/88.jpg)
Hoe gaan gebruikers om met mijn merk?
![Page 89: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/89.jpg)
Een website is een uiting van een merk
![Page 90: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/90.jpg)
Een Twitteraccount is een uiting van een merk
![Page 91: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/91.jpg)
Een Facebook page is een uiting van een merk
![Page 92: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/92.jpg)
Een app is een uiting van een merk
![Page 93: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/93.jpg)
We moeten denkenvanuit merk, nietvanuit de website
![Page 94: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/94.jpg)
Device
“Ik word bekeken op een smartphone”
“Ik bevind me hier”
“Ik sta nu ineen supermarkt”
Formaat bewust
Locatie bewust
Situatie bewust
![Page 95: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/95.jpg)
![Page 96: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/96.jpg)
![Page 97: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/97.jpg)
Je merk
![Page 98: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/98.jpg)
Ik wil hardlopen
Ik heb hardgelopen
Uw merk(verkoop hardloopschoenen op maat)
• Route vastleggen;• Informatie over nieuwe routes;• Tips voor hardloopschoenen;• Hardloopmuziek;• Etc.
Toegevoegdewaarde
![Page 99: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/99.jpg)
Achterde PC
In de supermarkt
Voorbeeld: C1000
In de keuken
• Assortiment bekijken;
• Recepten zoeken.
• Boodschappen-lijstje maken;
• Recept bekijken.
• Lijstje bekijken en afvinken.
![Page 100: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/100.jpg)
2
![Page 101: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/101.jpg)
Hoe passen de doelstellingen van mijn doelgroep bij mijn doelstellingen?
![Page 102: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/102.jpg)
Doelstellingen Doelgroep Mobile
Je merk
Mensen die “bezig zijn met je merk/product”
![Page 103: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/103.jpg)
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?
![Page 104: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/104.jpg)
3
![Page 105: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/105.jpg)
Wat is mijn doelgroep en hoe gebruiken ze mobile?
![Page 106: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/106.jpg)
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.
![Page 107: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/107.jpg)
Case: MedGids
![Page 108: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/108.jpg)
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.
![Page 109: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/109.jpg)
MedGids: Realisatie
HTML5 / Javascript app;Gewrapped voor stores (PhoneGap).
![Page 110: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/110.jpg)
MedGids: Learnings
Single codebase wordt bewerkelijker naarmate meer devices/OS'en ondersteund moeten worden;Wrapmogelijkheden nog enigszins beperkt.
![Page 111: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/111.jpg)
VisionClinics Made by eFocus
![Page 112: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/112.jpg)
Top 6 meest gestelde vragen
![Page 113: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/113.jpg)
6
![Page 114: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/114.jpg)
Kan mobile ook ingezet worden voor B2B?
![Page 115: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/115.jpg)
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.
![Page 116: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/116.jpg)
5
![Page 117: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/117.jpg)
Hoe zit het met integratie? Moeten we een apart CMS?
![Page 118: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/118.jpg)
Nee
![Page 119: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/119.jpg)
Maar het huidige CMS zou wel uitgebreid kunnen worden metextra (content)velden en mobiletoegankelijk gemaakt moeten worden (eventueel met een API).
![Page 120: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/120.jpg)
4
![Page 121: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/121.jpg)
Wat is mobile first?
![Page 122: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/122.jpg)
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.
![Page 123: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/123.jpg)
3
![Page 124: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/124.jpg)
Waar moeten we voor gaan? iPhone, Android, iPad?
![Page 125: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/125.jpg)
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.
![Page 126: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/126.jpg)
2
![Page 127: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/127.jpg)
Hoe zetten we mobile in voor advertenties/marketing?
![Page 128: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/128.jpg)
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”.
![Page 129: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/129.jpg)
1
![Page 130: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/130.jpg)
Wat voor app moeten we?
![Page 131: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/131.jpg)
Opties
Dit zijn wij;
Koop dit van ons;
Hier heb je informatie;
Hier heb je een hulpmiddel;
Etc.
![Page 132: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/132.jpg)
Opties
Dit zijn wij;
Koop dit van ons;
Hier heb je informatie;
Hier heb je een hulpmiddel;
Etc.
![Page 133: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/133.jpg)
Takeaways
![Page 134: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/134.jpg)
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.
![Page 135: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/135.jpg)
eFocus denkt graag mee over de strategische richting voor uw mobiele aanwezigheid
![Page 136: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/136.jpg)
Om die richting vervolgenste realiseren
![Page 137: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/137.jpg)
Meer weten?Neem contact met ons op
![Page 138: Kennissessie Mobile](https://reader037.fdocuments.nl/reader037/viewer/2022102323/546ade9caf795920668b5c0d/html5/thumbnails/138.jpg)
Internetbureauvoor online effectKanaalweg 293526 KM Utrecht+31 (0)30 602 37 60+31 (0)30 602 37 [email protected]@efocus
TEL
FAX