Successfully reported this slideshow.
Régis Le Guennec
CHIFFRES CLÉS     RESSOURCES HUMAINES   WEB                              PRINT                            DESIGN D’INTERFA...
06/11/2012 - CCI Saint Malo
SMARTPHONE ?   Un Smartphone, (téléphone intelligent) est un téléphone mobile   disposant aussi des fonctions d’un assista...
SMARTPHONE vs PHONE                Couteau Suisse digital             Un téléphone mobile sur trois vendu dans le monde es...
USAGES
Les mobinautes, qui sont-ils ?        #Jeunes, #diplômés, #cadre, #agglomération                                          ...
Les mobinautes, qui sont-ils ?                                 - tous les jours = 48,10 %                                 ...
LOCALISATION
USAGES
LE MARCHE DES SMARTPHONESEn 201259% des mobiles vendus en France sont des smartphones27% d’augmentation des ventes sur le ...
LE MARCHE DES SMARTPHONES
LE MARCHE DES SMARTPHONES                     Samsung   en tête
LES OSLe Système d’exploitation (opérating system ou OS) est l’interface entre letéléphone (le matériel) et les applicatio...
PARTS DE MARCHEEn volume26 millions de smartphones en France fin 2012
EVOLUTION DES PDM
ANDROID 500 millions d’appareils sous     L’Androïd Market Android dans le monde  1er système mobile en France.600 000 App...
iOS      410 millions d’appareils sous iOS   L’AppStore                dans le monde          (iPhone, iPod Touch, iPad) 2...
WINDOWS PHONEX millions de smartphones WP7         vendus en 2012   Le Marketplace4ème système mobile              en Fran...
APPLICATIONSAvantages:   -   Un format adapté à chaque plateforme   -   Une plus grande facilité d’utilisation pour le gra...
APPLICATIONS – OUTILS EN LIGNE                       50 à 400 dollars
SITE MOBILEAvantages:   - Compatible avec tous les Smartphones.   - Facilité de mise à jour   - Pas de soumissions auprès ...
Les tablettes
Multi-écrans
Les tablettesUsages:   - Très peu en mobilité (maison / bureau)   - En complément d’un autre écran (TV par exemple)   - Po...
Les tablettesAvantages Vs inconvénients - Ecran plus grand / plus confortable - Plus lourd et difficile à transporter - Ap...
Le design web adaptatif ou RWD Définition : Il indique globalement quun site est conçu pour sadapter aux différentes taill...
Le design web adaptatif ou RWD
Le design web adaptatif ou RWD                       Résolution cible : + de 500
Le design web adaptatif ou RWD Le concept de Responsive Web Design sappuie sur trois éléments techniques : 1. la grille fl...
RWD - Exemples
RWD - Exemples
RWD - Exemples
RWD - Exemples
RWD – Conception
Le design web adaptatif ou RWD                   Desktop first ou mobile first ?
Exemples de webapp
Exemples de webapp
Exemples de webapp
Exemples de webapp
Exemples de webapp
Problématiques Objectif : se rapprocher de la richesse d’une application tout en restant universelLes axes de travail  Res...
Une solution mobile basée sur
Exemples de webapp       Passer facilement et si nécessaire       d’une version à une autre
Exemples de webapp                               www.mba-multimedia.mobi                     Faciliter l’accès            ...
M commerce
M commerce        « Le mobile représente déjà en moyenne 3%                          des ventes des sites d’e-commerce »  ...
M commerce  En 2027 :  - générera 3,1 milliards deuros  - 6,8% du volume total des ventes  - 7,6 millions en 2011 à quelqu...
M commerce - Faiblesse« 83% des Français sont prêts à adopter lachat depuis un mobile,à la condition première que le nivea...
M commerce - Force            « Le mobile est en passe de devenir le maillon le plus légitime            pour les nouveaux...
M commerce … et les tablettes ?  Début 2012, un tiers des sites d’e-commerce avaient optimisé leur présence sur  tablette ...
M commerce - USAGE -   Acheter des places (concert, ciné, train, …) -   Comparateur de prix à partir d’une situation géogr...
M commerce       « Pensez avant l’acte d’achat (paiement) mais aussi après »
M commerce – Paiement / trousseau       Near Field Communication          Pass Book
       300 millions de devices en 2013...
