33
Dans les coulisses… du mobile Genèse et naissance de Horaires et Résa sur Android 1

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

  • Upload
    yaelle

  • View
    9.951

  • Download
    2

Embed Size (px)

DESCRIPTION

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

Citation preview

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

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

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

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

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

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

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

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

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

9

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

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

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

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

Dans l’œil du User Experience

13

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

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

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

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

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

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

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

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

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

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

Définition et choix des écrans

23

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

Définition et choix des icones

24

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

De la conception de wireframe aux maquettes finales

25

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

Page de saisie avancée Page résultat

26

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

Page choix tarifPage mode de retrait

27

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

Un chiffre …..des chiffres

28

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

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

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

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

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

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

MERCI

Contact :Yaelle

[email protected] : yaelle_vsncf

Ce document appartient à Voyages-sncf.com

33