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

530 vues

Publié le

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

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
530
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • Poser la question aux personnes de la réunion. Pour le nokia 1 er vrai smartphone. (accès internet, mail, agenda, …) Pour l’iPhone 1 er smartphone grand public Pour le samsung Meilleur smartphone actuel en terme de fonctionnalités.
  • Poser la question aux personnes de la réunion. Pour le nokia 1 er vrai smartphone. (accès internet, mail, agenda, …) Pour l’iPhone 1 er smartphone grand public Pour le samsung Meilleur smartphone actuel en terme de fonctionnalités.
  • Poser la question aux personnes de la réunion. Pour le nokia 1 er vrai smartphone. (accès internet, mail, agenda, …) Pour l’iPhone 1 er smartphone grand public Pour le samsung Meilleur smartphone actuel en terme de fonctionnalités.
  • S’informer 73% recherche une information. Consommer 66% recherche une information sur un produit ou un service.
  • 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

    ×