Dans les coulisses de horaires et résa sur android def

10,868 views
10,745 views

Published on

Voyages-sncf.com lance sa nouvelle appli Horaires et Résa sur Android.
Découvrez les coulisses d'une création d'appli....

Published in: Technology, Business

Dans les coulisses de horaires et résa sur android def

  1. 1. Dans les coulisses… du mobile Genèse et naissance de Horaires et Résa sur Android
  2. 2. <ul><li>Comment les équipes de Voyages-sncf.com ont planché sur la nouvelle appli « Horaires et Résa » sur un environnement Android </li></ul>
  3. 3. <ul><li>Le point départ pour la création d’une nouvelle appli sous Android est </li></ul><ul><li>la très bonne connaissance : </li></ul><ul><li>des usages des mobinautes </li></ul><ul><li>de l’environnement Android </li></ul>
  4. 4. <ul><li>Comment les mobinautes utilisent leurs mobiles et quels sont leurs usages? </li></ul>
  5. 5. Sources : Internet et la téléphonie mobile – OpinionWay/IAB – janvier 2008 Ipsos-AFMM 2009 / Mobilens ComScore July-2010 / Omnitre VSC / Médiamétrie Aout 2010) (sources : emarketing.fr, le journal du net, le monde et les échos.fr) <ul><li>Voyages-sncf.com précurseur des usages des internautes et des mobinautes : </li></ul><ul><li>En 2000, le site était l’un des premiers à se lancer dans le e-commerce. </li></ul><ul><li>Le m-commerce ou en est on? </li></ul><ul><li>Alors que la France est à la traine, puisque l e m-commerce représente aux USA 8,5 % des ventes en ligne avec une croissance de 65 % en 2010. En France, il serait de 4,5 %. </li></ul><ul><li>Depuis 2007, Voyages-sncf.mobi permet à tous les mobinautes d’acheter des billets de train via leur mobile. </li></ul><ul><li>La star des achats en m-commerce : </li></ul><ul><li>La musique est le bien le plus recherché, mais selon un sondage ATG, 2009, les mobinautes sont 30 % a être disposé à acheter des billets d’avion et de train </li></ul><ul><li>Un achat facilité par la prise de décision rapide : les achats de dernières minutes représentent 60-70% des achats dans la semaine et les achats toutes dernières minutes 40 % le jour même </li></ul><ul><li>. </li></ul><ul><li>Les mobinautes sont majoritairement urbains et plutôt masculins </li></ul>
  6. 6. En terme d’usage le mobile remplit des micro-moments de vie. Les mobinautes utilisent leur mobile où qu’ils soient, y compris chez eux!
  7. 7. ET connaisseur grâce à une « pluri-présence » sur le mobile: Voyages-sncf.com sur mobile s’est : <ul><ul><li>1 site mobile : </li></ul></ul><ul><ul><li>Voyages-sncf.mobi </li></ul></ul><ul><ul><li>accessible via tous les terminaux et adapté à tous les écrans </li></ul></ul>2 appli iPhone ® <ul><ul><ul><li>Depuis décembre 2009 : Horaires et Résa </li></ul></ul></ul><ul><ul><ul><li>Depuis juillet 2010 : </li></ul></ul></ul><ul><ul><ul><li>le Compagnon </li></ul></ul></ul><ul><ul><li>2 appli Android ® : </li></ul></ul><ul><ul><ul><li>Mars 2010 : </li></ul></ul></ul><ul><ul><ul><li>le Compagnon </li></ul></ul></ul><ul><ul><ul><li>Décembre 2010 : </li></ul></ul></ul><ul><ul><ul><li>Horaires et Résa </li></ul></ul></ul>
  8. 8. <ul><li>Nous étudions toutes les remontées et demandes de nos clients liées à nos services en mobilité </li></ul>Via les mails envoyés au service client, les suggestions et remarques sur le forum de Voyages-sncf.com et les avis dans l’Appstore et l’Android Market
  9. 9.
  10. 10. 3. Bien connaitre l’OS est essentiel Les développeurs et le pôle User Experience sont accompagnés d’une équipe de testeurs spécialisés*. Ils ont testé l’appli mobile sur plus d’un milliers de smartphones différents. * Société StarDust
  11. 11. Android atteint 25% du trafic mobile dans le monde 100 000 applis sur l’Android market en octobre 2010
  12. 12. Bilan mobile de Voyages-sncf.com sur la période 7 nov-6 décembre 2010
  13. 13. Dans l’œil du User Experience
  14. 14. <ul><li>Test, utilisation et compréhension par les équipes techniques, de toutes les spécificités de l’OS et détection de toutes les différences présentes pour chaque typologie de mobile </li></ul><ul><li>Mobilisation d’une team technique spécifiquement dédiée </li></ul><ul><li>Développement d’une application 100% native </li></ul><ul><li>Mobilisation des équipes dédiées au User Experience en amont du projet </li></ul><ul><li>Identification des comportements et usages sur Android </li></ul><ul><li>Création d’une cinématique précise adaptée à un parcours client simplifié </li></ul>Une application pensée et développée pour Android Une expérience de navigation optimisée
  15. 15. Android propose des guideslines avec ses lots de toolkits . Nous nous sommes également appuyé des savoirs faires des communautés dédiées Android
  16. 16. Source   : http://www.engadget.com/2010/12/07/visualized-the-real-android-fragmentation/ La complexité de développer sur Android 
  17. 17. <ul><li>Avant l’ébauche des wireframs le User Experience a mis en place une cinématique qui permet de poser les fondations de l’appli et de répondre aux premières questions: </li></ul><ul><li>Qu’est ce qu’on affiche ? </li></ul><ul><li>Quelles informations ? </li></ul><ul><li>Quel confort d’usage? Pour que l’expérience de navigation soit la plus agréable et intuitive possible </li></ul>
  18. 18. Confort d’usage : sur une appli mobile il faut aller à l’essentiel et définir 2 à 3 écrans de saisi maximum avant l’affichage du résultat
  19. 19. Problématique : Comment aider un mobinaute à faire une sélection d'un ensemble d'options disponibles Confort d’usage : l’autocomplétion a été intégrée à l’appli et permet dès que les mobinautes ont entré le premier caractère, de créer des correspondances avec l'ensemble
  20. 20. L’Open OS d’Android permet aux constructeurs de créer leur propre version sur leur mobile. Même si les toolkits sont nombreux, il n’y a pas d’homogénéité obligatoire. Confort d’usage intégré dans l’appli : Choix d’une couleur qui sera la dominante. Non native, elle est définie dans le code même de l’appli pour être la même sur tous les terminaux.
  21. 21. La maquette découpée : l’état des boutons Si on active un bouton quelle sera sa couleur?
  22. 22. Utilisation des outils natifs d’Android Ex : time et date picker
  23. 23. Définition et choix des écrans
  24. 24. Définition et choix des icones
  25. 25. De la conception de wireframe aux maquettes finales
  26. 26. Page de saisie avancée Page résultat
  27. 27. Page choix tarif Page mode de retrait
  28. 28. Un chiffre …..des chiffres
  29. 29. 2,5 mois pour développer l’application entière 4 octobre : Lancement du projet 22 décembre Mise en prod.
  30. 30. 28000 lignes développées dans le respect de l'état de l'art
  31. 31. Pierre Alzon, Directeur Général Adjoint « sortir cette application pour Voyages-sncf.com nous offre la possibilité de toucher ce qui sera demain la majorité de la clientèle des smartphones » Dominique chef de projet Mobile « c’est une nouvelle étape dans l’extension de la relation client sur mobile »
  32. 32. Simon, User Experience , « Pour nous le mobile est un vrai challenge, qui nous offre de nouveaux « cas » d’utilisation. Avec Android nous avons du embarquer les contraintes de plateformes, d’écrans, les usages et comportements des clients le tout dans un univers de mobilité. Ce sont des nouveaux terrains très intéressants en terme d’expérience utilisateurs » Nicolas, Chef de projet technique dédié Mobile «  Android représente ce que Windows fut à l’époque des premiers macs. Une solution simple, accessible et surtout personnalisable. Lancer une application sur Android c’est un choix risqué à l’heure actuelle car l’iPhone domine encore largement, mais c’est surtout un pari pour l’avenir et une façon de se positionner comme une application pionnière puisque nous serons les premiers à proposer du m-paiement sur Android à ce niveaux la. »
  33. 33. M E R C I Contact : Yaelle [email_address] Twitter : yaelle_vsncf Ce document appartient à Voyages-sncf.com

×