Direction l’AgilUX,
en voiture Simone !!


        Emilie Chabbouh
          Erika Duriot




                          1
Merci à nos partenaires
Prestige        France    World




              Platinium




               Gold
Qui sommes nous ?
Emilie        Erika




                      3
Product Owner ? Coach ?
 Le Product Owner (PO)               Coach / Scrum Master




– est garant de la vision produit   – veille au respect de l’approche
– est responsable du backlog          agile
  (alimentation, priorisation)      – facilite la communication et la
– valide les user stories             collaboration
                                    – aide l’équipe à s’améliorer



                                                                  4
Qui sommes nous ?
Emilie        Erika




                      5
Agenda

• L’UX design, c’est quoi ?
• Dans un projet, ça donne quoi ?
• Retour d’expérience : démonstrateur
  DMP
• Conclusion



                                        6
L’UX design, c’est quoi ?
         Concevoir des produits
          – utiles
          – élégants
          – faciles à utiliser


          Les composantes de l’UX design
           –   marketing (vision produit)
           –   architecture de l’information
           –   design d’interaction
           –   graphisme
           –   ergonomie
           –   …




                                               7
L’ergonomie
                                                      Une démarche centrée utilisateur
                                                       – collecter les besoins
                                                       – analyser
                                                       – rationaliser



                                                      L’ergonomie des IHM
Malococsis : Et c'est quoi cette porte au plafond ?    –   architecture de l’information
Le carreleur : Ca je sais pas, faut voir avec
Numérobis, l'architecte.
                                                       –   cinématique des écrans
[...]                                                  –   principes de navigation
Numérobis : Ca ?! Non, mais j'anticipe : si vous
                                                       –   composition et disposition des
voulez faire un 2ème étage, PAF, vous pouvez               éléments
parce qu'il y a déjà une porte pour y accéder.




                                                                                            8
Agenda

• L’UX design, c’est quoi ?
• Dans un projet agile, ça donne quoi ?
• Retour d’expérience : démonstrateur
  DMP
• Conclusion



                                          9
Aider à cadrer le besoin
  Product Owner                      UX designer
       Product Box
                               Enjeux et tâches principales
Enjeux et critères de succès

          Ateliers               Interviews / Observation

                               Profils et parcours utilisateurs
        Story Map
                                        Arborescence

      Backlog produit                   Storyboards

    Analyse de risques

 Organisation de l’équipe




                                                                  10
Spécifier le besoin
 Product Owner                 UX designer
    Backlog produit
                                 Storyboards
Spécification par les tests
     Démonstrations           Ateliers utilisateurs
  Groupes utilisateurs         Tests utilisateurs




                                                      11
Accompagner l’équipe
Product Owner                                          UX designer
                                              Accompagnement de l’équipe
Equipe produit intégrée
                                           Bonnes pratiques d’ergonomie / STB

     Priorisation                                   Cible / Version dégradée

                          Recette au fil de l’eau




                                                                                12
Agile addict !!!
          Avant l’Agile…                             Avec l’Agile…
…l’UX designer faisait le lien entre      …l’UX s’enrichit des apports de
les acteurs                               l’équipe intégrée
           – interactions séquentielles
           – communication en étoile




                                            – les outils de l’UX design deviennent
                                              des outils de l’équipe
                                            – les développeurs sont impliqués
                                              dès la vision produit
                                            – les utilisateurs comprennent les
                                              contraintes techniques
                                            – la communication est plus fluide13
Mieux que le mono, la stéréo !
               PO, UX designer, même combat !
                – mêmes objectifs
                – rôles proches

               Avec nos spécificités
                – le PO optimise le ROI (priorisation)
                – l’UX designer veille à l’adoption par
                  les utilisateurs
                – « faire les bonnes choses et les
                  faire bien »


               Travailler ensemble
                – main dans la main
                – de façon coordonnée


                                                   14
Agenda

• L’UX design, c’est quoi ?
• Dans un projet, ça donne quoi ?
• Retour d’expérience : démonstrateur
  DMP
• Conclusion



                                        15
Contexte projet

        • DMP = dossier médical
          personnel
        • Client : ASIP Santé
        • Réaliser un
          démonstrateur de
          logiciel de médecin
          connecté au DMP
        • 2 semaines de cadrage,
          8 itérations d’une
          semaine

                               16
L’équipe produit
        ASIP Santé
         – Sponsor
         – Product Owner
         – Utilisateur
        Prestataire
         –   Assistant PO / Scrum Master
         –   UX designer
         –   Tech Lead
         –   3 développeurs
         –   Intégrateur graphique
         –   Coach

        Mascottes
         – Monsieur Rose
         – Madame Bleue

                                           17
