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

1. Régis Le Guennec

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. 06/11/2012 - CCI Saint Malo

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 2011
Nokia 9120 2012
iPhone Samsung Galaxy S2
Communicator Iphone 5, Galaxy S3

5. SMARTPHONE vs PHONE
Couteau Suisse digital
Un téléphone mobile sur trois vendu dans le monde est un smartphone

6. USAGES

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

10. USAGES

11. LE MARCHE DES SMARTPHONES
En 2012
59% des mobiles vendus en France sont des smartphones
27% d’augmentation des ventes sur le premier semestre
13,3 millions de smartphones vendus en France
26 millions d'utilisateurs en France

12. LE MARCHE DES SMARTPHONES

13. LE MARCHE DES SMARTPHONES
Samsung en tête

14. LES OS
Le Système d’exploitation (opérating system ou OS) est l’interface entre le
téléphone (le matériel) et les applications (les logiciels).
14

15. PARTS DE MARCHE
En volume
26 millions de smartphones en France fin 2012

16. EVOLUTION DES PDM

17. ANDROID
500 millions d’appareils sous L’Androïd Market
Android dans le monde
1er système mobile en France.
600 000 Applications disponibles
sur Android Market
Marques
fabriquant
des
smartphones
Androïd

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. WINDOWS PHONE
X millions de smartphones WP7 vendus en 2012 Le Marketplace
4ème système mobile en France en 2012
125 000 applications disponibles
sur le Windows Phone Store
Windows 8 a été
annoncé il y a un
mois et sera adapté
au tactile (écrans et
tablettes)

20. APPLICATIONS
Avantages:
- 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. APPLICATIONS – OUTILS EN LIGNE
50 à 400 dollars

22. SITE MOBILE
Avantages:
- 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. Les tablettes

24. Multi-écrans

25. Les tablettes
Usages:
- Très peu en mobilité (maison / bureau)
- En complément d’un autre écran (TV par exemple)
- Pour tous (7 à 77 ans)

26. Les tablettes
Avantages Vs inconvénients
- Ecran plus grand / plus confortable
- Plus lourd et difficile à transporter
- App spécifique / webapp à design adaptatif

27. Le design web adaptatif ou RWD
Définition :
Il indique globalement qu'un site est conçu pour s'adapter
aux différentes tailles d'écran et aux différents terminaux permettant d'afficher le site

28. Le design web adaptatif ou RWD

29. Le design web adaptatif ou RWD
Résolution cible : + de 500

30. Le design web adaptatif ou RWD
Le concept de Responsive Web Design s'appuie sur trois éléments techniques :
1. la grille fluide :
la grille s'adapte en fonction de la taille du support de visionnage
(utilisation d'unités relatives contrairement à l'utilisation de pixels)
2. les images fluides :
la taille de l'image varie en fonction de la taille disponible dans son conteneur.
3. les points de rupture, mis en place à l'aide des Media Queries

31. RWD - Exemples

32. RWD - Exemples

33. RWD - Exemples

34. RWD - Exemples

35. RWD – Conception

36. Le design web adaptatif ou RWD
Desktop first ou mobile first ?

37. Exemples de webapp

38. Exemples de webapp

39. Exemples de webapp

40. Exemples de webapp

41. Exemples de webapp

42. Problématiques
Objectif :
se rapprocher de la richesse d’une application tout en restant universel
Les 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. Une solution mobile basée sur

44. Exemples de webapp
Passer facilement et si nécessaire
d’une version à une autre

45. Exemples de webapp www.mba-multimedia.mobi
Faciliter l’accès
Ajouter un raccourci

46. M commerce

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. M commerce
En 2027 :
- générera 3,1 milliards d'euros
- 6,8% du volume total des ventes
- 7,6 millions en 2011 à quelques 79 millions

49. M commerce - Faiblesse
« 83% des Français sont prêts à adopter l'achat depuis un mobile,
à la condition première que le niveau de sécurité garantisse la
protection de leurs coordonnées bancaires »

50. M commerce - Force
« Le mobile est en passe de devenir le maillon le plus légitime
pour les nouveaux programmes de fidélité.
C'est surtout le seul média en permanence
dans la poche du consommateur »

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. 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. M commerce
« Pensez avant l’acte d’achat (paiement) mais aussi après »

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. Des questions ?

56. Merci
@regisleguennec