REX SERVICE-PUBLIC.FR
1
2
LIBERTÉ EGALITÉ
FRATERNITÉ
AGILITÉ ?
3
LIBERTÉ EGALITÉ
FRATERNITÉ
AGILITÉ !
4
“ Le plaisir de travailler ensemble, cela se transmet dans le produit “
TENIR LES PROMESSES DE L’AGILE
Passer du “concevoi...
… devenir opérateur numérique
Evolution de la mission de la DILA
A l’origine : publier la loi et de la
documentation à des...
Répartition du trafic par support
Nombre de compte
particuliers ouverts depuis
mars 2016
1 400 000
Nombre de comptes
assoc...
WWW.SERVICE-PUBLIC.FR : REFONTE EN AGILE
Objectifs de la refonte :
 Un point d’entrée unique d’information, d’orientation...
WWW.SERVICE-PUBLIC.FR
Les contraintes
9
Qualité du service rendu à l’usager, IHM,
nouveaux besoins ?
=> Baromètres, focus ...
WWW.SERVICE-PUBLIC.FR
La fin de l’année ? Le graphe qui fait peur !
10
L'ÉQUIPE
11
REX
Piloter un projet Agile
Maxence Modelin, Delivery Manager OCTO
Les usagers au coeur de la conception de service-public...
01 PILOTER UN PROJET AGILE
Maxence MODELIN
Delivery Manager OCTO
SOMMAIRE
 Lexique Agile
 Présentation des phases du projet
 Quelques indicateurs de pilotage
 Zoom sur le pilotage de ...
LEXIQUE AGILE
 "User Story" (US)
> C'est une fonctionnalité ou une partie d'une fonctionnalité
 Epic
> Un ensemble de fo...
2015 2016 2017
UN PROJET EN 4 PHASES POST-CADRAGE
Refonte du
site
Espace
compte
Évolutions du site Réversibilité
Aujourd'h...
INDICATEURS AVANT MEP
17
EXEMPLE D'INDICATEURS
Reste À Faire
(RAF)
Capacité À Faire
(CAF)
Risques Nombre de bugs restants
18
INDICATEURS POST-MEP
19
AVANCEMENT DU PRODUIT
20
ÉVOLUTION DE LA PRODUCTIVITÉ
21
SATISFACTION DE L'ÉQUIPE DE DÉVELOPPEMENT
22
KPI D'IMPACT UTILISATEURS
Xiti et autres statistiques
23
Métriques produits : fréquentation,
retours utilisateurs, etc.
ZOOM SUR LE PILOTAGE
DE LA REFONTE DU SITE
24
L'ESTIMATION SUR SERVICE-PUBLIC
 Estimation en point de complexité
 En utilisant la suite de Fibonacci
...
25
POUR PASSER DE J.H EN POINT DE COMPLEXITÉ
Estimation
totale en j.h
Estimation
totale
en "point initial"
de complexité
≃3 p...
Estimation du
périmètre à
réaliser
Date de livraison
27
28
29
On décale la date
30
Diminuer le périmètre
31
"MVP"
Sans ça, on vous fait un
procès
Fonctionnalités
importantes
On voudrait vraiment ça
ZOOM : DIMINUER LE PÉRIMÈTRE
32
...
"MVP"
Sans ça, on vous fait un
procès
LE PÉRIMÈTRE : JOUER SUR LA LARGEUR ET LA PROFONDEUR
33
Fonction de la CAFFonctionna...
On augmente la vélocité
34
On augmente la vélocité
⇒ Aller plus vite (au détriment de la qualité)
35
On augmente la vélocité
⇒ Aller plus vite (au détriment de la qualité)
⇒ Augmenter la taille de l'équipe
36
On augmente la vélocité
⇒ Aller plus vite (au détriment de la qualité)
⇒ Augmenter la taille de l'équipe
⇒ Augmenter la pr...
FOCUS : AUGMENTER LA
PRODUCTIVITÉ EN S'AMÉLIORANT
38
FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT
Augmenter la productivité des développeurs
Pratiques de développement, f...
FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT
Déterminer le processus
40
Pré-cadrage Cadrage Développement Recette
Erg...
FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT
Afficher le processus
41
Pré-cadrage Cadrage Développement
OPS
Recette O...
FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT
Fluidifier en affichant les problèmes
42
US prioritaires
dans l'itératio...
FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT
Mesurer les problèmes
43
"La varicelle"
Le nombre de
jour passé entre 2
...
FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT
Afficher les objectifs
44
Burndown chart
d'itération
Avancement par epic...
NOTRE KANBAN 1 AN APRÈS...
Pré-cadrage et cadrage Développement Recette Objectifs
45
BURNUP DE RELEASE
46
TAKE AWAY
 Pour piloter il faut mesurer
 Afficher vos processus et vos problèmes, tester les améliorations et les contre...
