Kennissessie Mobile

Het mobilevraagstukeFocus Kennissessie22 maart 2012

Welkom

Mijn naam is Ramon

Bij eFocus denk ik naover mobiele content endevices en bouw ik apps

Wat gaan wedoen vandaag?

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.

Wat is mobile precies?

‘Mobile is omgang met jemerk terwijl je eigenlijk ietsanders aan het doen bent’

‘Mobile draaitom hier & nu’

Het huidige landschap

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.

De spelers

Veel overlap enfragmentatievan devices

Groot in tablets Groot in Smartphone = smartphones Tablet = PC

Door wildgroei vanmogelijkheden isintegratie essentieel

Uitwerking steedsmeer gestroomlijnd

Ook content moet mobilegeoptimaliseerd worden

Mobile opgesplitst

MobileWebsite App Content

Website Aparte mobiele site Flexibele site“werkend” m.mijnsite.nl Responsive design

Aparte mobiele website

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.

Website Aparte mobiele site Flexibele site“werkend” m.mijnsite.nl Responsive design

Responsive design

“Responsive design is eenwebsite flexibel laten reagerenop hoe het wordt bekeken”

Responsive design Het design verandert afhankelijk van schermgrootte en orientatie; Flexibel, maar complex; De code voor alle vormen zit in de site.

Design 2naarresolutie 1 3

Designnaar 2resolutie 1 3

Designnaar 2gebruik 1 3

Designnaar 1gebruik 2 3

Knop Knop Knop Knop Bijvoorbeeld Dropdown menu bij kleiner Knoppen scherm voor beter schermgebruik

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.

Een App

Een Applicatie

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.

AppEen webapp Een store app Een Facebook app

Een webapp

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.

Een webappEen webapp kan achteraf omgezet worden zodat hetalsnog in een appstore gedistribueerd kan worden.

HTML 5 & CSS 3

HTML 5 & CSS 3 Opvolgers van de huidige sitebouwstenen; Semantischer van opzet; Betere ondersteuning voor: Multidevice; Webapplicaties; Animatie / Interactie.

Financial Times Webapp

Een store app

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.

Met het oog opde toekomst

Een store appProgrammeertaal 1 Programmeertalen 2,3 & 4 Programmeertalen 4,5 & 6

Een store app Een programmeertaal “Porten”Aanpassingen Aanpassingen Aanpassingen

Een webapp HTML 5 & CSS 3 ( + Framework) “Wrappen”Aanpassingen Aanpassingen Aanpassingen

Time to market

Een versie voor één OS Compleet nieuwe code Uitbouwen originele code Mobiele website Webapp Wrapped/Ported app Native app

Time to market App

Time to market Update App

Time to market App

Time to market Update App

Werken met een single code base ishet meest flexibel en futureproof

Webapp versus Store app

 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

In de praktijk

Best practises

ColorSmart: Kleurmatcher

Domino’s Pizza: Bestel & Track

Ebay prijsvergelijker

Merrel: Barefoot trainer

Zipcar: Zoek, reserveer en ontgrendel

Philips: Fidelio luidsprekerdock app

The North Face: Zoek hikingroutes

SWSX: Event guide

Mora: Snackapp

Philips: Magazine GetInsideHealth

Hoe kom ik verder met mobile?

Drie vragen die jejezelf moet stellen

Hoe gaan gebruikersom met mijn merk?

Een website is eenuiting van een merk

Een Twitteraccount is eenuiting van een merk

Een Facebook page is eenuiting van een merk

Een app is eenuiting van een merk

We moeten denkenvanuit merk, nietvanuit de website

Formaat bewust “Ik word bekeken op een smartphone”Device Locatie bewust “Ik bevind me hier” Situatie bewust “Ik sta nu in een supermarkt”

Je merk

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.

Voorbeeld: C1000 Achter In de In de de PC keuken supermarkt• Assortiment • Boodschappen- • Lijstje bekijken en bekijken; lijstje maken; afvinken.• Recepten zoeken. • Recept bekijken.

Hoe passen de doelstellingenvan mijn doelgroep bij mijndoelstellingen?

Je merkDoelstellingen Doelgroep Mobile Mensen die “bezig zijn met je merk/product”

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?

Wat is mijn doelgroep en hoegebruiken ze mobile?

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.

Case: MedGids

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.

MedGids: Realisatie HTML5 / Javascript app; Gewrapped voor stores (PhoneGap).

MedGids: Learnings Single codebase wordt bewerkelijker naarmate meer devices/OSen ondersteund moeten worden; Wrapmogelijkheden nog enigszins beperkt.

VisionClinics

Top 6 meest gestelde vragen

Kan mobile ook ingezetworden voor B2B?

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.

Hoe zit het met integratie?Moeten we een apart CMS?

Maar het huidige CMS zou weluitgebreid kunnen worden metextra (content)velden en mobiletoegankelijk gemaakt moetenworden (eventueel met een API).

Wat is mobile first?

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.

Waar moeten we voor gaan?iPhone, Android, iPad?

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.

Hoe zetten we mobile in vooradvertenties/marketing?

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”.

Wat voor app moeten we?

Opties Dit zijn wij; Koop dit van ons; Hier heb je informatie; Hier heb je een hulpmiddel; Etc.

Takeaways

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.

eFocus denkt graag mee overde strategische richting vooruw mobiele aanwezigheid

Om die richting vervolgenste realiseren

Meer weten?Neem contact met ons op

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

http://www.efocus.nl	41
http://efocus2012.shw3.dedicated.nines.nl	4
http://efocus.nl	4

Kennissessie Mobile

by eFocus on Mar 26, 2012

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 49

Statistics

Kennissessie Mobile Presentation Transcript