Cadrer le projet
        Atelier et note de cadrage
         –   Product Box (PO/UXD)
         –   enjeux et critères de succès (PO/UXD)
         –   Story Map (PO/UXD)
         –   use cases (PO/UXD)
         –   roadmap (PO)
         –   storyboards grosse maille (UXD)
         –   analyse de risques
         –   organisation du processus agile
         –   initialisation du backlog produit (PO)

        Le scrum master
         – anime les ateliers

        Le PO et l’UXD
         – préparent la première itération

                                             18
Préparer l’itération
          Itération n-2
           – le PO partage les priorités à venir
             avec l’UXD
           – l’UXD travaille ces sujets avec
             l’utilisateur
           – l’UXD met à jour les storyboards

          Itération n-1
           – le PO et l’UXD échangent sur les
             storyboards
           – le PO raffine le backlog
           – le PO écrit les tests de recette
           – l’intégrateur graphique prépare les
             éléments graphiques (pictos, etc…)



                                             19
Pendant l’itération
          Planning game
           – estimation en complexité
             fonctionnelle (PO/UXD avec le
             reste de l’équipe)

          Accompagnement du
          développement
           – précisions fonctionnelles (PO)
           – échanges sur l’implémentation des
             écrans (UXD)
           – recette au fil de l’eau (PO / UXD)

          Validation (démonstration /
          recette)
           – OK/KO (PO)
           – Feedbacks (PO / UXD)

                                             20
Ce qui a bien marché
                      Un produit fonctionnel et
                      « design », livré dans les temps
• beau gâteau pièce
  montée              Une collaboration harmonieuse
                       – communication ouverte
                       – respect de l’expertise de chacune

                      Amélioration continue du
                      processus

                      Meilleure rationalisation des
                      besoins utilisateurs




                                                        21
Les problèmes rencontrés
          Intégration des étapes UXD dans
          le taskboard
           –   storyboards
           –   affichage aux murs
           –   communication PO-UXD
           –   éléments graphiques
           –   post-it spécifiques plutôt que étape

          Perte de la vision d’ensemble
          pour l’UX designer
           – micro tâches
           – pas assez anticipées
           – préparation itération n-2




                                               22
Agenda

• L’UX design, c’est quoi ?
• Dans un projet, ça donne quoi ?
• Retour d’expérience : démonstrateur
  DMP
• Conclusion



                                        23
Conclusion
     Le PO et l’UX designer apportent
     de la valeur aux projets agiles


     Ils ont des rôles proches, mais
     complémentaires


     L’« UXPO »
      – sur de petits projets
      – avec du mentoring




                                       24