Des questions ?
Merci        @regisleguennec
Prochain SlideShare
Chargement dans…5
×

Mobile 201 - Conférence 2012

569 vues

Publié le

Présentation "Mobile" à Saint-Malo - Décembre 2012

  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Mobile 201 - Conférence 2012

  1. 1. Régis Le Guennec
  2. 2. CHIFFRES CLÉS RESSOURCES HUMAINES WEB PRINT DESIGN D’INTERFACE • Site Extranet – Intranet • Identité visuelle • CMS • Site E-commerce • Supports de communication • Blog • Emailing • Stand • Mobile • Gestion de contenus • Signalétique • Télévision • R.I.A • Support 3D • Widget • Web app • Nouveaux supports • Logiciel • Embarqué • Domotique LOCALISATION CLIENTS 250 2
  3. 3. 06/11/2012 - CCI Saint Malo
  4. 4. SMARTPHONE ? Un Smartphone, (téléphone intelligent) est un téléphone mobile disposant aussi des fonctions d’un assistant numérique personnel. Il peut également fournir les fonctionnalités d’agenda, de calendrier, de navigation web, de consultation de courriers électroniques, de messagerie instantanée, de GPS,…2001 2007 2011Nokia 9120 2012 iPhone Samsung Galaxy S2Communicator Iphone 5, Galaxy S3
  5. 5. SMARTPHONE vs PHONE Couteau Suisse digital Un téléphone mobile sur trois vendu dans le monde est un smartphone
  6. 6. USAGES
  7. 7. Les mobinautes, qui sont-ils ? #Jeunes, #diplômés, #cadre, #agglomération Femme = 43,30 % Homme = 56,70 % 11-15 ans = 6,5 % 16-24 ans = 25,90 % 25-34 ans = 23,10 % 35-49 ans = 24,90 % 50-64 ans = 14,60 % > 1 mobinaute sur 2 a moins de 35 ans
  8. 8. Les mobinautes, qui sont-ils ? - tous les jours = 48,10 % - presque tous les jours = 18,10 % - 1 à 2 fois par semaine = 16,40 % - 1 à 3 fois par semaine = 10,40 % - rarement = 6,10 % - jamais = 0,90 % Près d’ 1 mobinaute sur 2 utilise l’internet mobile tous les jours
  9. 9. LOCALISATION
  10. 10. USAGES
  11. 11. LE MARCHE DES SMARTPHONESEn 201259% des mobiles vendus en France sont des smartphones27% d’augmentation des ventes sur le premier semestre13,3 millions de smartphones vendus en France26 millions dutilisateurs en France
  12. 12. LE MARCHE DES SMARTPHONES
  13. 13. LE MARCHE DES SMARTPHONES Samsung en tête
  14. 14. LES OSLe Système d’exploitation (opérating system ou OS) est l’interface entre letéléphone (le matériel) et les applications (les logiciels). 14
  15. 15. PARTS DE MARCHEEn volume26 millions de smartphones en France fin 2012
  16. 16. EVOLUTION DES PDM
  17. 17. ANDROID 500 millions d’appareils sous L’Androïd Market Android dans le monde 1er système mobile en France.600 000 Applications disponiblessur Android Market Marques fabriquant des smartphones Androïd
  18. 18. iOS 410 millions d’appareils sous iOS L’AppStore dans le monde (iPhone, iPod Touch, iPad) 2eme système mobile en France (11%) 500 millions d’applications disponibles sur l’Appstore Appareils sous iOS
  19. 19. WINDOWS PHONEX millions de smartphones WP7 vendus en 2012 Le Marketplace4ème système mobile en France en 2012125 000 applications disponiblessur le Windows Phone Store Windows 8 a été annoncé il y a un mois et sera adapté au tactile (écrans et tablettes)
  20. 20. APPLICATIONSAvantages: - Un format adapté à chaque plateforme - Une plus grande facilité d’utilisation pour le grand public (ergonomie) - Pas d’adresse Url à retenir - Notifications “push“ - Possibilité de monétiser une application De 5 000 à 300 000 € HT coût moyen d’une application par plateforme (développement et graphisme)
  21. 21. APPLICATIONS – OUTILS EN LIGNE 50 à 400 dollars
  22. 22. SITE MOBILEAvantages: - Compatible avec tous les Smartphones. - Facilité de mise à jour - Pas de soumissions auprès des différents stores - Redirection automatique via l’URL du site standard. - Le même langage de développement web Entre 2 000 et 50 000 € HT coût moyen d’un site mobile (développement et graphisme)
  23. 23. Les tablettes
  24. 24. Multi-écrans
  25. 25. Les tablettesUsages: - Très peu en mobilité (maison / bureau) - En complément d’un autre écran (TV par exemple) - Pour tous (7 à 77 ans)
  26. 26. Les tablettesAvantages Vs inconvénients - Ecran plus grand / plus confortable - Plus lourd et difficile à transporter - App spécifique / webapp à design adaptatif
  27. 27. Le design web adaptatif ou RWD Définition : Il indique globalement quun site est conçu pour sadapter aux différentes tailles décran et aux différents terminaux permettant dafficher le site
  28. 28. Le design web adaptatif ou RWD
  29. 29. Le design web adaptatif ou RWD Résolution cible : + de 500
  30. 30. Le design web adaptatif ou RWD Le concept de Responsive Web Design sappuie sur trois éléments techniques : 1. la grille fluide : la grille sadapte en fonction de la taille du support de visionnage (utilisation dunités relatives contrairement à lutilisation de pixels) 2. les images fluides : la taille de limage varie en fonction de la taille disponible dans son conteneur. 3. les points de rupture, mis en place à laide des Media Queries
  31. 31. RWD - Exemples
  32. 32. RWD - Exemples
  33. 33. RWD - Exemples
  34. 34. RWD - Exemples
  35. 35. RWD – Conception
  36. 36. Le design web adaptatif ou RWD Desktop first ou mobile first ?
  37. 37. Exemples de webapp
  38. 38. Exemples de webapp
  39. 39. Exemples de webapp
  40. 40. Exemples de webapp
  41. 41. Exemples de webapp
  42. 42. Problématiques Objectif : se rapprocher de la richesse d’une application tout en restant universelLes axes de travail Responsive design Fluidité entre écrans Richesse fonctionnelle … Une multitude d’écrans Mise en cache du site pour Apporter des fonctionnalités et de résolutions permettre un mode utiles en gardant la mobilité différents d’un device à dégradé de la connexion comme axe principal l’autre 42
  43. 43. Une solution mobile basée sur
  44. 44. Exemples de webapp Passer facilement et si nécessaire d’une version à une autre
  45. 45. Exemples de webapp www.mba-multimedia.mobi Faciliter l’accès Ajouter un raccourci
  46. 46. M commerce
  47. 47. M commerce « Le mobile représente déjà en moyenne 3% des ventes des sites d’e-commerce » Part du mobile dans le chiffre d’affaires des sites : Source : CCM Benchmark