02
LESUSAGERS AUCOEURDE LA
CONCEPTION DE SERVICE-
PUBLIC.FR
Flavien Testevuide
Chef de Produit DILA
Géraldine da Sylva
Con...
UNE RENCONTRE NATURELLE ENTRE UNE MARQUE, UN PROJET ET UNE
MÉTHODE
Une marque, une mission :
donner accès simplement et cl...
UN PRODUIT ERGONOMIQUE, C’EST QUOI…?
Produit
ergonomique
Utilisatrice,
utilisateur
Tâches
UTILE
Répond aux objectifs
réels...
La conception centrée utilisateurs,
c’est quoi…?
Une démarche :
Centrée sur les utilisateurs et les
utilisatrices,
Empathi...
PRISE EN COMPTE DES UTILISATEURS ET DES UTILISATRICES DÈS LE DÉPART
DU PROJET DE REFONTE : LES PERSONAS
QU’EST-CE QU’UN PE...
Les personas permettent, en se
mettant à la place des utilisateurs,
d’imaginer :
- Leur utilisation du produit
- Les frein...
PRISE EN COMPTE DES UTILISATEURS DÈS LE DÉPART DU PROJET DE
REFONTE
Les études utilisateurs, tests utilisateurs
et Focus g...
PRISE EN COMPTE DES UTILISATEURS DÈS LE DÉPART DU PROJET DE
REFONTE
Les supports mail et téléphone, une source
volumineuse...
PRISE EN COMPTE DES UTILISATEURS DÈS LE DÉPART DU PROJET DE
REFONTE
Faire parler les statistiques pour déterminer les
poin...
“Une plateforme accessible et
sécurisée de contenus et de
services personnalisés qui
simplifient la vie des usagers”
LA VI...
LES HYPOTHÈSES DE CONCEPTION, “L’ESPRIT” DU PRODUIT
Espace
personnel
Espace
Association
Les tendances, les idées, les hypo...
Les services, les fonctionnalités, la story map
Connaître ses
droits et
devoirs
Réaliser une
démarche en
ligne
Échanger de...
CONSTRUCTION DU PRODUIT : CONCRÉTISER LES HYPOTHÈSES
Idée =
hypothèse
Peut être
expérimenté
60
LA CO-CONCEPTION : UTILISATEURS
Ateliers de co-construction avec les personnes
travaillant en association, persona dont le...
La co-conception : partenaires
administration
Entretiens et immersion en
mairies et collectivités avec
les personnes direc...
LA CO-CONCEPTION : ÉQUIPE DILA
Faire dialoguer les hypothèses et les
tendances avec les impératifs et
contraintes de l’ens...
Les services, les fonctionnalités : la story map RETENUE
Connaître ses
droits et
devoirs
Réaliser une
démarche en
ligne
Éc...
LA PREUVE PAR L’EXEMPLE : FOCUS SUR UNE USER STORY
65
Connaître ses droits
et devoirs
Réaliser une
démarche en ligne
Échan...
LA FICHE : AVANT REFONTE
AVANT
Du contenu pertinent
Qui s’adresse à tous
MAIS
Une
Page
Immensément
Longue
….
66
LA FICHE : APRÈS REFONTE
APRÈS
---> on garde le FOND
---> on améliore la FORME
LA FICHE : TRÈS BIENTÔT
Continuer à faire vivre et évoluer le produit
en proposant de nouvelles hypothèses sans
omettre le...
“JUSQU’ICI, TOUT VA BIEN…”
69
LA COMMANDE URGENTE !!!
“Le cas Allo service-public ou
face à l’urgence :
“quel est le produit minimum, le plus
simple et ...
LA COMMANDE URGENTE...RÉAJUSTEMENT
Réintégration de l’utilisateur au coeur du
projet :
- Statistiques
- Retours usagers
- ...
TAKE AWAY
 Posez des hypothèses et proposez des solutions qui répondent à des problèmes
 Testez les hypothèses, partout,...
03
ANIMER UNE LARGE ÉQUIPE
FONCTIONNELLE
AU SEIN D’UN PROJET AGILE
Katia Sonntag,
Nouveau Product Owner DILA
Nicolas Fourn...
SOMMAIRE
 Pourquoi une large équipe fonctionnelle ?
 Nouvelles problématiques
 Tips & Tricks
74
LE CONTEXTE :
Pourquoi une large
équipe fonctionnelle ?
75
POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ?
PO
Équipe de développement
Parties prenantes
Une équipe agile classique
76
POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ?
Parties prenantes
Chef de
produit
Équipe de Développement
Equipe PO / UX
Equipe ...
POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ?
Une large équipe fonctionnelle… mais pas tout de suite
De 1 à 4 PO1 PO
MEP v.3
2...
POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ?
5 nov. 2015 29 sept. 2016
● Beaucoup de sujets
● Beaucoup d’interlocuteurs
● Bea...
POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ?
Tout cela fait beaucoup de monde !
80
POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ?
Rythme soutenu
Cadrage
Recette
81
NOUVELLES PROBLÉMATIQUES
82
NOUVELLES PROBLÉMATIQUES
Comment faire pour ne pas être tout le temps en réunion et rester productif ?
RÉUNIONS PRODUIRE d...
NOUVELLES PROBLÉMATIQUES
Comment garantir un cadrage à plusieurs voix ?
RIGUEUR HOMOGÉNÉITÉ
84
NOUVELLES PROBLÉMATIQUES
Comment ne pas se court circuiter les uns les autres ?
85
NOUVELLES PROBLÉMATIQUES
Manque de vision globale sur l’avancement des chantiers
86
NOUVELLES PROBLÉMATIQUES
Création d’une armée de spécialistes sur les différents sujets fonctionnels
87
NOUVELLES PROBLÉMATIQUES
Réussir à créer une dynamique d’amélioration continue.
88
TIPS & TRICKS
89
TIPS & TRICKS
Halte à la dispersion !!
90
TIPS & TRICKS
Mise en place d’un process cadrage
Definition of Done
Le cadrage
en 4 étapes
91
TIPS & TRICKS
Créer une équipe qui communique
3 Actions :
1. Le stand-up FUNC
92
TIPS & TRICKS
Bien se répartir le travail en cours de cadrage
2. Identification visuelle du “Qui fait Quoi”
3. Un seul tic...
TIPS & TRICKS
Réserver un temps pour le travail d’équipe
94
TIPS & TRICKS
Bien gérer les priorités : Backlog grooming + repriorisation toutes les semaines
avec le chef de produit
95
TIPS & TRICKS
Organiser des rétro fonctionnelles
96
TIPS & TRICKS
Partager les connaissances !
97
04
LES PRATIQUES AU QUOTIDIEN
POUR ASSURER LA PROPRIÉTÉ
COLLECTIVE DU CODE APPLICATIF
AINSI QUE LA QUALITÉ DU PRODUIT.
Sté...
L’ÉQUIPE AU QUOTIDIEN : LE CONTEXTE
Équipe de développement mixte, composée de 10 DevOps + 1 Tech Lead
36 tickets réalisés...
PROPRIÉTÉ COLLECTIVE DU CODE
RÉTROSPECTIVE TECH
> 1 heure, tous les lundis
> Liste de sujets affichée sur le Kanban et
ali...
QUID DE LA QUALITÉ ?
Comment s’assurer de la progression
de la qualité du produit ?
Pratiques et mesures
101
QUELLES PRATIQUES ?
REVUE DE CODE
> Obligatoire, format « checklist papier-crayon »
> Présentation des retours à la person...
QUID DE LA QUALITÉ ?
Quel aspect de la qualité mesurer ?
Le nombre de tests automatisés
et leurs typologies
103
C’EST QUOI UN TEST AUTOMATISÉ ?
104
 DE FAÇON GÉNÉRALE
