Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×

Penser sa présence mobile - Pourquoi ? Comment ?

Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Chargement dans…3
×

Consultez-les par la suite

1 sur 33 Publicité

Penser sa présence mobile - Pourquoi ? Comment ?

Télécharger pour lire hors ligne

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 !

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 !

Publicité
Publicité

Plus De Contenu Connexe

Diaporamas pour vous (20)

Similaire à Penser sa présence mobile - Pourquoi ? Comment ? (20)

Publicité

Plus récents (20)

Penser sa présence mobile - Pourquoi ? Comment ?

  1. 1. Pensersaprésencesurlesmobiles Pourquoi ?Comment ?
  2. 2. uneprésentationproposéepar : Agencededéveloppementmobile Prestationsetréalisations : contact@butterflyeffect.fr 04.56.80.66.01 developpement-mobile.fr
  3. 3. QuentinFouré Marketing-Conception-Design Directeurassocié-ButterflyEffectSAS qf@butterflyeffect.fr 06.81.37.82.29
  4. 4. Plusqu'unemode,lemobileestunevéritable évolutiondesusages. Letraficwebmobileetlenombre d'applicationsaugmententdejourenjour. Nemanquezpasdevous adresseràcepublic !
  5. 5. Pourquoidévelopperpourlesmobiles* ? *écransmobiles :tablettesincluses En2014,ilyauraplusde « mobinautes »qued'internautes(ordinateurs) -perspectivepourlemonde- Source :VCfirmKleinerPerkins-MaryMeeker
  6. 6. Pourquoidévelopperpourlesmobiles ? Source :GFKConsumersChoices2012-France +18 %desventesentre2011et2012 +48 %desventes2010et2011 Aujourd'huiqu'enest-il ? 20 Millions 6 Millions x1,5desventesentre2011et2012 x2 ,2desventes2010et2011
  7. 7. Pourquoidévelopperpourlesmobiles ? Source :ProximaMobile–France-15janvier2013 +72 % Traficdedonnées opérateurs2012 7/10destéléphonesvendusen2012 sontdessmartphones Les« mobinautes »sonttoujoursplus nombreuxetplusconnectés !
  8. 8. Lesécransmobiles sontutilisés encomplémentdesPCs 58% desconnectésutilisentau moins2écranspourse connecterchaquesemaine Pourquoidévelopperpourlesmobiles ? SourceetImage :COMSCORE–DeviceEssentialUK-2janvier2013 Répartitiondutraficdespagesvuespardeviceau coursd'unejournée(detravail)type
  9. 9. Pourquoidévelopperpourlesmobiles ? Domicile Travail Extérieur 94% 54% 0% 71% 13% 37% 76% 43% 57% Tauxdeconnexionparlocalisation(en %desmulti-équipés)–Observatoiredesécransconnectés2013-France Lesécransmobilessontutilisésprincipalement enextérieuretàlamaison
  10. 10. Pourquoidévelopperpourlesmobiles ? Source :Google&Ipsos-France2012- Images :agence-csv.com Lessmartphonessontunportailmulti-activités
  11. 11. Pourquoidévelopperpourlesmobiles ? Source :Google&Ipsos-France2012- Images :agence-csv.com Lesutilisateursdesmartphonessontplutôtjeuneseturbains
  12. 12. Synthèse2011-2012 Augmentation : -des« utilisateursmobiles », -delafréquenced'utilisation, -desconnexionsautraversde plusieursécrans(mobile+tablette+PC) , Publicplutôtjeune(inférieurà40ans) Picd’utilisationentre17Het21H Plusieursusages-principalement : internet,news,social,e-mails,jeux,
  13. 13. J'aidéjàunsiteweb !Lesmobilespeuventlelire ! Non ! Leweb« classique » n'estpasadapté ! -déclarentrevenirplusfacilementsur lesite -déclarentacheterplusfacilementsur lesite(produitouservice) Siteweboptimisé Sitewebnon-optimisé -quinetrouventpascequ'ilscherchent directementsurunsitemobilerepartent pourunautre -déclarentquemêmes'ilsaiment l'entreprise,ilsreviendrontmoinssouvent -sedéclarentfrustrésetcontrariés 74% 67% 61% 50% 48% Source&Images :MashaFisch,GoogleMobileAdsMarketing
  14. 14. Conclusion : L’effetdemodeamaintenantétélargementdépassé. Mieuxvautêtreprêtetproposerdèsaujourd’huiun siteadaptéàl’usagesursmartphone.
  15. 15. Comment ? Quechoisir ?
  16. 16. Comment ? Lessolutionstechniquesdisponibles : Adapterpourlesmobiles Concevoirpourlesmobiles Web- application une application pourlesmobiles disponiblesans téléchargement Application native une application pourlesmobilesà téléchargersurles « marchésd'applications » Siteweb mobile unsitedédiéaux mobiles/tablettes disponibleenparallèle dusitestandard Siteweb responsive uneseuleinterface capabledes'adapter auxdifférentes largeursd'écrans 1 2 3 4
  17. 17. Sitewebresponsive1 Qu'estcequec'est ? Il s'agit d'une technique de développement qui prévoit un affichage différentselonlalargeurd'écranduvisiteur. Le contenu n'est pas modifié, il est seulementaffichédifféremment. Lesavantagesduresponsivedesign : -possibilitéd'adapterunsiteexistant (pasdetravaildereconceptionàfaire) -unseulgestionnairedecontenu -adaptéàtouteslesrésolutions(PC,netbooks, tablettes,smartphones,…) -pasderedirectionetmiseàjourimmédiate Lesinconvénientsduresponsivedesign : -ergonomiecomplexepourleslongsmenus -contenunonoptimisé(chargementpluslong desimages) -pasd'outildefidélisation(notificationspush)
  18. 18. Sitewebresponsive1 Exemple: 3200tigres.wwf.fr Créditsphotos :VivekRSinha/WWF
  19. 19. Sitewebmobile Qu'estcequec'est ? Il s'agit de rediriger les visiteurs mobilesversunsitedédiéàcetusage. Il faut repenser le contenu pour qu'il soit plus abordable sur un petit écran : réduire les textes, alléger les menus et les sections-ALLER À L'ESSENTIEL- Lesavantagesdusitemobile: -possibilitédereprendreunsiteexistant (travaildereconceptionpréférable) -unseulgestionnairedecontenu -contenuoptimisépourlesmobiles -pasderupturedecanal(accèsenligne) -miseàjourimmédiate Lesinconvénientsdusitemobile: -limiterlesfonctionnalitéspeutfrustrerun visiteur(toujoursprévoirunpassageverslesite complet) -pasd'outildefidélisation(notificationspush) 2
  20. 20. Exemple: 20minutes.fr Créditsphotos :20minutes.fr Sitewebmobile2
  21. 21. Web-application Qu'estcequec'est ? Il s'agit d'un site mobile dont le design, l'ergonomie, les transitions font croire à l'utilisationd'uneapplication. C'estuneapplicationmobile,disponible surunsitesansaucuntéléchargement. Lesavantagesdelaweb-application: -qualitédenavigationoptimale(impression d'utiliseruneapplication) -contenuoptimisépourlesmobiles -pasdetéléchargement(accèsdirectenligne) -miseàjourimmédiate Lesinconvénientsdelaweb-application: -nécessiteuneconceptionetunegestion distinctedecelledusitestandard -lenteurd'affichage(téléphonesanciens) -pasd'outildefidélisation(notificationspush) 3
  22. 22. Exemple: facebook.com Créditsphotos :Facebook.com-ButterflyEffect Web-application3
  23. 23. Web-application Applicationnative Sitewebmobile Sitewebresponsive1 2 3 4 LogiqueWeb LogiqueMobile Les applications conservent la fonction d'information des sites web mais ajoute un service, un usage, une interactionplusforteavecl'utilisateur. Elles sont complémentaires aux services fournis par les sitesweb.
  24. 24. Applicationnative Qu'estcequec'est ? Il s'agit de la référence en matière de mobiles. Elle permet une multitude de fonctionnalités, elle est directement disponiblesurl'écrand'accueil. * les iPhones et smartphones Android représentent 80 % dessmartphones Lesavantagesdel'application : -fidélisation(notificationspush) -qualitédenavigationoptimale -contenuoptimisé -fonctionnementhorsligne -accèscompletauxfonctionsdutéléphone (contacts,géolocalisation,photo,vidéo ,...) Lesinconvénientsdel'application: -nécessitéd'inciterautéléchargement -prévoiraumoins2versions(Apple&Android)* -seconformerauxrèglesdel'AppStore 4
  25. 25. Exemple:  CardioInfo Utilisation duGPS Applicationnative4
  26. 26. Passeraumobile, unechargedetravail supplémentairepourleclient?
  27. 27. Sitewebresponsive1 Web-application&Applicationnative Sitewebmobile2 3 4 Ilestpossibledeconservertoutoupartied'unsiteexistant(selonlastructure),deconserverle gestionnairedecontenu(CMS)etledesigngénéral-iln'yapasdecontenuspécifiqueàprévoir. L'idéalétantdeleprévoirpourlaconceptionoulerenouvellementd'unsite. Ilestpossibledeconserverunepartiedestextesetimagesexistants,ilestcependantpréférablede repenserlaplupartducontenupourl'optimiser(longueurdestextes,structure,tailledesimages...). S'ilexisteungestionnairedecontenuilseraenrichiavecdespagesdédiéesàlaversionmobile. Dansl'idéeoùl'applicationetlaweb-applicationapportentplusquedel'informationbrute,ilest conseillédecréeruncontenuspécifiquepourcorrespondreàl'usagedesmobiles. Unepartieducontenuetdudesignpeutêtreréutiliséemaisilfautprévoirlacréationd'uncontenu spécifiqueàl'applicationouweb-application.
  28. 28. Pourrésumer :
  29. 29. Synthèse SiteResponsive SiteMobile Web-app Application Fidélisationdel'utilisateur* Publicmobileadressé* Imagedemarque* Engagementdel'utilisateur* Créationdecontenuspécifique* Coût* € € €€ €€€ 0 0% - 30% 50% - 100% 50% - 100% 90% * 100% 100% 80% * *détailspagesuivante
  30. 30. Fidélisation de l'utilisateur : accueillir comme il se doit les visiteurs mobiles est déjà un premier pas vers la fidélisation.L'utilisationdesnotificationspushetl'accèsrapidedepuisl'écrand'accueilfontdel'applicationlemeilleuroutil defidélisationettémoignedel'implicationdel'utilisateur(ilatéléchargél'application!). Public mobile adressé : il est fonction des technologies employées. Les mobiles d'ancienne génération (+ de 3 ans) utilisentdesnavigateursinternetdépassésquinerespectentpascertainsstandards.PourlesapplicationsseulslesdeuxOS majoritairesontétéprisencompte :AndroidetiOS(80 %dumarché). Image de marque : recevoir les visiteurs mobiles avec un contenu adapté est un signe de qualité et de soin. L'applicationrestel'outilleplusspécifiqueaumobile,c'estceluiquitémoigneleplusdel'engagementdelamarque. Engagement de l'utilisateur : les applications et web-applications apportent généralement un contenu plus dynamiqueaveclequell'utilisateurpeutinteragir. Création de contenu spécifique : les applications et web-applications demandent une création spécifique de contenu, de design, d'ergonomie tandis que les sites mobiles ou responsives peuvent reprendre quasi-intégralement le contenuetlachartedusitePC. Coût: les coûts varient considérablement selon les fonctionnalités recherchées. Pour les applications, plus il y a d'OS différentsàcouvrir(iOS,Android,BlackBerry,WindowsPhone,Symbian,Bada,…)plusceseracoûteux.
  31. 31. Vospublicsparlentmobile.Etvous? Àvousdejouer !
  32. 32. Besoind'aide,d'unavis,d'unconseil,d'uneidée ? Contactez-nous : contact@butterflyeffect.fr 04.56.80.66.01 developpement-mobile.fr

×