La Gestion de Projet Mobile

Mobile App Study Project Management

Sébastien Brison – Lee Schlenker - EM Lyon 2014

PRESENTATIONS

Quelques Chiffres (de la semaine…)

¡ 65% des emails sont désormais ouverts sur mobile (Movable Inc)

¡ Facebook: 53% des revenus publicitaires proviennent des mobiles (1,15 Md $) (Facebook)

¡ 100 Milliards d’applications téléchargées en 2013 (Gartner)

© Sébastien Brison – EM Lyon 2014

AGENDA

Agenda

1 – Avant de démarrer

2 – Méthodologies Gestion de Projets Mobiles

3 – Les 3 questions Essentielles

4 – Le Développement : les différentes phases

5 – Les points clefs de la gestion de projet

6 – Les nouveaux scénarios d’usages

7 – Exemples de postes

AVANT DE DEMARRER Les Objectifs du projet

La Cible

Les Objectifs du projet

Bien définir les objectifs du projet

¡ Mobile First !

¡ Qui “Lead” le projet ? : ¡ Service Informatique ¡ Service Mkt – Com ¡ Service Web


Application Mobile : A quoi ça sert? Définition des objectifs

¡ Acquérir des clients

¡ Vendre (ses produits, des services….)

¡ Proposer d’autres services

¡ Générer du trafic (purs players)

¡ Fidéliser ses clients

¡ Utiliser, communiquer avec des objets

¡ Créer, renforcer, modifier son image

¡  Informer

¡ Animer une communauté © Sébastien Brison – EM Lyon 2014

La Cible

La Cible 1 règle : Mettez vous à la place des utilisateurs

¡ Ma cible : ¡ Mes clients ? ¡ Ceux des concurrents ? ¡  Les visiteurs de mes points de ventes ? ¡ Les internautes / Les mobinautes ?

¡ Ses besoins : ¡ Quels sont ses besoins (en général ? Sur mobile ?)


La Cible 1 règle : Mettez vous à la place des utilisateurs

¡ Sa situation d’usage:

¡ Où votre client va-t-il utiliser votre application? (chez lui, dans les transports

¡ Dans quel contexte ? Quelle est l’action déclencheur?

¡ Son besoin est-il urgent ? Fréquent ? ¡ Comment va-t-il me chercher ou me trouver ?

Google ? App Store ? © Sébastien Brison – EM Lyon 2014

Les Applications à tester

¡ E commerce

¡ Banque


Les Applications à tester

¡ Objets Connectés

¡ Services transports


MÉTHODOLOGIES GESTION DE PROJETS MOBILES

Software Project Management Life Cycle

Une Application = Un Logiciel


Méthode Agile

Mais un projet Agile !

¡ Un projet qui évolue très rapidement dans le temps : ¡ Au niveau des usages ¡ Au niveau technique

¡ Avec de nombreuses itérations


Définition de la methode Scrum

¡ Scrum est issue des méthodes incrémentales qui permet d’affiner les exigences (des clients) durant tout le process de production.

¡ La méthode s’appuie sur le découpage d’un projet en incréments nommés « Sprint »

¡ Chaque Sprint commence par une estimation suivie d’une planification opérationnelle. Le sprint se termine par une démonstration de ce qui a été achevé et continue a augmenter la valeur du produit.

¡ Des réunions quotidiennes permettent de valider ce qui a été fait et planifier les tâches de la journée © Sébastien Brison – EM Lyon 2014

Methdologie Scrum Adaptée au Mobile

¡ Combiner Sprints et versionning

¡ Scrum Master : Vous !

¡ Product Owner : L’utilisateur Final

¡ Team : Un développeur par plateforme Un UX Un designer




Exemples de logiciels

¡ Planning Poker

¡ Producteev

¡ Greenhopper

¡ Assembla

¡ Pivotal Tracker

¡ Jira

¡ iCeScrum

¡ Trello © Sébastien Brison – EM Lyon 2014

Methode Waterfall

Model Waterfall :


Model Waterfall : Attention !

¡ Besoins du clients mal définis

¡ Manque de flexibilité

¡ Pas de tests d’usage durant le développement




LES 3 QUESTIONS ESSENTIELLES

Site Web / Apps / WebApp ? iOs / Android / Black Berry / Windows ?

Développement Natif ou Cross Plateform ?

Site Web / Apps / Web App ?

Site Web Mobile VS Apps


La Solution intermédiaire : La Web App

¡ Une webapp est une application web:

¡ Accessible via une url et installée automatiquement

¡ Elle est adaptée aux écrans mobiles ¡ Ergonomie adaptée entre site web simplifié

et applications ¡ Elle peut a voir une icône d’application ¡ Elle se visualise en mode plein écran


Res: Smile

Res: Smile


iOS / Android / BlackBerry / Windows Phone ?

Device compatibility Systèmes d’exploitation

Editeur Appareils Tablettes Langages

iOS Apple iPhone, iPod, iPad

Yes Objective C, CocoaTouch, SDK

Android Google Nokia, Google Phone, Samsung, HTC

Yes Java, SDK Android

BlackBerry RIM Blackberry Yes JavaME et extensions propriétaires

Windows Mobile/Windows 7

Microsoft Many manufacturers

Yes Framework.Net

Bada Samsung Samsung Yes C++, SDK, Bada

Symbian Nokia Nokia Yes C++ et Toolkit


Développement Natif ou Cross plateforme ?

PhoneGap (Apache cordova)

Des «-»

¡ Des interfaces non-natives

¡ Les librairies graphiques (type jQuery Mobile) faibles

¡ Fonctionnalités supportées

Des «+»

¡ 7 plateformes supportées

¡ Une prise en main rapide : développement JS, HTML5, CSS3

¡ Une grande liberté : plugins, JS, etc.


Titanium Des «-»

¡ Seulement 2 plateformes supportées

¡ Un manque d’outil de gestion d’interface/layout

¡ Des mises à jour qui peuvent impacter lourdement les développements

¡ La documentation...

Des «+»

¡ Des interfaces natives

¡ De nombreuses fonctionnalités gérées (Push, Facebook, etc.)

¡ Une communauté active et des plugins

Synthèse des différents acteurs

LE DÉVELOPPEMENT : LES DIFFÉRNENTES PHASES

Mock Up / Prototype L’importance des interfaces

Les autres spécificités du mobile Les Tests

La Soummission

Mock up / Prototype

Paper Prototype

Paper + Pen

Metal Stencil

http://www.uistencils.com/iphone-stencil-kit/ http://appsketchbook.com/


Paper Prototype

¡ Paper + Pen http://speckyboy.com/2010/11/18/ultimate-collection-of-printable-mobile-sketching-templates/


Online Prototype

¡ http://iphonemockup.lkmc.ch/


Online Prototype

¡ http://mockflow.com/


Online Prototype

¡ http://www.balsamiq.com/


Ipad Version Prototype

¡ iMockup


L’importance des interfaces

Les écrans


Le tactile


Les Transitions


GUI

¡ http://graffletopia.com/


Des icônes Compréhensibles

¡  jjjjj


Ecran Type

¡ Status Bar

¡  Navigation Bar • Tab Bar

¡ Toolbar


L’importance de l’interface et de l’ergonomie

¡ C’est la clef du succes de votre application

¡ Simple is beautiful !

¡  Clean Desing – Aplat

¡ Attention à la saisie de donnée

¡ Limiter le Multi-Touch

¡ https://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html


Les autres spécificités du mobile

Les autres spécificités du mobile

¡ Lancement de l’application (launch screen)

¡ Utiliser au maximum les fonctionnalités du téléphone (géolocalisation, planning album photos, contacts….)

¡ Les notifications sans moderation

¡ Les sons avec modération

¡ 1 application = 1 service. Ne multipliez pas les fonctionnalités


Le Test

Test et Recettes

¡ Découper vos tests par ecrans / Sprints

¡ Chaque sprint doit être recetter

¡ Multiplier les outils de tests sur simulateurs, téléphone voir navigateurs (PhoneGap…)

¡ Mener une recette sur l’exhaustivite des terminaux est impossible (pour tester les fonctionnalités, la mémoire/puissance)

¡  Les conditions de tests doivent être le plus proche possible des situations d’usage

¡ N’oublier pas de tester l’API si besoin © Sébastien Brison – EM Lyon 2014

Le plan de test

¡ Liste des Smartphone

¡ Liste des Objectifs

¡ Liste des scenarios

¡ Liste des features à tester

¡ Bugs report

¡ Screenshots

¡ Etapes de reproduction du bug

¡ Bug aléatoire ou systématique © Sébastien Brison – EM Lyon 2014

Tests d’usages externes

La Soumission

Une étape indispensable et stratégique

¡ D’un point de vue Marketing : rendre votre application visible et attrayante

¡ D’un point de vue technique : les tests poussés d’Apple

¡ D’un point de vue qualitatif

¡ D’un point de vue du planning

¡ D’un point de vue des clients

¡ D’un point de vue des constructeurs/OS © Sébastien Brison – EM Lyon 2014

iOS submission process

¡ 1. Add Device Program Portal

¡ 2. Xcode Organizer

¡ 3 . Create Developer Certificate

¡ 4. Add to Keychain

¡ 5. Create Apple ID

¡ 6. Create Provisioning Profile

¡ 7. Add Provisioning Profile to Xcode Organizer

© Sébastien Brison – EM Lyon 2014 © Sébastien Brison – EM Lyon 2014

Applications Submission Check List

¡ Nom de l’Application

¡ Icon de l’Application

¡ Text Descriptif

¡ Categorie

¡ Launch screen

¡ Copyright, SKU number and keywords

¡ URL

¡ EULA © Sébastien Brison – EM Lyon 2014

Nom l’Application

¡ Nom de l’Application : 255 caractères pour mieux décrire et référencer votre application

¡ Il doit être unique

¡ Bien choisir les mots utilisés

© Sébastien Brison – EM Lyon 2014 v

Icônes

¡ Reconnaissable et compréhensible immédiatement

¡ Adapter votre icône au device

¡ L’image de votre marque


Texte Descriptif

¡ Argument marketing

¡ Aide au référencement dans les Stores

¡ Permet d’informer vos clients des différentes mises à jour


Catégorie

¡ Très important pour trouver facilement votre application dans le store

¡ Catégories:

• Business Education Entertainment

• Finance • Games • Healthcare & Fitness

• Lifestyle • Medical • Music • Navigation • News


Coppyright, SKU number and keywords

¡ Copyright ¡ Year ¡ Company name ¡ Rights reserved

¡ SKU Number ¡ Made up number

¡ Keywords ¡ 100 character, comma-separated list ¡ Be specific ¡ No offensive words ¡ Don’t use other app names © Sébastien Brison – EM Lyon 2014

LES CLEFS D’UNE BONNE GESTION DE PROJET

Control the scope

¡ Les choix techniques doivent être en priorités guidés par les usages et votre cible

¡ Maitriser le Scope de votre projet !

¡ Attention aux impacts externes (site web, team, clients…)

¡ Evaluer le niveau de connaissance / culture en mobilité

¡  Mesurer les besoins de changement © Sébastien Brison – EM Lyon 2014

Mesurer le risque

¡ Nouveaux Usages = Nouveaux Risques


Les Critères

¡ Le Planning

¡ Le Budget

¡ Les Objectifs

-> Earned value management (EVM)


Quelques notions de budget

¡ Prix de base : 10 000 € à 150 000 €

¡ API : 5000 à 1000 000 €

¡ Système de paiement : 5 000 €

¡ Système de géolocalisation : 5 000 €

¡ Design : 2 000 € à 10 000 €

¡ Gestion de projet : 20% du budget total

¡ Test et recettes : 2 000 € à 10 000 €

¡ Le Budget

¡ Les Objectifs

-> Earned value management (EVM)


Le Plan de communication Indispensable

¡ Un site Web production (avec tutorial vidéo)

¡ Réseaux Sociaux ((page dédiée, bouton de partage)

¡ Démo, Version light…pour être visible dans les stores

¡ Multiplier les mises à jour


LES NOUVEAUX SCENARIOS D’USAGE

Les Nouveaus scénarios d’Usage

¡ Quantified Self, Sport, connected objects


Babolat Play and Connect


EXEMPLES DE DÉFINITION DE POSTE

¡ Consultant Applications Mobiles

http://www.davidson.fr/offre_emploi/chef-de-projets-applications-mobiles/

¡ Chef de projet Mobile (technique):

http://orange.jobs/jobs/offer.do?do=fiche&lang=FR&id=36029

http://www.cadresonline.com/emploi-chef+de+projet+mobile-587968.html

¡ Chef de projet Mobile (Ecole de commerce):

http://www.pagetalent.fr/offre-stage/39687/stage-chef-projet-web.html?utm_medium=jobboard&utm_campaign=annonce&utm_source=indeed



Merci !

Questions ?

Sébastien Brison

Mail : [email protected]

Twitter : @sebastienbrison Skype : sebastien.brison

www.togezzer.com

www.lacuisineduweb.com www.blendconference.com