> Est répétable avec un résultat reproductible et fiable
> Est cap...
C’EST QUOI UN TEST AUTOMATISÉ ?
105
TEST UNITAIRE
> Durée : ~5 ms. Complexité : faible.
> Teste un comportement du code en...
C’EST QUOI UN TEST AUTOMATISÉ ?
106
TEST D'INTÉGRATION
> Durée : ~100 ms à 1 s. Complexité : moyenne.
> Teste une collabor...
C’EST QUOI UN TEST AUTOMATISÉ ?
107
TEST FONCTIONNEL
> Durée : ~10 s à 1 min. Complexité : importante.
> Simule une foncti...
LE MODÈLE DE LA PYRAMIDE DES TESTS
108
70%
25%
5%
LOI DU DEFECT COST INCREASE
109
« Plus un défaut est détecté tard,
plus il coûte cher à corriger »
2 semaines plus tard 2 ...
MESURE DE LA PYRAMIDE DES TESTS
Formation TDD
TU
TI
TF
Changement
d’équipe
Formation TDD
Changement
d’équipe
110
L'ÉVOLUTION DE LA QUALITÉ AUTREMENT QUE PAR LA TECHNIQUE
111
TAKE-AWAY
112
05
PRINCIPES CLÉS DEVOPS À
METTRE EN PLACE POUR
DÉPLOYER SEREINEMENT EN
PRODUCTION TOUTES LES DEUX
SEMAINES
Alexandre Otpa...
OBJECTIFS
 Proposer une infrastructure flexible
 Hautes performances
 Doter l’équipe de moyens de tests en amont
114
CONTRAINTES
 Associer de nombreux acteurs
 Haute exigence de sécurité
 Limiter les interruptions de service à 0
115
RÔLE DE L’OPS SUR LE PROJET
 Installer et configurer les environnements
 Fournir une intégration continue fonctionnelle
...
LES ENVIRONNEMENTS
Développement Recette / Démo
PartenairesQualité
DEV1
DEV2
DEV3
DEMO
PART1
PART2
PERF
QUALIF
PREPROD
PRO...
ANSIBLE
118
 Description des environnements
 Rôles regroupant des ensembles de tâches
 Lien entre les machines et les r...
INTÉGRATION CONTINUE
Tests de charge
Crawler
Génération site map
Déploiements
Déploiements
Création du package
Déclencheme...
Documentation exécutable de
l’installation
Évite les erreurs manuelles
Accélère les opérations
Répétable sans douleurs
Ren...
PARTAGER
Pourquoi partager ?
 ADN OCTO
 Enrichissement personnel
 Responsabilisation des DEVs
 Meilleur autonomie de l...
COMMENT PARTAGER
Présentation des outils
 Qu’est ce que c’est ?
 Comment ça marche ?
 Pourquoi on l’utilise ?
 Comment...
TAKE AWAY
 Automatisez tout jusqu’à la production
 Partagez la connaissance
 Faites tomber les barrières entre les équi...