Direction l'AgilUX - Agile Tour Paris 2011

  • 1.
    Direction l’AgilUX, en voitureSimone !! Emilie Chabbouh Erika Duriot 1
  • 2.
    Merci à nospartenaires Prestige France World Platinium Gold
  • 3.
    Qui sommes nous? Emilie Erika 3
  • 4.
    Product Owner ?Coach ? Le Product Owner (PO) Coach / Scrum Master – est garant de la vision produit – veille au respect de l’approche – est responsable du backlog agile (alimentation, priorisation) – facilite la communication et la – valide les user stories collaboration – aide l’équipe à s’améliorer 4
  • 5.
    Qui sommes nous? Emilie Erika 5
  • 6.
    Agenda • L’UX design,c’est quoi ? • Dans un projet, ça donne quoi ? • Retour d’expérience : démonstrateur DMP • Conclusion 6
  • 7.
    L’UX design, c’estquoi ? Concevoir des produits – utiles – élégants – faciles à utiliser Les composantes de l’UX design – marketing (vision produit) – architecture de l’information – design d’interaction – graphisme – ergonomie – … 7
  • 8.
    L’ergonomie Une démarche centrée utilisateur – collecter les besoins – analyser – rationaliser L’ergonomie des IHM Malococsis : Et c'est quoi cette porte au plafond ? – architecture de l’information Le carreleur : Ca je sais pas, faut voir avec Numérobis, l'architecte. – cinématique des écrans [...] – principes de navigation Numérobis : Ca ?! Non, mais j'anticipe : si vous – composition et disposition des voulez faire un 2ème étage, PAF, vous pouvez éléments parce qu'il y a déjà une porte pour y accéder. 8
  • 9.
    Agenda • L’UX design,c’est quoi ? • Dans un projet agile, ça donne quoi ? • Retour d’expérience : démonstrateur DMP • Conclusion 9
  • 10.
    Aider à cadrerle besoin Product Owner UX designer Product Box Enjeux et tâches principales Enjeux et critères de succès Ateliers Interviews / Observation Profils et parcours utilisateurs Story Map Arborescence Backlog produit Storyboards Analyse de risques Organisation de l’équipe 10
  • 11.
    Spécifier le besoin Product Owner UX designer Backlog produit Storyboards Spécification par les tests Démonstrations Ateliers utilisateurs Groupes utilisateurs Tests utilisateurs 11
  • 12.
    Accompagner l’équipe Product Owner UX designer Accompagnement de l’équipe Equipe produit intégrée Bonnes pratiques d’ergonomie / STB Priorisation Cible / Version dégradée Recette au fil de l’eau 12
  • 13.
    Agile addict !!! Avant l’Agile… Avec l’Agile… …l’UX designer faisait le lien entre …l’UX s’enrichit des apports de les acteurs l’équipe intégrée – interactions séquentielles – communication en étoile – les outils de l’UX design deviennent des outils de l’équipe – les développeurs sont impliqués dès la vision produit – les utilisateurs comprennent les contraintes techniques – la communication est plus fluide13
  • 14.
    Mieux que lemono, la stéréo ! PO, UX designer, même combat ! – mêmes objectifs – rôles proches Avec nos spécificités – le PO optimise le ROI (priorisation) – l’UX designer veille à l’adoption par les utilisateurs – « faire les bonnes choses et les faire bien » Travailler ensemble – main dans la main – de façon coordonnée 14
  • 15.
    Agenda • L’UX design,c’est quoi ? • Dans un projet, ça donne quoi ? • Retour d’expérience : démonstrateur DMP • Conclusion 15
  • 16.
    Contexte projet • DMP = dossier médical personnel • Client : ASIP Santé • Réaliser un démonstrateur de logiciel de médecin connecté au DMP • 2 semaines de cadrage, 8 itérations d’une semaine 16
  • 17.
    L’équipe produit ASIP Santé – Sponsor – Product Owner – Utilisateur Prestataire – Assistant PO / Scrum Master – UX designer – Tech Lead – 3 développeurs – Intégrateur graphique – Coach Mascottes – Monsieur Rose – Madame Bleue 17
  • 18.
    Cadrer le projet Atelier et note de cadrage – Product Box (PO/UXD) – enjeux et critères de succès (PO/UXD) – Story Map (PO/UXD) – use cases (PO/UXD) – roadmap (PO) – storyboards grosse maille (UXD) – analyse de risques – organisation du processus agile – initialisation du backlog produit (PO) Le scrum master – anime les ateliers Le PO et l’UXD – préparent la première itération 18
  • 19.
    Préparer l’itération Itération n-2 – le PO partage les priorités à venir avec l’UXD – l’UXD travaille ces sujets avec l’utilisateur – l’UXD met à jour les storyboards Itération n-1 – le PO et l’UXD échangent sur les storyboards – le PO raffine le backlog – le PO écrit les tests de recette – l’intégrateur graphique prépare les éléments graphiques (pictos, etc…) 19
  • 20.
    Pendant l’itération Planning game – estimation en complexité fonctionnelle (PO/UXD avec le reste de l’équipe) Accompagnement du développement – précisions fonctionnelles (PO) – échanges sur l’implémentation des écrans (UXD) – recette au fil de l’eau (PO / UXD) Validation (démonstration / recette) – OK/KO (PO) – Feedbacks (PO / UXD) 20
  • 21.
    Ce qui abien marché Un produit fonctionnel et « design », livré dans les temps • beau gâteau pièce montée Une collaboration harmonieuse – communication ouverte – respect de l’expertise de chacune Amélioration continue du processus Meilleure rationalisation des besoins utilisateurs 21
  • 22.
    Les problèmes rencontrés Intégration des étapes UXD dans le taskboard – storyboards – affichage aux murs – communication PO-UXD – éléments graphiques – post-it spécifiques plutôt que étape Perte de la vision d’ensemble pour l’UX designer – micro tâches – pas assez anticipées – préparation itération n-2 22
  • 23.
    Agenda • L’UX design,c’est quoi ? • Dans un projet, ça donne quoi ? • Retour d’expérience : démonstrateur DMP • Conclusion 23
  • 24.
    Conclusion Le PO et l’UX designer apportent de la valeur aux projets agiles Ils ont des rôles proches, mais complémentaires L’« UXPO » – sur de petits projets – avec du mentoring 24