PensersaprésencesurlesmobilesPourquoi ?Comment ?
uneprésentationproposéepar :AgencededéveloppementmobilePrestationsetréalisations :contact@butterflyeffect.fr 04.56.80.66.0...
QuentinFouréMarketing-Conception-DesignDirecteurassocié-ButterflyEffectSASqf@butterflyeffect.fr 06.81.37.82.29
Plusquunemode,lemobileestunevéritableévolutiondesusages.Letraficwebmobileetlenombredapplicationsaugmententdejourenjour.Nem...
Pourquoidévelopperpourlesmobiles* ?*écransmobiles :tablettesinclusesEn2014,ilyauraplusde« mobinautes »quedinternautes(ordi...
Pourquoidévelopperpourlesmobiles ?Source :GFKConsumersChoices2012-France+18 %desventesentre2011et2012+48 %desventes2010et2...
Pourquoidévelopperpourlesmobiles ?Source :ProximaMobile–France-15janvier2013+72 %Traficdedonnéesopérateurs20127/10destélép...
Lesécransmobiles sontutilisésencomplémentdesPCs58%desconnectésutilisentaumoins2écranspourseconnecterchaquesemainePourquoid...
Pourquoidévelopperpourlesmobiles ?DomicileTravailExtérieur94%54%0%71%13%37% 76%43%57%Tauxdeconnexionparlocalisation(en %de...
Pourquoidévelopperpourlesmobiles ?Source :Google&Ipsos-France2012- Images :agence-csv.comLessmartphonessontunportailmulti-...
Pourquoidévelopperpourlesmobiles ?Source :Google&Ipsos-France2012- Images :agence-csv.comLesutilisateursdesmartphonessontp...
Synthèse2011-2012Augmentation :-des« utilisateursmobiles »,-delafréquencedutilisation,-desconnexionsautraversdeplusieurséc...
Jaidéjàunsiteweb !Lesmobilespeuventlelire !Non !Leweb« classique »nestpasadapté !-déclarentrevenirplusfacilementsurlesite-...
Conclusion :L’effetdemodeamaintenantétélargementdépassé.Mieuxvautêtreprêtetproposerdèsaujourd’huiunsiteadaptéàl’usagesursm...
Comment ?Quechoisir ?
Comment ?Lessolutionstechniquesdisponibles :Adapterpourlesmobiles ConcevoirpourlesmobilesWeb-applicationune applicationpou...
Sitewebresponsive1Questcequecest ?Il sagit dune technique dedéveloppement qui prévoit un affichagedifférentselonlalargeurd...
Sitewebresponsive1Exemple:3200tigres.wwf.frCréditsphotos :VivekRSinha/WWF
SitewebmobileQuestcequecest ?Il sagit de rediriger les visiteursmobilesversunsitedédiéàcetusage.Il faut repenser le conten...
Exemple: 20minutes.frCréditsphotos :20minutes.frSitewebmobile2
Web-applicationQuestcequecest ?Il sagit dun site mobile dont le design,lergonomie, les transitions font croire àlutilisati...
Exemple: facebook.comCréditsphotos :Facebook.com-ButterflyEffectWeb-application3
Web-applicationApplicationnativeSitewebmobileSitewebresponsive1234LogiqueWebLogiqueMobileLes applications conservent la fo...
ApplicationnativeQuestcequecest ?Il sagit de la référence en matière demobiles. Elle permet une multitude defonctionnalité...
Exemple:  CardioInfoUtilisationduGPSApplicationnative4
Passeraumobile,unechargedetravailsupplémentairepourleclient?
Sitewebresponsive1Web-application&ApplicationnativeSitewebmobile23 4Ilestpossibledeconservertoutoupartiedunsiteexistant(se...
Pourrésumer :
SynthèseSiteResponsiveSiteMobileWeb-appApplicationFidélisationdelutilisateur*Publicmobileadressé*Imagedemarque*Engagementd...
Fidélisation de lutilisateur : accueillir comme il se doit les visiteurs mobiles est déjà un premier pas vers lafidélisati...
Vospublicsparlentmobile.Etvous?Àvousdejouer !
Besoindaide,dunavis,dunconseil,duneidée ?Contactez-nous :contact@butterflyeffect.fr04.56.80.66.01developpement-mobile.fr
Penser sa présence mobile - Pourquoi ? Comment ?
Prochain SlideShare
Chargement dans…5
×

Penser sa présence mobile - Pourquoi ? Comment ?

7 214 vues

Publié le

Plus qu'une mode, le mobile est une véritable évolution des usages.
Le trafic web mobile et le nombre d'applications augmentent de jour en jour.
Comment bien aborder le passage au mobile ? Voici quelques clefs pour voir plus clair.

Faîtes le point et ne manquez pas de vous adresser à ce public !

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
7 214
Sur SlideShare
0
Issues des intégrations
0
Intégrations
5 598
Actions
Partages
0
Téléchargements
11
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Penser sa présence mobile - Pourquoi ? Comment ?

  1. 1. PensersaprésencesurlesmobilesPourquoi ?Comment ?
  2. 2. uneprésentationproposéepar :AgencededéveloppementmobilePrestationsetréalisations :contact@butterflyeffect.fr 04.56.80.66.01developpement-mobile.fr
  3. 3. QuentinFouréMarketing-Conception-DesignDirecteurassocié-ButterflyEffectSASqf@butterflyeffect.fr 06.81.37.82.29
  4. 4. Plusquunemode,lemobileestunevéritableévolutiondesusages.Letraficwebmobileetlenombredapplicationsaugmententdejourenjour.Nemanquezpasdevousadresseràcepublic !
  5. 5. Pourquoidévelopperpourlesmobiles* ?*écransmobiles :tablettesinclusesEn2014,ilyauraplusde« mobinautes »quedinternautes(ordinateurs)-perspectivepourlemonde-Source :VCfirmKleinerPerkins-MaryMeeker
  6. 6. Pourquoidévelopperpourlesmobiles ?Source :GFKConsumersChoices2012-France+18 %desventesentre2011et2012+48 %desventes2010et2011Aujourdhuiquenest-il ?20Millions6Millionsx1,5desventesentre2011et2012x2 ,2desventes2010et2011
  7. 7. Pourquoidévelopperpourlesmobiles ?Source :ProximaMobile–France-15janvier2013+72 %Traficdedonnéesopérateurs20127/10destéléphonesvendusen2012sontdessmartphonesLes« mobinautes »sonttoujoursplusnombreuxetplusconnectés !
  8. 8. Lesécransmobiles sontutilisésencomplémentdesPCs58%desconnectésutilisentaumoins2écranspourseconnecterchaquesemainePourquoidévelopperpourlesmobiles ?SourceetImage :COMSCORE–DeviceEssentialUK-2janvier2013Répartitiondutraficdespagesvuespardeviceaucoursdunejournée(detravail)type
  9. 9. Pourquoidévelopperpourlesmobiles ?DomicileTravailExtérieur94%54%0%71%13%37% 76%43%57%Tauxdeconnexionparlocalisation(en %desmulti-équipés)–Observatoiredesécransconnectés2013-FranceLesécransmobilessontutilisésprincipalementenextérieuretàlamaison
  10. 10. Pourquoidévelopperpourlesmobiles ?Source :Google&Ipsos-France2012- Images :agence-csv.comLessmartphonessontunportailmulti-activités
  11. 11. Pourquoidévelopperpourlesmobiles ?Source :Google&Ipsos-France2012- Images :agence-csv.comLesutilisateursdesmartphonessontplutôtjeuneseturbains
  12. 12. Synthèse2011-2012Augmentation :-des« utilisateursmobiles »,-delafréquencedutilisation,-desconnexionsautraversdeplusieursécrans(mobile+tablette+PC) ,Publicplutôtjeune(inférieurà40ans)Picd’utilisationentre17Het21HPlusieursusages-principalement :internet,news,social,e-mails,jeux,
  13. 13. Jaidéjàunsiteweb !Lesmobilespeuventlelire !Non !Leweb« classique »nestpasadapté !-déclarentrevenirplusfacilementsurlesite-déclarentacheterplusfacilementsurlesite(produitouservice)Siteweboptimisé Sitewebnon-optimisé-quinetrouventpascequilscherchentdirectementsurunsitemobilerepartentpourunautre-déclarentquemêmesilsaimentlentreprise,ilsreviendrontmoinssouvent-sedéclarentfrustrésetcontrariés74%67%61%50%48%Source&Images :MashaFisch,GoogleMobileAdsMarketing
  14. 14. Conclusion :L’effetdemodeamaintenantétélargementdépassé.Mieuxvautêtreprêtetproposerdèsaujourd’huiunsiteadaptéàl’usagesursmartphone.
  15. 15. Comment ?Quechoisir ?
  16. 16. Comment ?Lessolutionstechniquesdisponibles :Adapterpourlesmobiles ConcevoirpourlesmobilesWeb-applicationune applicationpourlesmobilesdisponiblesanstéléchargementApplicationnativeune applicationpourlesmobilesàtéléchargersurles« marchésdapplications »Sitewebmobileunsitedédiéauxmobiles/tablettesdisponibleenparallèledusitestandardSitewebresponsiveuneseuleinterfacecapabledesadapterauxdifférenteslargeursdécrans1 2 3 4
  17. 17. Sitewebresponsive1Questcequecest ?Il sagit dune technique dedéveloppement qui prévoit un affichagedifférentselonlalargeurdécranduvisiteur.Le contenu nest pas modifié, il estseulementaffichédifféremment.Lesavantagesduresponsivedesign :-possibilitédadapterunsiteexistant(pasdetravaildereconceptionàfaire)-unseulgestionnairedecontenu-adaptéàtouteslesrésolutions(PC,netbooks,tablettes,smartphones,…)-pasderedirectionetmiseàjourimmédiateLesinconvénientsduresponsivedesign :-ergonomiecomplexepourleslongsmenus-contenunonoptimisé(chargementpluslongdesimages)-pasdoutildefidélisation(notificationspush)
  18. 18. Sitewebresponsive1Exemple:3200tigres.wwf.frCréditsphotos :VivekRSinha/WWF
  19. 19. SitewebmobileQuestcequecest ?Il sagit de rediriger les visiteursmobilesversunsitedédiéàcetusage.Il faut repenser le contenu pour quilsoit plus abordable sur un petit écran :réduire les textes, alléger les menus et lessections-ALLER À LESSENTIEL-Lesavantagesdusitemobile:-possibilitédereprendreunsiteexistant(travaildereconceptionpréférable)-unseulgestionnairedecontenu-contenuoptimisépourlesmobiles-pasderupturedecanal(accèsenligne)-miseàjourimmédiateLesinconvénientsdusitemobile:-limiterlesfonctionnalitéspeutfrustrerunvisiteur(toujoursprévoirunpassageverslesitecomplet)-pasdoutildefidélisation(notificationspush)2
  20. 20. Exemple: 20minutes.frCréditsphotos :20minutes.frSitewebmobile2
  21. 21. Web-applicationQuestcequecest ?Il sagit dun site mobile dont le design,lergonomie, les transitions font croire àlutilisationduneapplication.Cestuneapplicationmobile,disponiblesurunsitesansaucuntéléchargement.Lesavantagesdelaweb-application:-qualitédenavigationoptimale(impressiondutiliseruneapplication)-contenuoptimisépourlesmobiles-pasdetéléchargement(accèsdirectenligne)-miseàjourimmédiateLesinconvénientsdelaweb-application:-nécessiteuneconceptionetunegestiondistinctedecelledusitestandard-lenteurdaffichage(téléphonesanciens)-pasdoutildefidélisation(notificationspush)3
  22. 22. Exemple: facebook.comCréditsphotos :Facebook.com-ButterflyEffectWeb-application3
  23. 23. Web-applicationApplicationnativeSitewebmobileSitewebresponsive1234LogiqueWebLogiqueMobileLes applications conservent la fonction dinformationdes sites web mais ajoute un service, un usage, uneinteractionplusforteaveclutilisateur.Elles sont complémentaires aux services fournis par lessitesweb.
  24. 24. ApplicationnativeQuestcequecest ?Il sagit de la référence en matière demobiles. Elle permet une multitude defonctionnalités, elle est directementdisponiblesurlécrandaccueil.* les iPhones et smartphones Android représentent 80 %dessmartphonesLesavantagesdelapplication :-fidélisation(notificationspush)-qualitédenavigationoptimale-contenuoptimisé-fonctionnementhorsligne-accèscompletauxfonctionsdutéléphone(contacts,géolocalisation,photo,vidéo ,...)Lesinconvénientsdelapplication:-nécessitédinciterautéléchargement-prévoiraumoins2versions(Apple&Android)*-seconformerauxrèglesdelAppStore4
  25. 25. Exemple:  CardioInfoUtilisationduGPSApplicationnative4
  26. 26. Passeraumobile,unechargedetravailsupplémentairepourleclient?
  27. 27. Sitewebresponsive1Web-application&ApplicationnativeSitewebmobile23 4Ilestpossibledeconservertoutoupartiedunsiteexistant(selonlastructure),deconserverlegestionnairedecontenu(CMS)etledesigngénéral-ilnyapasdecontenuspécifiqueàprévoir.Lidéalétantdeleprévoirpourlaconceptionoulerenouvellementdunsite.Ilestpossibledeconserverunepartiedestextesetimagesexistants,ilestcependantpréférablederepenserlaplupartducontenupourloptimiser(longueurdestextes,structure,tailledesimages...).Silexisteungestionnairedecontenuilseraenrichiavecdespagesdédiéesàlaversionmobile.Danslidéeoùlapplicationetlaweb-applicationapportentplusquedelinformationbrute,ilestconseillédecréeruncontenuspécifiquepourcorrespondreàlusagedesmobiles.Unepartieducontenuetdudesignpeutêtreréutiliséemaisilfautprévoirlacréationduncontenuspécifiqueàlapplicationouweb-application.
  28. 28. Pourrésumer :
  29. 29. SynthèseSiteResponsiveSiteMobileWeb-appApplicationFidélisationdelutilisateur*Publicmobileadressé*Imagedemarque*Engagementdelutilisateur*Créationdecontenuspécifique*Coût*€€€€€€€00% - 30%50% - 100%50% - 100%90% *100%100%80% **détailspagesuivante
  30. 30. Fidélisation de lutilisateur : accueillir comme il se doit les visiteurs mobiles est déjà un premier pas vers lafidélisation.Lutilisationdesnotificationspushetlaccèsrapidedepuislécrandaccueilfontdelapplicationlemeilleuroutildefidélisationettémoignedelimplicationdelutilisateur(ilatéléchargélapplication!).Public mobile adressé : il est fonction des technologies employées. Les mobiles dancienne génération (+ de 3 ans)utilisentdesnavigateursinternetdépassésquinerespectentpascertainsstandards.PourlesapplicationsseulslesdeuxOSmajoritairesontétéprisencompte :AndroidetiOS(80 %dumarché).Image de marque : recevoir les visiteurs mobiles avec un contenu adapté est un signe de qualité et de soin.Lapplicationresteloutilleplusspécifiqueaumobile,cestceluiquitémoigneleplusdelengagementdelamarque.Engagement de lutilisateur : les applications et web-applications apportent généralement un contenu plusdynamiqueaveclequellutilisateurpeutinteragir.Création de contenu spécifique : les applications et web-applications demandent une création spécifique decontenu, de design, dergonomie tandis que les sites mobiles ou responsives peuvent reprendre quasi-intégralement lecontenuetlachartedusitePC.Coût: les coûts varient considérablement selon les fonctionnalités recherchées. Pour les applications, plus il y a dOSdifférentsàcouvrir(iOS,Android,BlackBerry,WindowsPhone,Symbian,Bada,…)plusceseracoûteux.
  31. 31. Vospublicsparlentmobile.Etvous?Àvousdejouer !
  32. 32. Besoindaide,dunavis,dunconseil,duneidée ?Contactez-nous :contact@butterflyeffect.fr04.56.80.66.01developpement-mobile.fr

×