06 INTÉGRER NATIVEMENT LES NORMES
D’ACCESSIBILITÉ DANS LE PROCESSUS DE
CONSTRUCTION DU PRODUIT
Anne Cavalier,
Responsable ...
Qu’est-ce que
l’accessibilité web ?
125
ACCESSIBILITÉ WEB - AMÉLIORATION DE LA QUALITÉ POUR TOUS
126
Sophie
Est déficiente moteur, elle ne
peut pas utiliser une s...
ACCESSIBILITÉ WEB - AMÉLIORATION DE LA QUALITÉ POUR TOUS
127
Benjamin
... est nouveau père d'une
petite fille qui dort peu...
ACCESSIBLITÉ WEB ?
128
Rendre les contenus Web accessibles aux
personnes en situation de handicap
“Mettre le Web et ses se...
ACCESSIBLITÉ WEB ?
129
Des normes internationales (WCAG - W3C)
Qui fixent de grands principes
Un référentiel national (RGA...
Une méthodologie
qui évolue
au cours de la vie du projet
130
Développement
des fonctionnalités
Création
de story Review
Planning
poker
MÉTHODO - AVANT
131
Audits
Cycle de vie d’une st...
Avantages:
Intervention des experts concentrée
Méthodologies de travail familières
Système de reporting simple (Création d...
Dév
MÉTHODO - AUJOURD’HUI
133
AuditsCréation
de story
Cycle de vie d’une story (avec RGAA)
Sensibilisation
Gabarits
Une se...
Avantages de la méthode
● Prévention plutôt que correction
● Mise en place de l’accessibilité sur des périmètres restreint...
QUE RETENIR ?
135
● L’accessibilité :
○ une source de valeur
○ un critère de qualité produit
○ qui s’inscrit dans une démarche centrée sur l...
MERCI !!!
“ LE PLAISIR DE TRAVAILLER ENSEMBLE, CELA SE TRANSMET
DANS LE PRODUIT “
137
Prochain SlideShare
Chargement dans…5
×

Petit-déjeuner "Secteur Public : Retour d'expérience sur la refonte en agile du site servicepublic.fr"

1 635 vues

Publié le

Le Secteur Public affirme son ambition de projeter l'État dans la modernité numérique et d’offrir une nouvelle culture du service.

La Direction de l’Information Légale et Administrative (DILA), et au-delà l'administration dans son ensemble, s'engage depuis longtemps déjà dans la transition numérique de ses projets. Ces dernières années, le numérique ne constitue plus une révolution pour la DILA, mais un véritable axe de développement guidant ses évolutions et une opportunité de constituer une nouvelle culture du service.

L’Agile forge la nouvelle doctrine pour créer ces services numériques de qualité dans des délais et des budgets maîtrisés mais ces promesses ne peuvent être tenues sans une transformation profonde : changer sa manière de travailler ensemble, basculer d’une approche projet à une approche produit, concevoir ce dernier non pas pour mais avec l’usager, revaloriser l’importance du geste technique, être capable de prioriser et livrer au fil des itérations, promouvoir la transparence et l’amélioration continue.

Depuis 2015, la DILA accompagnée par OCTO Technology, s’est lancée dans la refonte du site officiel de l’administration française, le portail unique de renseignement administratif et d’accès aux services en ligne. Ce projet s’inscrit dans un programme global de simplification de l’offre d’information administrative et de développement de nouveaux services de relation à l’usager.

9 mois plus tard, Service-Public.fr est entièrement neuf et reste le site majeur de l’administration. Depuis, il intègre en continu de nouveaux services de qualité au rythme des mises en production toutes les 2 semaines.

À l’occasion de ce petit-déjeuner, les actrices et les acteurs du projet service-public.fr (DILA et OCTO) vous proposent un retour d’expérience très concret sur 6 points clés.

Publié dans : Technologie
  • Soyez le premier à commenter

Petit-déjeuner "Secteur Public : Retour d'expérience sur la refonte en agile du site servicepublic.fr"

  1. 1. REX SERVICE-PUBLIC.FR 1
  2. 2. 2
  3. 3. LIBERTÉ EGALITÉ FRATERNITÉ AGILITÉ ? 3
  4. 4. LIBERTÉ EGALITÉ FRATERNITÉ AGILITÉ ! 4
  5. 5. “ Le plaisir de travailler ensemble, cela se transmet dans le produit “ TENIR LES PROMESSES DE L’AGILE Passer du “concevoir pour” au “concevoir avec” Mettre en place l’organisation qui focalise les énergies sur le produit Répondre aux priorités par des cycles courts sécurisés Développer nativement et collectivement des services de qualité 5
  6. 6. … devenir opérateur numérique Evolution de la mission de la DILA A l’origine : publier la loi et de la documentation à destination de la fonction publique > Aujourd’hui, l’usager / citoyen est au cœur des préoccupations de la DILA : - donner accès à la loi, la rendre intelligible - orienter l’usager vers les services publics, simplifier les démarches - éclairer le citoyen sur les politiques publiques Accélération du numérique • Imprimerie • 1986 premiers flux numériques • 1996 Internet • 2016 fin du papier sur le JO 6
  7. 7. Répartition du trafic par support Nombre de compte particuliers ouverts depuis mars 2016 1 400 000 Nombre de comptes associations ouverts depuis avril 2016 120 000 Nombre de démarches effectuées sur service- public.fr (2016) 3 800 000 63% 30% 7% WWW.SERVICE-PUBLIC.FR : UN SERVICE XXL 7
  8. 8. WWW.SERVICE-PUBLIC.FR : REFONTE EN AGILE Objectifs de la refonte :  Un point d’entrée unique d’information, d’orientation et de service  Faciliter la vie des usagers en simplifiant les parcours sur tous les supports  Enrichir l’offre d’information et les services, accélérer la dématérialisation des démarches administratives (projet Plateforme de services en ligne et FranceConnect) Pourquoi l’agile ?  Mettre l’usager au cœur du produit => co-concevoir, tester, modifier  Tenir les délais, le budget  (re)Questionner globalement nos méthodes de travail 8
  9. 9. WWW.SERVICE-PUBLIC.FR Les contraintes 9 Qualité du service rendu à l’usager, IHM, nouveaux besoins ? => Baromètres, focus groups, entretiens, ateliers créatifs… • Contraintes RGAA intégrées 100% au développement • Respect 95 % du RGAA • Label e-accessible en 2017 ?
  10. 10. WWW.SERVICE-PUBLIC.FR La fin de l’année ? Le graphe qui fait peur ! 10
  11. 11. L'ÉQUIPE 11
  12. 12. REX Piloter un projet Agile Maxence Modelin, Delivery Manager OCTO Les usagers au coeur de la conception de service-public.fr Flavien Testevuide, Chef de Produit DILA Géraldine da Sylva, Consultante User eXperience OCTO Animer une large équipe fonctionnelle au sein d’un projet Agile. Katia Sonntag, Product Owner DILA Nicolas Fournier, Product Owner OCTO Les pratiques au quotidien pour assurer la propriété collective du code applicatif ainsi que la qualité du produit. Stéphane Colle, Tech Lead DILA Damien Beaufils, Tech Lead OCTO Principes clés DevOps à mettre en place pour déployer sereinement en production toutes les deux semaines. Alexandre Otparlic, Chef de Projet Tanguy Patte, Consultant OCTO Intégrer nativement les normes d’accessibilité dans le processus de construction du produit. Anne Cavalier, Responsable Qualité & Accessibilité DILA Adrien Saunier, Développeur OCTO 12
  13. 13. 01 PILOTER UN PROJET AGILE Maxence MODELIN Delivery Manager OCTO
  14. 14. SOMMAIRE  Lexique Agile  Présentation des phases du projet  Quelques indicateurs de pilotage  Zoom sur le pilotage de la 1re release 14
  15. 15. LEXIQUE AGILE  "User Story" (US) > C'est une fonctionnalité ou une partie d'une fonctionnalité  Epic > Un ensemble de fonctionnalités  Backlog : > Ensemble des US  Sprint > Itération de 2 semaines  Vélocité > Simplification de la "capacité de production" de l'équipe sur 1 itération 15
  16. 16. 2015 2016 2017 UN PROJET EN 4 PHASES POST-CADRAGE Refonte du site Espace compte Évolutions du site Réversibilité Aujourd'hui 2014 Cadrage 16
  17. 17. INDICATEURS AVANT MEP 17
  18. 18. EXEMPLE D'INDICATEURS Reste À Faire (RAF) Capacité À Faire (CAF) Risques Nombre de bugs restants 18
  19. 19. INDICATEURS POST-MEP 19
  20. 20. AVANCEMENT DU PRODUIT 20
  21. 21. ÉVOLUTION DE LA PRODUCTIVITÉ 21
  22. 22. SATISFACTION DE L'ÉQUIPE DE DÉVELOPPEMENT 22
  23. 23. KPI D'IMPACT UTILISATEURS Xiti et autres statistiques 23 Métriques produits : fréquentation, retours utilisateurs, etc.
  24. 24. ZOOM SUR LE PILOTAGE DE LA REFONTE DU SITE 24
  25. 25. L'ESTIMATION SUR SERVICE-PUBLIC  Estimation en point de complexité  En utilisant la suite de Fibonacci ... 25
  26. 26. POUR PASSER DE J.H EN POINT DE COMPLEXITÉ Estimation totale en j.h Estimation totale en "point initial" de complexité ≃3 points ≃2/3 j.h Ré-estimation en point de complexité de l'équipe ⇒ Au cadrage Au démarrage A chaque itération 26
  27. 27. Estimation du périmètre à réaliser Date de livraison 27
  28. 28. 28
  29. 29. 29
  30. 30. On décale la date 30
  31. 31. Diminuer le périmètre 31
  32. 32. "MVP" Sans ça, on vous fait un procès Fonctionnalités importantes On voudrait vraiment ça ZOOM : DIMINUER LE PÉRIMÈTRE 32 Nice to have Ce serait vraiment top Fonction des projections
  33. 33. "MVP" Sans ça, on vous fait un procès LE PÉRIMÈTRE : JOUER SUR LA LARGEUR ET LA PROFONDEUR 33 Fonction de la CAFFonctionnalités importantes On voudrait vraiment ça Nice to have Ce serait vraiment top
  34. 34. On augmente la vélocité 34
  35. 35. On augmente la vélocité ⇒ Aller plus vite (au détriment de la qualité) 35
  36. 36. On augmente la vélocité ⇒ Aller plus vite (au détriment de la qualité) ⇒ Augmenter la taille de l'équipe 36
  37. 37. On augmente la vélocité ⇒ Aller plus vite (au détriment de la qualité) ⇒ Augmenter la taille de l'équipe ⇒ Augmenter la productivité 37
  38. 38. FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT 38
  39. 39. FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT Augmenter la productivité des développeurs Pratiques de développement, formations, animations, co-développement, etc. 39
  40. 40. FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT Déterminer le processus 40 Pré-cadrage Cadrage Développement Recette Ergonomie Design Templating Spécifications Développements Pré-recette Recette Développements OPS
  41. 41. FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT Afficher le processus 41 Pré-cadrage Cadrage Développement OPS Recette Objectifs
  42. 42. FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT Fluidifier en affichant les problèmes 42 US prioritaires dans l'itération Exemple d'engorgement dans le process Problème sur des US WIP limit Ce qui a été réalisé dans l'itération
  43. 43. FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT Mesurer les problèmes 43 "La varicelle" Le nombre de jour passé entre 2 étapes
  44. 44. FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT Afficher les objectifs 44 Burndown chart d'itération Avancement par epic Planning Objectifs de l'itération Burnup de release
  45. 45. NOTRE KANBAN 1 AN APRÈS... Pré-cadrage et cadrage Développement Recette Objectifs 45
  46. 46. BURNUP DE RELEASE 46
  47. 47. TAKE AWAY  Pour piloter il faut mesurer  Afficher vos processus et vos problèmes, tester les améliorations et les contre-mesures pour vous améliorer  Faites des cycles courts  Communiquer votre optimisme 47
  48. 48. 02 LESUSAGERS AUCOEURDE LA CONCEPTION DE SERVICE- PUBLIC.FR Flavien Testevuide Chef de Produit DILA Géraldine da Sylva Consultante User eXperience OCTO
  49. 49. UNE RENCONTRE NATURELLE ENTRE UNE MARQUE, UN PROJET ET UNE MÉTHODE Une marque, une mission : donner accès simplement et clairement à l’ensemble de l’information administrative en satisfaisant au besoin d'intérêt général… donc AU SERVICE de l’utilisateur...des utilisateurs ! Difficulté : répondre à la diversité des utilisateurs Moyen : s’appuyer sur une méthode centrée utilisateur basée sur la co- construction. 49
  50. 50. UN PRODUIT ERGONOMIQUE, C’EST QUOI…? Produit ergonomique Utilisatrice, utilisateur Tâches UTILE Répond aux objectifs réels des utilisateurs et des utilisatrices UTILISABLE S’adapte aux caractéristiques des utilisateurs, des utilisatrices et assure une prise en main efficace + DÉSIRABLE ET AGRÉABLE À UTILISER Pour une expérience utilisateur satisfaisante 50
  51. 51. La conception centrée utilisateurs, c’est quoi…? Une démarche : Centrée sur les utilisateurs et les utilisatrices, Empathique, Collaborative et basée sur la co- construction Basé sur la norme ISO 9241-210 51
  52. 52. PRISE EN COMPTE DES UTILISATEURS ET DES UTILISATRICES DÈS LE DÉPART DU PROJET DE REFONTE : LES PERSONAS QU’EST-CE QU’UN PERSONA? PERSONAS SECONDAIRES FRANÇAISE EN FRANCE À L’ÉTRANGER AGENT COLLECTIVITÉ LOCALE PRO PARTENAIRE SERVICE-PUBLIC ADMINISTRATEUR DILA PERSONNE EN SITUATION DE HANDICAP MEMBRE ASSOCIATION PERSONAS PRINCIPAUX = Archétype de l’utilisateur ≠ PAS UN stéréotype! Personnage imaginaire composite Représente un groupe d’utilisateurs avec des caractéristiques et des objectifs communs Défini par ses besoins et objectifs en rapport avec le produit 52
  53. 53. Les personas permettent, en se mettant à la place des utilisateurs, d’imaginer : - Leur utilisation du produit - Les freins et les frustrations à prendre en compte - Ce qui peut les fidéliser - Imaginer les heureuses surprises ---> Utile pour définir les fonctionnalités du site LA FICHE PERSONA : USAGER FRANÇAIS EN FRANCE 53
  54. 54. PRISE EN COMPTE DES UTILISATEURS DÈS LE DÉPART DU PROJET DE REFONTE Les études utilisateurs, tests utilisateurs et Focus group : des indices précieux sur les difficultés rencontrées et les attentes des utilisateurs. 54
  55. 55. PRISE EN COMPTE DES UTILISATEURS DÈS LE DÉPART DU PROJET DE REFONTE Les supports mail et téléphone, une source volumineuse et de qualité pour la collecte des besoins et attentes utilisateurs. 1,2 millions d’appels par an (3939) 150 000 mails traités dans l’année 20 personnes au support 55
  56. 56. PRISE EN COMPTE DES UTILISATEURS DÈS LE DÉPART DU PROJET DE REFONTE Faire parler les statistiques pour déterminer les points forts et les points faibles et apprendre à connaître les utilisateurs 56
  57. 57. “Une plateforme accessible et sécurisée de contenus et de services personnalisés qui simplifient la vie des usagers” LA VISION DU PRODUIT 1 Fédérer les acteur•trice•s du projet Aligner l’équipe Définir l’objectif du produit Et ne pas l’oublier…. 57
  58. 58. LES HYPOTHÈSES DE CONCEPTION, “L’ESPRIT” DU PRODUIT Espace personnel Espace Association Les tendances, les idées, les hypothèses pour répondre à des problèmes : - Un seul site pour obtenir de l’information pour les particuliers, les associations et les pros et réaliser des démarches en ligne - Des contenus plus lisibles, accessibles et personnalisés. - L’accès et le suivi des démarches simplifiés. - Un espace association partagé par les membres de l’association. - Un mode d’accès unique à plusieurs espaces (personnel et association) 58
  59. 59. Les services, les fonctionnalités, la story map Connaître ses droits et devoirs Réaliser une démarche en ligne Échanger de l’information et collaborer Prendre un Rendez vous Contrôler et gérer mes informations personnelles Consulter les fiches “droits et démarches”, l“Actualité” et les fiches de l’annuaire. Effectuer une démarche en ligne Ajouter un contact dans mon smartphone Contacter une administration Gérer mes infos personnelles et mes documents administratifs Rechercher et être redirigé sur les démarches de l’administration (services en ligne, CERFA, …) Consulter l’avancement de ma démarche Ajouter un événement dans mon smartphone Afficher des créneaux de disponibilité Gérer mon mode de connexion (FranceConnect) Être redirigé vers le formulaire de ma mairie Sauvegarder les informations saisies et les documents administratifs fournis lors de la demande Noter une fiche - Qualifier Prendre et confirmer un Rendez vous Gérer les informations de mon association et les autres utilisateurs de mon espace association Accéder à du contenu personnalisé en fonction de ma situation Etre alerté par l’administration si mon dossier n’est pas valide Proposer une modification, une mise à jour des informations Se localiser géographiquement Gérer mes abonnements, mes favoris, Créer des rappels en fonction des événements de vie et de ma situation Pouvoir interrompre, reprendre ma démarche. Pouvoir la compléter Partager par mail par SMS tous les contenus de SP Gérer mes alertes, consulter l’échéance des mes tâches, etc…. Recueil utilisateurs Esprit produit, hypothèses Story map ● Familles fonctionnelles ● Priorisation / fondamentaux La construction 59
  60. 60. CONSTRUCTION DU PRODUIT : CONCRÉTISER LES HYPOTHÈSES Idée = hypothèse Peut être expérimenté 60
  61. 61. LA CO-CONCEPTION : UTILISATEURS Ateliers de co-construction avec les personnes travaillant en association, persona dont les besoins et les difficultés restaient à explorer. Confirmation / infirmation des hypothèses grâce aux tests de première impression et du tri par carte. 61
  62. 62. La co-conception : partenaires administration Entretiens et immersion en mairies et collectivités avec les personnes directement en contact avec les usagers qui font écho de leurs demandes et de leurs difficultés. L’observation sur le terrain permet de comprendre les difficultés rencontrées au quotidien par les agents. Élaboration des solutions : on dessine 62
  63. 63. LA CO-CONCEPTION : ÉQUIPE DILA Faire dialoguer les hypothèses et les tendances avec les impératifs et contraintes de l’ensemble des acteurs de la Dila réunis autour de service-public.fr. - Sécurité - Planning - RGAA - Stratégie - Rédaction... 63
  64. 64. Les services, les fonctionnalités : la story map RETENUE Connaître ses droits et devoirs Réaliser une démarche en ligne Échanger de l’information et collaborer Prendre un Rendez vous Contrôler et gérer mes informations personnelles Consulter les fiches “droits et démarches”, l“Actualité” et les fiches de l’annuaire. Effectuer une démarche en ligne Ajouter un contact dans mon smartphone Contacter une administration Gérer mes infos personnelles et mes documents administratifs Rechercher et être redirigé sur les démarches de l’administration (services en ligne, CERFA, …) Consulter l’avancement de ma démarche Ajouter un événement dans mon smartphone Afficher des créneaux de disponibilité Gérer mon mode de connexion (FranceConnect) Être redirigé vers le formulaire de ma mairie Sauvegarder les informations saisies et les documents administratifs fournis lors de la demande Noter une fiche - Qualifier Prendre et confirmer un Rendez vous Gérer les informations de mon association et les autres utilisateurs de mon espace association Accéder à du contenu personnalisé en fonction de ma situation Etre alerté par l’administration si mon dossier n’est pas valide Proposer une modification, une mise à jour des informations Se localiser géographiquement Gérer mes abonnements, mes favoris, Créer des rappels en fonction des événements de vie et de ma situation Pouvoir interrompre, reprendre ma démarche. Pouvoir la compléter Partager par mail par SMS tous les contenus de SP Gérer mes alertes, consulter l’échéance des mes tâches, etc…. Réajustement de la story map suite aux ateliers de co-construction : - Faisable / pas faisable - Dans quel temps ? 64
  65. 65. LA PREUVE PAR L’EXEMPLE : FOCUS SUR UNE USER STORY 65 Connaître ses droits et devoirs Réaliser une démarche en ligne Échanger de l’information et collaborer Prendre un Rendez vous Contrôler et gérer mes informations personnelles Consulter les fiches “droits et démarches”... Effectuer une démarche en ligne Ajouter un contact dans mon smartphone Contacter une administration Gérer mes infos personnelles et mes documents administratifs Rechercher et être redirigé sur les démarches de l’administration (services en ligne, CERFA, …) Consulter l’avancement de ma démarche Ajouter un événement dans mon smartphone Afficher des créneaux de disponibilité Gérer mon mode de connexion (FranceConnect) Être redirigé vers le formulaire de ma mairie Sauvegarder les informations saisies et les documents administratifs fournis lors de la demande Noter une fiche - Qualifier Prendre et confirmer un Rendez vous Gérer les informations de mon association et les autres utilisateurs de mon espace association Accéder à du contenu personnalisé en fonction de ma situation Etre alerté par l’administration si mon dossier n’est pas valide Proposer une modification, une mise à jour des informations Se localiser géographiquement Gérer mes abonnements, mes favoris, Créer des rappels en fonction des événements de vie et de ma situation Pouvoir interrompre, reprendre ma démarche. Pouvoir la compléter Partager par mail par SMS tous les contenus de SP Gérer mes alertes, consulter l’échéance des mes tâches, etc….
  66. 66. LA FICHE : AVANT REFONTE AVANT Du contenu pertinent Qui s’adresse à tous MAIS Une Page Immensément Longue …. 66
  67. 67. LA FICHE : APRÈS REFONTE APRÈS ---> on garde le FOND ---> on améliore la FORME
  68. 68. LA FICHE : TRÈS BIENTÔT Continuer à faire vivre et évoluer le produit en proposant de nouvelles hypothèses sans omettre les utilisateurs ! Autre exemple : la personnalisation des fiches Même méthode ! - Ateliers internes Dila - Maquettage - Ateliers utilisateurs - Go utilisateurs - Ajustements - Choix de l’application du principe : consultation des supports et statistiques : “comment faire si je déménage” un contenu très visité et source de nombreuses questions 68
  69. 69. “JUSQU’ICI, TOUT VA BIEN…” 69
  70. 70. LA COMMANDE URGENTE !!! “Le cas Allo service-public ou face à l’urgence : “quel est le produit minimum, le plus simple et rapide à construire que l’on peut mettre dans les mains des utilisateurs et continuer à avancer ?” 70
  71. 71. LA COMMANDE URGENTE...RÉAJUSTEMENT Réintégration de l’utilisateur au coeur du projet : - Statistiques - Retours usagers - Tests utilisateurs De la béta à la V1 71
  72. 72. TAKE AWAY  Posez des hypothèses et proposez des solutions qui répondent à des problèmes  Testez les hypothèses, partout, tout le temps : recueillez du feed-back  N’oubliez jamais pour QUI vous codez  Challengez les demandes de l’équipe et soyez responsables de ce que vous proposez aux utilisateurs 72 MIKE MONTEIRO
  73. 73. 03 ANIMER UNE LARGE ÉQUIPE FONCTIONNELLE AU SEIN D’UN PROJET AGILE Katia Sonntag, Nouveau Product Owner DILA Nicolas Fournier, Product Owner OCTO
  74. 74. SOMMAIRE  Pourquoi une large équipe fonctionnelle ?  Nouvelles problématiques  Tips & Tricks 74
  75. 75. LE CONTEXTE : Pourquoi une large équipe fonctionnelle ? 75
  76. 76. POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ? PO Équipe de développement Parties prenantes Une équipe agile classique 76
  77. 77. POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ? Parties prenantes Chef de produit Équipe de Développement Equipe PO / UX Equipe Accessibilité L’équipe Service Public 77
  78. 78. POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ? Une large équipe fonctionnelle… mais pas tout de suite De 1 à 4 PO1 PO MEP v.3 22/09/15 78
  79. 79. POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ? 5 nov. 2015 29 sept. 2016 ● Beaucoup de sujets ● Beaucoup d’interlocuteurs ● Beaucoup de repriorisations 9 juin 2016 79
  80. 80. POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ? Tout cela fait beaucoup de monde ! 80
  81. 81. POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ? Rythme soutenu Cadrage Recette 81
  82. 82. NOUVELLES PROBLÉMATIQUES 82
  83. 83. NOUVELLES PROBLÉMATIQUES Comment faire pour ne pas être tout le temps en réunion et rester productif ? RÉUNIONS PRODUIRE des US RÉPONDRE aux questions ? 83
  84. 84. NOUVELLES PROBLÉMATIQUES Comment garantir un cadrage à plusieurs voix ? RIGUEUR HOMOGÉNÉITÉ 84
  85. 85. NOUVELLES PROBLÉMATIQUES Comment ne pas se court circuiter les uns les autres ? 85
  86. 86. NOUVELLES PROBLÉMATIQUES Manque de vision globale sur l’avancement des chantiers 86
  87. 87. NOUVELLES PROBLÉMATIQUES Création d’une armée de spécialistes sur les différents sujets fonctionnels 87
  88. 88. NOUVELLES PROBLÉMATIQUES Réussir à créer une dynamique d’amélioration continue. 88
  89. 89. TIPS & TRICKS 89
  90. 90. TIPS & TRICKS Halte à la dispersion !! 90
  91. 91. TIPS & TRICKS Mise en place d’un process cadrage Definition of Done Le cadrage en 4 étapes 91
  92. 92. TIPS & TRICKS Créer une équipe qui communique 3 Actions : 1. Le stand-up FUNC 92
  93. 93. TIPS & TRICKS Bien se répartir le travail en cours de cadrage 2. Identification visuelle du “Qui fait Quoi” 3. Un seul ticket à la fois par personne Noms 93
  94. 94. TIPS & TRICKS Réserver un temps pour le travail d’équipe 94
  95. 95. TIPS & TRICKS Bien gérer les priorités : Backlog grooming + repriorisation toutes les semaines avec le chef de produit 95
  96. 96. TIPS & TRICKS Organiser des rétro fonctionnelles 96
  97. 97. TIPS & TRICKS Partager les connaissances ! 97
  98. 98. 04 LES PRATIQUES AU QUOTIDIEN POUR ASSURER LA PROPRIÉTÉ COLLECTIVE DU CODE APPLICATIF AINSI QUE LA QUALITÉ DU PRODUIT. Stéphane Colle, Nouveau Tech Lead DILA Damien Beaufils, Tech Lead OCTO
  99. 99. L’ÉQUIPE AU QUOTIDIEN : LE CONTEXTE Équipe de développement mixte, composée de 10 DevOps + 1 Tech Lead 36 tickets réalisés en moyenne toutes les 2 semaines Quelles pratiques au quotidien pour assurer la propriété collective du code ainsi que la qualité du produit ? 99
  100. 100. PROPRIÉTÉ COLLECTIVE DU CODE RÉTROSPECTIVE TECH > 1 heure, tous les lundis > Liste de sujets affichée sur le Kanban et alimentée à la volée par les développeurs STANDARDS DE CODE / BONNES PRATIQUES > Affichés sur notre “Table de la loi” > Doivent pouvoir être affichés sur un mur et être compris sans difficulté Quel indicateur pour vérifier cette propriété collective ? N’importe qui peut partir en congés n’importe quand 100
  101. 101. QUID DE LA QUALITÉ ? Comment s’assurer de la progression de la qualité du produit ? Pratiques et mesures 101
  102. 102. QUELLES PRATIQUES ? REVUE DE CODE > Obligatoire, format « checklist papier-crayon » > Présentation des retours à la personne concernée > Objectifs + Trouver et corriger des défauts + Partager la connaissance + Échanger et confronter les idées TEST DRIVEN DEVELOPMENT (TDD) > Pratique consistant à écrire le test avant d’écrire le code > Formation de 3 jours pour toute l’équipe, quel que soit le niveau > Meilleure cohésion d’équipe et du socle commun de connaissances REFACTORING SUR DU CODE LEGACY > Réalisé au minimum en pair-programming voire en dojo afin de réduire au maximum les risques > Rituel hebdomadaire « Dur avec le code, doux avec les gens » 102
  103. 103. QUID DE LA QUALITÉ ? Quel aspect de la qualité mesurer ? Le nombre de tests automatisés et leurs typologies 103
  104. 104. C’EST QUOI UN TEST AUTOMATISÉ ? 104  DE FAÇON GÉNÉRALE > Est répétable avec un résultat reproductible et fiable > Est capable d’indiquer si OK ou KO sans intervention humaine > Est capable d’être lancé par un robot (Intégration Continue)
  105. 105. C’EST QUOI UN TEST AUTOMATISÉ ? 105 TEST UNITAIRE > Durée : ~5 ms. Complexité : faible. > Teste un comportement du code en isolation totale > Teste la logique métier > Exemple d’une voiture : test sur l’airbag - Test : quand on demande à l’airbag de se gonfler, on vérifie qu’il est bien passé dans l’état « gonflé »
  106. 106. C’EST QUOI UN TEST AUTOMATISÉ ? 106 TEST D'INTÉGRATION > Durée : ~100 ms à 1 s. Complexité : moyenne. > Teste une collaboration entre plusieurs éléments d’un même module de l’application > Exemple d’une voiture : tests combinant un capteur de choc et l’airbag - Test : quand un choc est détecté par le capteur, on vérifie que l’airbag est bien dans l’état « gonflé »
  107. 107. C’EST QUOI UN TEST AUTOMATISÉ ? 107 TEST FONCTIONNEL > Durée : ~10 s à 1 min. Complexité : importante. > Simule une fonctionnalité, un comportement utilisateur > Traverse plusieurs couches techniques de l’application > Exemple d’une voiture : crash test - Test : quand la voiture est lancée à 30 km/h contre un mur, on vérifie que la tête du mannequin est intacte
  108. 108. LE MODÈLE DE LA PYRAMIDE DES TESTS 108 70% 25% 5%
  109. 109. LOI DU DEFECT COST INCREASE 109 « Plus un défaut est détecté tard, plus il coûte cher à corriger » 2 semaines plus tard 2 mois plus tard
  110. 110. MESURE DE LA PYRAMIDE DES TESTS Formation TDD TU TI TF Changement d’équipe Formation TDD Changement d’équipe 110
  111. 111. L'ÉVOLUTION DE LA QUALITÉ AUTREMENT QUE PAR LA TECHNIQUE 111
  112. 112. TAKE-AWAY 112
  113. 113. 05 PRINCIPES CLÉS DEVOPS À METTRE EN PLACE POUR DÉPLOYER SEREINEMENT EN PRODUCTION TOUTES LES DEUX SEMAINES Alexandre Otparlic, Chef de Projet Tanguy Patte, Consultant OCTO
  114. 114. OBJECTIFS  Proposer une infrastructure flexible  Hautes performances  Doter l’équipe de moyens de tests en amont 114
  115. 115. CONTRAINTES  Associer de nombreux acteurs  Haute exigence de sécurité  Limiter les interruptions de service à 0 115
  116. 116. RÔLE DE L’OPS SUR LE PROJET  Installer et configurer les environnements  Fournir une intégration continue fonctionnelle 116
  117. 117. LES ENVIRONNEMENTS Développement Recette / Démo PartenairesQualité DEV1 DEV2 DEV3 DEMO PART1 PART2 PERF QUALIF PREPROD PROD HÉBERGEUR A HÉBERGEUR B 117
  118. 118. ANSIBLE 118  Description des environnements  Rôles regroupant des ensembles de tâches  Lien entre les machines et les rôles à exécuter
  119. 119. INTÉGRATION CONTINUE Tests de charge Crawler Génération site map Déploiements Déploiements Création du package Déclenchement automatiqueDéclenchement à la demande 119
  120. 120. Documentation exécutable de l’installation Évite les erreurs manuelles Accélère les opérations Répétable sans douleurs Rends autonome les POs et les DEVs Automatisation 120
  121. 121. PARTAGER Pourquoi partager ?  ADN OCTO  Enrichissement personnel  Responsabilisation des DEVs  Meilleur autonomie de l’équipe  Plus de SPOF (Single Point Of Failure) 121
  122. 122. COMMENT PARTAGER Présentation des outils  Qu’est ce que c’est ?  Comment ça marche ?  Pourquoi on l’utilise ?  Comment on l’utilise ? Pair programming sur les sujets OPS et DEV 122
  123. 123. TAKE AWAY  Automatisez tout jusqu’à la production  Partagez la connaissance  Faites tomber les barrières entre les équipes 123
  124. 124. 06 INTÉGRER NATIVEMENT LES NORMES D’ACCESSIBILITÉ DANS LE PROCESSUS DE CONSTRUCTION DU PRODUIT Anne Cavalier, Responsable Qualité & Accessibilité DILA Adrien Saunier, Développeur OCTO
  125. 125. Qu’est-ce que l’accessibilité web ? 125
  126. 126. ACCESSIBILITÉ WEB - AMÉLIORATION DE LA QUALITÉ POUR TOUS 126 Sophie Est déficiente moteur, elle ne peut pas utiliser une souris et se déplace dans la page grâce au clavier Antoine Comme presque 10% des hommes, il est daltonien. Il a du mal à percevoir les différences de couleurs.
  127. 127. ACCESSIBILITÉ WEB - AMÉLIORATION DE LA QUALITÉ POUR TOUS 127 Benjamin ... est nouveau père d'une petite fille qui dort peu. Il est épuisé et a du mal à se concentrer Alice ... est aveugle. Elle utilise une synthèse vocale ou une plage braille pour lire les pages web
  128. 128. ACCESSIBLITÉ WEB ? 128 Rendre les contenus Web accessibles aux personnes en situation de handicap “Mettre le Web et ses services à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales” Tim Berners-Lee
  129. 129. ACCESSIBLITÉ WEB ? 129 Des normes internationales (WCAG - W3C) Qui fixent de grands principes Un référentiel national (RGAA) Méthode d’application, critères, tests, guidelines
  130. 130. Une méthodologie qui évolue au cours de la vie du projet 130
  131. 131. Développement des fonctionnalités Création de story Review Planning poker MÉTHODO - AVANT 131 Audits Cycle de vie d’une story Sensibilisation Gabarits Travail en silo avec deux équipes (front et back) Templating
  132. 132. Avantages: Intervention des experts concentrée Méthodologies de travail familières Système de reporting simple (Création de tickets) Douleurs: ● Corriger “bêtement” ● Peu de capitalisation côté dev ● Accessibilité vécue en « surcouche » ● Nombreux tickets de bugs ● Augmentation de la durée de réalisation des tâches MÉTHODO - PHASE 1 132
  133. 133. Dév MÉTHODO - AUJOURD’HUI 133 AuditsCréation de story Cycle de vie d’une story (avec RGAA) Sensibilisation Gabarits Une seule équipe Review Planning poker
  134. 134. Avantages de la méthode ● Prévention plutôt que correction ● Mise en place de l’accessibilité sur des périmètres restreints (“On travaille sur de petits blocs”) ● Transmission de compétences / connaissances dans les deux sens ● Accessibilité vécue comme source de valeur / qualité ● Accessibilité vécue “comme une évidence” ● Meilleure perception de l’apport de l’accessibilité sur l’expérience utilisateur, pour tous À améliorer ● Rendre les développeurs plus à l’aise pour contrôler par eux-mêmes ● Rendre les bonnes pratiques plus naturelles, plus automatiques ● Avoir des experts dans toutes les fonctions, notamment celle de Product Owner ● Intégrer des personnes en situation de handicap au sein des panels utilisateurs MÉTHODO - PHASE 2 134
  135. 135. QUE RETENIR ? 135
  136. 136. ● L’accessibilité : ○ une source de valeur ○ un critère de qualité produit ○ qui s’inscrit dans une démarche centrée sur l’utilisateur ○ quelle que soit la taille de projet ● Quand, Qui et Comment? ○ Quand: Au plus tôt et tout le temps! ○ Qui: Tous ○ Comment: Sensibilisation, accompagnement, transmission QUE RETENIR À PROPOS DE L’ACCESSIBILITÉ ? 136
  137. 137. MERCI !!! “ LE PLAISIR DE TRAVAILLER ENSEMBLE, CELA SE TRANSMET DANS LE PRODUIT “ 137

×