Uniquement sur la base des sites qui ont optimisé leurs ventes sur mobile
  48. 48. M commerce En 2027 : - générera 3,1 milliards deuros - 6,8% du volume total des ventes - 7,6 millions en 2011 à quelques 79 millions
  49. 49. M commerce - Faiblesse« 83% des Français sont prêts à adopter lachat depuis un mobile,à la condition première que le niveau de sécurité garantisse laprotection de leurs coordonnées bancaires »
  50. 50. M commerce - Force « Le mobile est en passe de devenir le maillon le plus légitime pour les nouveaux programmes de fidélité. Cest surtout le seul média en permanence dans la poche du consommateur »
  51. 51. M commerce … et les tablettes ? Début 2012, un tiers des sites d’e-commerce avaient optimisé leur présence sur tablette soit grâce à une application, soit grâce à un site optimisé. D’ici la fin de l’année 2012 … 26% des sites ont prévu des projets d’optimisation sur tablette
  52. 52. M commerce - USAGE - Acheter des places (concert, ciné, train, …) - Comparateur de prix à partir d’une situation géographique - Carte de fidélité / coupon - Service de paiement mobile (M-banking)
  53. 53. M commerce « Pensez avant l’acte d’achat (paiement) mais aussi après »
  54. 54. M commerce – Paiement / trousseau Near Field Communication Pass Book
 300 millions de devices en 2013 Coupons et bons de réduction, billets, cartes de fidélité
  55. 55. Des questions ?
  56. 56. Merci @regisleguennec

×