Mobile : comment y aller sans le regretter ?

1 775 vues

Publié le

Conférence Mobile : Comment y aller sans le regretter ?
Par Stéphane Lecouturier, Directeur Création & User Experience, altima°

Application, site mobile, iPhone, Android, iPad, tablette... Même si l'enjeu du mobile est devenu une évidence, la tactique pour l'aborder l'est beaucoup mois. Clarifiez votre vision du mobile en 60 minutes de démêlage de l'univers bouillonnant du cross-devices.

Au programme de cette conférence :

- Pourquoi faut-il absolument y aller ? (chiffres et retours d'expériences)
- Pourquoi faut-il s'en méfier ? (panorama des galères potentielles)
- Innovation : Web responsive (un seul site pour tous les devices), c'est quoi ? Comment ça marche ? (avantages et inconvénients)
- Démo d'un proto de site e-commerce responsive
- Échange avec Stéphane

En savoir plus : http://blog.altima.fr/?p=2160
Voir la vidéo : http://vimeo.com/32189113
Télécharger les slides seuls sur altima.fr : http://www.altima.fr/upload/pdf/Mobile-comment-y-aller-sans-le-regretter-101111.pdf
Photos : http://www.facebook.com/media/set/?set=a.260272514024698.80532.136958503022767&type=1

Publié dans : Design
1 commentaire
3 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
1 775
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
52
Commentaires
1
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Mobile : comment y aller sans le regretter ?

  1. 1. mobilePourquoi y aller ?Pourquoi s’en méfier ?Le point sur le Webresponsive
  2. 2. mobilepourquoi y aller ?
  3. 3. €500millionsm-commerce en France en 2010= 500 000 000 € Xerfi
  4. 4. €13milliards m-commerce en France en 2015= 13 000 000 000 € Xerfi
  5. 5. $600 millionschiffre d’affaire m-commerce ebay en 2009 = $600 000 000 eBay / Mobile Commerce Daily
  6. 6. $2 milliardschiffre d’affaire m-commerce ebay en 2010 = $2 000 000 000 eBay / Mobile Commerce Daily
  7. 7. « Il est incroyable de penser que $2 milliards de C.A.ont été générés par une plateforme qui n’existait pas il y a 2 ans, et sur un terminal qui n’existait pas il y a 3 ans. Clare Gilmartin, VP of eBay Europe » eBay / Mobile Commerce Daily
  8. 8. $5 milliardschiffre d’affaire m-commerce ebay en 2011 = $5 000 000 000 eBay / Mobile Commerce Daily
  9. 9. $265 000Avion Piper PA-46-310P Malibu de 1985 l’objet le plus cher vendu sur eBay mobile en 2010 Mashable
  10. 10. 3,5Ferrari / mois vendues sur eBay mobile en 2011 eBay / Mobile Commerce Daily - janvier 2011
  11. 11. 1”= 11 vente par secondesur eBay mobile UK en 2011 eBay / Mobile Commerce Daily - octobre 2011
  12. 12. Taux d’équipement smartphone Australie 37 Suisse 34 Norvège 33 Espagne 33 Etats Unis 31 Danemark 30 Royaume Uni 30République Tchèque 29 France 27 Corée du Sud 27 Russie 25 Italie 24 Autriche 21 Allemagne 18 Turquie 14 0 10 20 30 40 Google think mobile - 2011
  13. 13. 6millionsse connectenttous les jours Médiamétrie - octobre 2011
  14. 14. 27%de smartphonesen France en 2011 Google think mobile - 2011
  15. 15. 40%de smartphonesen France en 2011 Médiamétrie - octobre 2011
  16. 16. 12 millionsde smartphones vendus en France en 2011 GfK- octobre 2011
  17. 17. Part de marché des OS smartphones France + Allemagne + Italie + Espagne + Royaume Uni 6 %4 % 8 % Apple 31 % Android 24 % Symbian 29 % Apple Symbian Android Blackberry Microsoft autres Comscore août 2011
  18. 18. Consommation de bande passante France + Allemagne + Italie + Espagne + Royaume Uni 7 % 8 % Android 21 % Apple 3 % 61 % Apple Symbian Android Blackberry autres Comscore août 2011
  19. 19. mobile vs. desktop 2007-2015 (estimations) !"### $"%##./012/10*34124*5667 $"!## &## 689:;1*./012/10*34124 <14=08>*./012/10*34124 ## # !##()**!##&)**!##+)**!#$#)**!#$$)**!#$!)**!#$,)**!#$)**!#$-) Stanley Research
  20. 20. 39%utilisent leur smartphone aux toilettes Google think mobile - 2011
  21. 21. 24% ont fait un achatsur leur smartphone* * hors applis et téléchargements - FEVAD juin 2011
  22. 22. 47%utilisent leur smartphone pour préparer un achat FEVAD juin 2011
  23. 23. 35%ont utilisé leur smartphone dans un magasin FEVAD juin 2011
  24. 24. 36 pour regarder le prix dans une autre % enseigne29 % pour géolocaliser d’autres enseignes26 % pour montrer le produit au vendeur FEVAD juin 2011
  25. 25. Les mobinautes sont là, mais pas encore tous lese-commerçants…
  26. 26. mobilepourquois’en méfier ?
  27. 27. Sil vous plaît...dessine-moi une appli
  28. 28. 1- développement
  29. 29. 2- publicationsur le store
  30. 30. 3- téléchargementpar les utilisateurs
  31. 31. 460 000 applis sur l’AppStore320 000applis sur AndroidMarket Research2Guidance - septembre 2011
  32. 32. 28appliseninstallées moyenne Google Think Mobile
  33. 33. 80%des applis de marquen’atteignent pas 1000 téléchargements Deloitte
  34. 34. 4- utilisationpar les utilisateurs
  35. 35. 28appliseninstallées moyenne RAPPEL Google Think Mobile
  36. 36. 11utiliséesdans le dernier mois Google Think Mobile
  37. 37. 5- maintenance
  38. 38. 24%des applis sont supprimées de l’AppStore (37% sur AndroidMarket) Research2Guidance
  39. 39. 24%des applis sont supprimées de l’AppStore (37% sur AndroidMarket) Research2Guidance
  40. 40. n°1 1er motif de suppression :problème d’incompatibilité avec le dernier OS Research2Guidance
  41. 41. Retour à la casedépart !
  42. 42. maintenance d’une appli =nombre de versions du device x versions de l’OS x versions de l’appli
  43. 43. l’iPad =sauveur de la presse TOUTE LA PRESSE en mai 2010
  44. 44. 30%commission d’Apple sur les abonnements Apple
  45. 45. #fail
  46. 46. les applisne sont pasmagiques !
  47. 47. #fail
  48. 48. #fail
  49. 49. #fail
  50. 50. 22%des e-commerçants mobile (sites + apps) CCM Benchmark - juillet 2011
  51. 51. =78%des e-commerçants PAS mobile (sites + apps) CCM Benchmark - juillet 2011
  52. 52. 40% des mobinautespréfèrent acheter sur le site 17% via une appli IAB M-Commerce 2011
  53. 53. 31% des mobinautesregrettent que les sitesne soient pas optimisés pour mobile Consensus / WorldPay - Octobre 2011
  54. 54. #fail
  55. 55. 53%des smartphonautes utilisent des applis comScore MobiLens - Avril 2011
  56. 56. 53%des smartphonautes browsent comScore MobiLens - Avril 2011
  57. 57. sc oo p! lesinternautes… surfent !
  58. 58. Activités sur smartphone Utilisation browser vs. app (US) Browser Apps Acheter 73 27Rechercher 63 37Se divertir 60 40S’informer 39 61 0 25 50 75 100 Yahoo! / Ipsos - Mobile Modes: How to Connect with Mobile Consumers - août 2011
  59. 59. tv tablette e-readersconsole smartphones
  60. 60. Apple iPad 2 Samsung Galaxy Tab 10.11024 x 768 px 1280 x 800 px
  61. 61. BlackBerry PlayBook 1024 x 600 px
  62. 62. Sony Tablet PDouble screen
  63. 63. Sony Tablet P Double screen2 x 1024 x 480 px
  64. 64. Kindle fire1024 x 600 px+ server side optimization
  65. 65. desktop mobile iPad iPhone Android Win 7 BlackBerrywww.ebay.com mobileweb.ebay.comeBay extensions & add-on m.ebay.com
  66. 66. la courseaux devicesest perdued’avance !?
  67. 67. mobilele point surle webresponsive
  68. 68. « Web Responsive » : c’est quoi ? Une nouvelle démarche de design de site web qui s’appuie sur la capacité des navigateurs à détecter les caractéristiques du device.Plutôt que de construire différents sites pour différents types de devices, l’approche « responsive » consiste en un seul site qui s’adapte à plusieurs devices et ainsi de supporter davantage de devices sans devoir développer et maintenir plusieurs sites différents.
  69. 69. webresponsiveun seul site pour tous les devices
  70. 70. « Web Responsive » : c’est quoi ? fluid layout mediaqueries adaptative medias server optimization
  71. 71. @mediaqueries
  72. 72. résolutiond’écran
  73. 73. nombrede couleurs
  74. 74. périphériques d’entrée touch / keyboard…
  75. 75. 1920 px1280px1024px800px des résolutions d’écrans structurantes640px (surtout la largeur !)320px
  76. 76. 1920 px TV1280px1024px desktop desktop desktop800px640px tablet feat ures sma tab320px pho ne features rtph phone one smart tablet let phone
  77. 77. Food Sensehttp://foodsense.is
  78. 78. Andersson-Wise Architectshttp://www.anderssonwise.com
  79. 79. showtime!
  80. 80. desktop desktopsma tabletrtph tabletone
  81. 81. avantageset inconvénients
  82. 82. avantageServir plus de clientsplus souventPlus de clients peuvent faire leurshopping quand ils veulentoù ils veulent et quelque soitle device qu’ils choisissent
  83. 83. avantageNouvelles fonctionnalitéspartout, tout de suiteMise en place des évolutionsdu site sur tous les devicesau même moment
  84. 84. avantageCoût de set-upPas d’investissement dansle développement et la recetted’un site spécifique à chaquecatégorie de devices.
  85. 85. avantageCoût d’exploitationPas de développement/recetteen double des évolutions du site webdans les sites spécifiques+ un seul site à maintenir (TMA)
  86. 86. avantageUne seule URLBénéfique pour le SEO, le SMO,l’e-mail marketinget les usages cross devices(pas de problème de 404,de redirection vers la homepage...)
  87. 87. avantageFuture proofLe site sera conçu pour s’adapterà différentes largeurs d’écrans etsera ainsi déjà prêt pour répondreaux évolutions des devices et destendances d’usage (ex : web sur TV)
  88. 88. avantageLes avantages du webvs. apps nativesPas de download dans un store,instantanéité des mises à jour,indépendance, 1 seule versionà supporter,SEO-friendly,e-mailing-friendly.
  89. 89. inconvénientsExpérience adaptéevs. expérience naturelle du deviceCréation d’une expériencehomogène sur tous les devicesmais qui n’est pas baséesur les principes ergonomiquespropres au device
  90. 90. inconvénientsPas de 100% pixel perfectLe layout sera un peu différentsur chaque device et il ne seradonc pas possible d’assurerune expérience 100% identiqueaux maquettes sur tous les devices.
  91. 91. inconvénientsPas universelCette solution ne répondra pasà tous les features phones,principalement ceux de plus de 3 ans(Motorola Razr, anciens BlackBerry ou Nokia).
  92. 92. inconvénientsNiveau de compétenceRestreint le nombre de prestatairescapables d’intervenir sur le front-endà ceux disposant d’une vraieexpertise HTML/CSS/JSet peut limiter le développementlow-cost.
  93. 93. inconvénientsRestreint les plug-ins externesà ceux adaptés au mobile 84 Kb, = 10 requêtes http, 1,340 seconde
  94. 94. le responsive c’est bien…mais pas que.
  95. 95. desktop TV desktopfeat sma tableturespho ne rtph one
  96. 96. desktop TV desktopfeat sma tableturespho ne rtph one
  97. 97. desktop TV desktopfeat sma tableturespho ne rtph one
  98. 98. desktop TV desktopfeat sma tableturespho ne rtph one
  99. 99. desktop TV desktopfeat sma tableturespho ne rtph one
  100. 100. www
  101. 101. www + app
  102. 102. www + app + m.
  103. 103. responwww + app + m. + sive
  104. 104. responapp + sive
  105. 105. responapp + sive m. +
  106. 106. responsive
  107. 107. le responsive n’est pas forcémment exclusif !
  108. 108. rendre son site mobile-compatibleou mobile-optimizedest devenu une dette.
  109. 109. merci !slecouturier@altima.fr © altima 11/2011

×