![Page 1: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/1.jpg)
Dans les coulisses… du mobileGenèse et naissance de
Horaires et Résa sur Android
1
![Page 2: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/2.jpg)
Comment les équipes de Voyages-sncf.com ont
planché sur la nouvelle appli « Horaires et Résa » sur un
environnement Android
2
![Page 3: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/3.jpg)
Le point départ pour la création d’une nouvelle appli sous Android est la très bonne connaissance :- des usages des mobinautes- de l’environnement Android
3
![Page 4: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/4.jpg)
1. Comment les mobinautes utilisent leurs mobiles et quels sont leurs usages?
4
![Page 5: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/5.jpg)
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)
Voyages-sncf.com précurseur des usages des internautes et des mobinautes :En 2000, le site était l’un des premiers à se lancer dans le e-commerce.
Le m-commerce ou en est on?Alors que la France est à la traine, puisque le 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 %. Depuis 2007, Voyages-sncf.mobi permet à tous les mobinautes d’acheter des billets de train via leur mobile.
• La star des achats en m-commerce : 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
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.
• Les mobinautes sont majoritairement urbains et plutôt masculins
5
![Page 6: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/6.jpg)
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!
6
![Page 7: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/7.jpg)
1 site mobile :
Voyages-sncf.mobiaccessible via tous les terminaux et adapté à tous les écrans
2 appli iPhone®
Depuis décembre 2009 : Horaires et Résa
Depuis juillet 2010 : le Compagnon
2 appli Android® :
Mars 2010 : le Compagnon
Décembre 2010 : Horaires et Résa
7
ET connaisseur grâce à une « pluri-présence » sur le mobile: Voyages-sncf.com sur mobile s’est :
![Page 8: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/8.jpg)
2. Nous étudions toutes les remontées et demandes de nos clients liées à nos services en mobilité
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
8
![Page 9: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/9.jpg)
9
![Page 10: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/10.jpg)
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
10
![Page 11: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/11.jpg)
Android atteint 25% du trafic mobile dans
le monde
100 000 applis sur l’Android market en octobre 2010
11
![Page 12: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/12.jpg)
Bilan mobile de Voyages-sncf.com sur la période 7 nov-6 décembre 2010
12
![Page 13: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/13.jpg)
Dans l’œil du User Experience
13
![Page 14: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/14.jpg)
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
Mobilisation d’une team technique spécifiquement dédiée
Développement d’une application 100% native
Mobilisation des équipes dédiées au User Experience en amont du projet
Identification des comportements et usages sur Android
Création d’une cinématique précise adaptée à un parcours client simplifié
Une application pensée et développée pour
Android
Une expérience de navigation optimisée
14
![Page 15: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/15.jpg)
Android propose des guideslines avec ses lots de toolkits.
Nous nous sommes également appuyé des savoirs faires des communautés dédiées Android
15
![Page 16: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/16.jpg)
Source : http://www.engadget.com/2010/12/07/visualized-the-real-android-fragmentation/
La complexité de développer sur Android
16
![Page 17: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/17.jpg)
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: • Qu’est ce qu’on affiche ? • Quelles informations ? • Quel confort d’usage? Pour que l’expérience de navigation soit la plus agréable et intuitive possible
17
![Page 18: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/18.jpg)
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
18
![Page 19: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/19.jpg)
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
19
![Page 20: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/20.jpg)
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.
20
![Page 21: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/21.jpg)
La maquette découpée : l’état des boutonsSi on active un bouton quelle sera sa couleur?
21
![Page 22: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/22.jpg)
Utilisation des outils natifs d’Android Ex : time et date picker
22
![Page 23: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/23.jpg)
Définition et choix des écrans
23
![Page 24: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/24.jpg)
Définition et choix des icones
24
![Page 25: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/25.jpg)
De la conception de wireframe aux maquettes finales
25
![Page 26: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/26.jpg)
Page de saisie avancée Page résultat
26
![Page 27: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/27.jpg)
Page choix tarifPage mode de retrait
27
![Page 28: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/28.jpg)
Un chiffre …..des chiffres
28
![Page 29: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/29.jpg)
2,5 mois pour développer l’application entière
4 octobre :Lancement du projet
22 décembreMise en prod.
29
![Page 30: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/30.jpg)
28000 lignes développées dans le respect de l'état de l'art
30
![Page 31: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/31.jpg)
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 Manager Mobile « c’est une nouvelle étape dans l’extension de la relation client sur mobile »
31
![Page 32: Dans les coulisses de horaires et résa sur android def](https://reader035.vdocuments.fr/reader035/viewer/2022070319/5581a53cd8b42afd4c8b4b6b/html5/thumbnails/32.jpg)
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. »
32