Meetic Mobile Strategy - Microsoft TechDays Paris 2015
•Download as PPTX, PDF•
0 likes•397 views
Les usages d'aujourd'hui sont en passe de devenir majoritairement mobiles. Leader européen des sites de rencontres, Meetic est un pionner du web français. Historiquement orientée vers le Desktop, l'entreprise se transforme en profondeur pour s'adapter aux nouveaux usages. Nous vous proposons une immersion au coeur de cette mutation. Nous parlerons de l'histoire de Windows chez Meetic. Comment l'équipe s'est organisée autour de l'agilité, de quelle manière nous construisons nos applications avec des tests et une industrialisation complète des applications Phone et Universelle. Enfin nous parlerons des métriques autour de la qualité sur les technologies mobiles Microsoft.
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (15)
Similar to Meetic Mobile Strategy - Microsoft TechDays Paris 2015
Similar to Meetic Mobile Strategy - Microsoft TechDays Paris 2015 (20)
Meetic Mobile Strategy - Microsoft TechDays Paris 2015
- 1. AMBIENT INTELLIGENCE tech days• 2015 #mstechdays techdays.microsoft.fr
- 2. Mobile Strategy Paris Web October 17th 2014
- 3. About us Jean-Loup Yu Head of Mobile Apps Development Meetic @djelmen Thomas Salandre Developer Mobile Windows Meetic @ThomSala42
- 4. Meetic today years old (founded in 2001) of dating service in Europe of unique visitors / month countries covered by Meetic Service events organized by Meetic employees 14 #1 7 millions 17 >1000 400
- 8. 2010 – Mobile Apps are getting real! 3 2 5 0 0 0
- 9. 2010 - Mobile OS prediction 2014 Share prediction 2010 Share Source: http://pro.01net.com/editorial/521664/iphone-vs-android-s01e01-les-parts-de-marche-des-os/
- 10. 2010 - Applications Stores
- 11. Back to the future
- 12. 2010 – Microsoft unveils Windows Phone 7
- 13. Windows Phone 7 - a new way to navigate
- 14. Windows Phone 7 – Metro UI
- 15. Windows Phone 7 - Silverlight Power
- 16. 2013 – Mobile Market Share Source: http://www.tech-thoughts.net/2013/11/smartphone-market-share-by-country-q3-2013.html#.VNCRnXB4rp4
- 17. Windows Phone 8 - Unleash The Kraken !
- 18. Windows Phone 7 not compatible
- 19. Windows Phone 8 From Windows Phone 7 to Windows Phone 8
- 20. 2013 – The game is changing
- 21. 2013 – New CEO Focus on Mobile Apps as a Flagship
- 22. Back to the future
- 23. Past FutureToday
- 24. 2014
- 25. 2014
- 26. 2014 - Windows Phone released its full potential with 8.1!
- 28. Windows Phone Reboot – Profile Capture • Step by Step • 10 Golden Questions • 27 clicks to 15 clicks • Specific interaction for each question
- 29. Windows Phone Reboot – Profile Capture
- 30. Windows Phone Reboot – Pictures
- 31. Windows Phone Reboot - Results
- 32. The Team
- 33. Mobile Apps Team Tech Product Design 14 3 3 API – Web Services Windows iOS Android
- 34. tech.days 2015#mstechdays Colocated Team Members
- 35. tech.days 2015#mstechdays Cross-functional Team Designer API dev. Front-End Dev. Product Owner
- 37. Agile Rituals • Roadmap every quarter • Daily Stand Up Meeting • Sprint planning • Demonstration • Retrospective • … and the Beer
- 38. Mobile Team Organization Agile From Concept To Store
- 39. Mobile Team Organization Agile From Concept To Store
- 40. Mobile Team Organization Agile From Concept To Store
- 41. Mobile Team Organization Agile From Concept To Store
- 42. Focus on Quality – Automatic Test • Unit Test • Integration Test • Functional Test
- 43. Automatisation >
- 44. Man vs. Machine
- 45. Geek Slide
- 46. Industrialization – Tools For Windows Source Control Management Continuous Integration Agile Process Management
- 47. Trigger the build Check Test MSTest Plugin Publish coverage and Test Report NCover Plugin Sign and publish via Script Jenkins – Continuous Integration Server
- 48. Unit Test - Code Coverage Models ViewModel Converter Tool Code Coverage Target by line by class Criticality Rating out of 5 Webservices View 85% 85% 10%0% 5 5 1 3 5 Controls 35 85% 85% 85%
- 50. IHttpFilterHttpClient IAsyncOperationWithProgress<HttpResponseMessage, HttpProgress> GetAsync(Uri uri); public class FakeHttpMessageHandler : IHttpFilter private List<HttpResponseMessage> responses JSON constructor Integration Test How to mock the API calls easily?
- 51. Functional Testing On Windows Phone Specifications in Gherkin language
- 53. Dev iOS Back End Dev Product Owner GUEST
- 54. Store Time & Customer Relations
- 55. Monitor the run Crash Report User behavior
- 56. Feedback Loop • Fix in next Iteration • Small Time To Market • Continuous learning and improvement
- 57. Today • Mobile Focus • Internalize the Mobile expertise • Product, Dev and Design work as a Team • Focus on quality first • Improve our Time-to-Market
- 58. Past FutureToday
- 59. From Silverlight to Universal Apps Windows Runtime Apps
- 60. Windows 10
- 62. Shared Phone Tablet Universal Project Structure Phone Tablet Tablet Phone Universal Apps - How to work efficiently?
- 63. Universal Apps - How to work efficiently? Rotation + Scaling Make use of Universal Components
- 64. Universal Apps - How to work efficiently? Identify shared components
- 65. Future - Weareable devices
- 66. Back to the future
- 67. 2014 - Destiny in our hands +
Editor's Notes
- Meetic est aujourd'hui entreprise Focaliser sur le Mobile On va vous raconter comment Meetic s’est transformée pour passer d’une logique Desktop only à une entreprise focaliser sur le mobile. On va vous expliquer quelles ont été les choix stratégiques de Meetic sur les Apps Mobile, en s’attardant à chaque fois sur la plateforme Windows
- Vous connaissez la marque Meetic, je vais vous parler de l’entreprise Meetic. Pionner du web français, créé il y a 14 ans. Un véritable succès Devenu le leader des services de rencontre en ligne Avec une présence dans 17 pays d’Europe. et la plus grande base de célibataire en Europe Soirées entre célibataires dans plus de 150 plus grandes villes Regroupe eviron 400 employés
- Blanc Nous vous proposons un voyage dans le temps. Stratégie mobile passé : D'où on est parti, et expliquez quelle ont été nos choix dans le passé Où on est aujourd'hui, et pourquoi et comment on développe les applications mobiles Demain, dans un futur proche, car le mobile bouge très vite, ce sur quoi on travaille ainsi que les sujets qu’on surveille
- Blanc Allez c’est parti, on remonte le temps et on arrive au début de l’histoire des applications mobiles
- On remonte à 2007 et le début de la démocratisation des smartphones. En 3 ans, les smartphones ont inondé le marché et deviennent petit à petit une commodité.
- La révolution des smartphones s’accompagnent de la révolution des apps. Révolution dans les usages et révolution technologique. On passe du web au natif. Meetic est mindé naturellement WEB / Desktop et est présent sur le mobile depuis 2003 avec le wap. En 2010, on décide de prendre la vague et on se positionne sur les apps natives. On regarde l’état du marché et les projections sur l’avenir.
- En 2010, Nokia est toujours leader même si ces ventes commencent sérieusement à décliner Focus Windows A cette époque, certains experts se risquent au jeu des prediction à 4 ans. Nokia qui est historiquement le roi du mobile va continuer à le rester.
- Avec les éléments de contexte à cette époque, Meetic décide d’assurer une présence sur les principaux stores. Focus Partenariat Windows
- Comment on se positionne sur le mobile ? Ca fait quelques années que Meetic grossit vite, très vite, grâce notamment à une forte croissance externe On rachète de nombreux services de dating partout en Europe. Les équipes sont concentrés sur la gestion de ces acquisitions, et toute l’énergie est focalisée sur le sujet. Pour avancer malgré tout sur les apps, on décide de faire appel à de la prestation. Des équipes au forfait sont montées et développent les apps en quelques mois.
- Révolution Design Métro + Tuiles Stabilité + fluidité de l’interface Le contenu d’abord, par rapport aux fioritures Développement en Silverlight
- Résultat : en quelques semaines, on sort l’application compatible WP7 sur le store.
- Parler des parts de marché de blackberry et d’iOS versus Windows Phone
- Introduction de nouvelles tailles d’écran : WXGA / WVGA / 720p Tuiles dynamiques Nouvelles animations
- Mais : les Windows Phone 7 ne reçoivent pas la mise à jour Projet non rétrocompatible -> développement à refaire
- Résultat : en quelques semaines, on sort l’application compatible WP8 sur le store. Introduire qu’on fait encore une fois appel à notre partenariat avec MS et prestation externe Choix d’une coquille (pourquoi? ) -> pour sortir plus rapidement -> pas encore une part de marché prépondérante -> Possible grâce au pattern MVVM (MVVM Light)
- Consommation de l’internet Mobile en passe de dépasser Desktop Gros impact pour Meetic qui est un pionner du web français, CA majoritaire sur Desktop Il faut avancer vite car le marché est en ébullition Le mobile n’est plus un canal secondaire. C’est clairement le canal prioritaire, car c’est là qu’est le potentiel de croissance
- Parler WEB Mobile devient canal principal historiquement focus desktp first Pour le web, on a
- Tente alors de lancer rapidement l’expérience d’internalization. Fin 2013 Une équipe est constitué en interne avec des prestataires, spécialisés dans le dev natifs Il travaille avec les équipes produits et techniques internes Il s’enferme dans un bureau, ensemble pendant plusieurs semaines L’équipe reprend le code externe et fait une lance une refonte de l’app Et sortent une nouvelle version de l’application iPhone en décembre 2013 Avec une nouvelle fonctionnalité, disponible sur App uniquement C’est cool on l’a même coder super rapidement. Fort de ce succès, on décide d’accélérer l’internalisation des développements, et de pousser encore plus loin ce concept d’équipe pluri disciplinaire fonctionnant en Agile
- Internalisation : on entre en jeu et on recrute fortement pour constituer une équipe Mobile First
- On part donc sur l’internalisation du développements des 3 apps natives Pour alimenter les clients mobile, il faut aussi faire évoluer la partie services. Mais contrairement à ce qui s’est fait dans le passé sur les apps, on va construire pour le long terme, puisque c’est notre canal prioritaire. On cherche donc à refondre les apps en profondeur Pas juste une passe sur l’interface. On veut aller moins vite, mais construire pour le long terme. Ca veut dire focus sur la qualité avant tout, Et être très exigent pour sortir le meilleur produit possible robustes, maintenable et qui vont évoluer dans le temps Meetic décide de refondre les 3 applications iPhone Android et WP
- Cortana + Notification Center + Nokia Camera
- Choix à faire : évolution de la version WP8 ou page blanche ? [PAUSE] Confirmer qu’on est parti d’un page blanche car evolution OS Evolution SDK code difficillement maintenable
- On a recruté massivement sur le Mobile, notamment des compétences front-end sur les applications natives On est passé de 0 développeurs applications mobiles internes à 14 en moins d’un an On continue à recruter (Clin d’oeil à l’assistance)
- Un environnement favorable à l’agilité La colocalisation La courbe d’Allen qui démontre qu’il y a moins d’1/10 chance pour que 2 acteurs communiquent une fois par semaine au dela de 9 mètres Et le succès de l’agile passe avant tout par la communication
- Accélerer les prises de décisions L’équipe est plus efficace
- Les espaces pour les équipes juste à côté des open space Dédié aux équipes pour plus de communication. Affichage visuel de toutes les informations sur des boards. Sur le mur, vision produit et roadmap du trimestre
- Tous les jours 9h45, synchronisation des équipiers Itération de 2 semaines Début d’itération le jeudi Sprint planning pour définir le backlog de l’itération Fin d’itération le mercredi avec une démo des features dépiler durant l’itération Retrospective : moment clé de prise de recul pour trouver des axes d’amélioration Important : mettre en place les actions définis en retrospective durant l’itération suivante Le travail est assez intense, on bosse beaucoup On ritualise donc
- Il y a quand même un changement de paradigme avec le cycle de développement des applications mobiles natives. Chez Meetic, sur la partie web, c’est plusieurs MEP par jour Continuous delivery mis en place. Là, on a une validation sur le store notamment avec Apple. Donc on prépare des versions avec un ensemble de features cohérents qui améliore le produit. Notre objectif c’est de releaser une version tous les mois. Notre board est la l’élément centrale de synchronization de nos équipes.
- 3 grandes phases Cadrage des idée et specifications Développement itératif Validation globale avant release
- Release 1 fois par mois
- Pour faire ça, avant la release, on a besoin d’un statut clair sur l’état de nos applications Le feedback public sur les stores
- On itère et on ajoute au fur et à mesure des fonctionnalités. Comment s’assurer que ces fonctionnalités répondent aux besoins ? Comment s’assurer que ces fonctionnalités ne cassent pas les fonctionnalités précédemment implémentés? Mocka Chai Karma
- Automatisation : permet d’améliorer encore la qualité en runnant automatiquement les test à chaque push Nouvelle version buildée constamment pour test
- On a bien entendu pas tout automatiser. Ils restent une partie de la validation qui se fait manuellement. Responsible produit pour valider les fonctionnalités et faire des retours durant les itérations. Renfort de l’équipe QA de Meetic qui valident et qualifient les bugs lorsqu’il y en a, en relation avec le service client qui sont en contacts avec nos utilisateurs.
- Vous pensiez que c’était technique. Et ben je vais aller encore plus loin. JL a dépeint la stratégie idéal, je vais vous expliquer la réalité qu’on a vécu sur Windows
- Pas natif – TFS normalement
- Framework lists : MSTest Framework Unit Testing Framework
- On a cherché des fmk pour faire ça. En fait la solution était très simple. Vous connaissez l’HTTP client. Et ben on a simplement créer un fake HTTP client. Et on injecte notre mock JSON dans la response. C’est simple et efficace et ça fonctionne parfaitement sans fmk
- C’est important pour nous : la relation avec le customer Care +les notes et commentaires sur le store. Plutôt que on a une super relation avec le Custocmer Care
- Splunk mint compatible Windows + app GA : feedback sur l’utilisation réelle de nos fonctionnalités Nombre de visite, temps de sessions Parcours utilisateurs qui nous permettent de déduire la pertinence de nos fonctionnalités
- Idem pour les nouvelles listes qui performaient plus ou moins bien
- On a des équipes focus sur le mobile Elles sont internes et stratégiques pour l’entreprise Elles développent pour le long terme, avec la qualité avant tout. Le but c’est d’avoir des features robustes, maintenable et évolutives pour s’adapter à l’évolution du marché et des technos Ca nous permet finalement davoir un meilleur time to market
- Blanc Voilà où on en est aujourd’hui Demain, future proche qu’allons nous faire
- Insisté sur : changement de technos, code non compatible immédiatement => mais opportunité
- Revoir les screenshots
- Revoir les screenshots
- Pourquoi ces 3 plateformes ? Encore une fois ce sont les chiffres du marché qui oriente ces choix de plateformes supportés. Android en tête iOS en second, mais on arrive à des meilleurs taux de conversion avec les utilisateurs iOS Et Windows qui reste dans la course notamment dans certains pays européens tel que l’italie ou la finlande.