conseil ux

01
iafactory 02
missions 03
expertises 04
julien m. 05
archives

Gestion de projet web

icone ux design d'expérience utilisateur

La gestion de projet web est la méthodologie de mise en oeuvre d'un site internet. La méthode planifie les étapes et les phases projet à travers le respect des délais, la maitrise des coûts, et le suivi qualités. Ces méthodes englobent les métiers du design d'expérience UX rassemblés dans l'expertise métier UX design.

Définition de la gestion de projet
Visualiser la conduite de projet
Méthode de gestion de projet web
Ressources de gestion de projet

Définition de la gestion de projet web

Méthodologie de gestion de projet

Quelles sont les étapes d'un projet ? Qu'est-ce que la démarche de projet ? Comment faire pour réussir son projet et surtout qu'est-ce qu'un bon projet ? Nous allons dérouler les fondamentaux de la gestion de projet pour répondre à ces questions...

La méthode de gestion de projet web combine l'ensemble des techniques et des méthodes qui permettent de mettre en oeuvre un site internet, de la définition du besoin jusqu'à la mise en ligne. Le chef de projet planifie les étapes en définissant les jalons clés qui permettront de suivre l'avancement du produit. La conduite de projet numérique est l'ensemble des moyens de pilotage du travail collaboratif et de la production, dans le respect des délais, du budget, des ressources et des critères de qualité à atteindre.

Le chef de projet est le garant de l'aboutissement du projet. Il assure la coordination de toutes les tâches et favorise la communication entre tous les acteurs du projet. La gestion de projet implique des relations de management internes pour la production et des relations de communication externe avec les porteurs de projet (commanditaire). La conduite de projet s'exerce en agence comme assistant à maitrise d'ouvrage ou directement au sein de l'entreprise en charge de faire aboutir un projet.

Il existe différentes méthodologies de gestion de projet, à la hauteur de la diversité et de la complexité des typologies de site à mettre en oeuvre.
On dénombre toutefois quelques étapes incontournables... La démarche de gestion de projet dépasse très largement le cadre numérique, et notre propose restera ici centré sur les aspects de gestion de projet web, qui est une des familles de la gestion de projet informatique au sens large...

Les étapes du projet digital

Pour approfondir toutes les étapes du projet digital, vous pouvez consulter la page dédiée au diagramme de Gantt et à la planification de projet web.
Les étapes incontournables de la gestion de projet web s'articulent autour des grandes phases suivantes :

Avant-projet
Réunion de kick-off, rédaction du cahier des charges.
Phase de cadrage
Cadrage, cadrage fonctionnel du projet.
Phase d'analyse
Analyse stratégique, études, méthode d'analyse.
Phase de conception
Esquisse, conception fonctionnelle et graphique, conception éditoriale.
Phase de production
Production graphico-technique, suivi de projet et de production.
Phase de développement
Développement technique.
Phase de recette et de test
Audit, conformité, méthode d'évaluation.
Mise en ligne.
Animation, suivi.
Evolution, optimisation.

Le dimensionnement des étapes dépend de chaque projet. On peut factoriser ce phasing projet autour de 4 étapes :

Phase d'avant-projet.
Phase de conception.
Phase de production.
Phase d'évaluation.

La place de l'évaluation du projet digital reste critique. Il est recommandé d'évaluer la qualité du projet et la mesure de l'expérience de façon transversale, à chaque étape, plutôt que d'attendre les tests de prototype qui supposent un temps conséquent entre le lancement et une première version évaluable.
C'est à ce niveau que les méthodologies du design d'expérience utilisateur entrent en jeu.

Gestion de projet et UX design

Les méthodologies du design d'expérience utilisateur rassemblent toutes les techniques permettant d'évaluer l'expérience client en vue de l'améliorer. Dans la démarche UX design, il y a un volet analytique qui correspond à l'étude de l'expérience et un volet design qui correspond à la modélisation de l'expérience. Les méthodes UX reposent sur le paradigme marketing qui cherche à adapter le produit à sa cible.

Le principe de la démarche UX consiste à évaluer le produit de façon agile plutôt que de procéder à un test utilisateur en bout de course, quand le produit est si avancé qu'il en fige les évolutions (ajustements).

Une des façons de se prémunir du manque d'évaluation du produit ou du test en bout de chaine consiste à opter pour une méthode d'évaluation intégrée au processus global de gestion de projet. C'est le principe de la méthode dans la méthode (cf. concept des matriochkas).

Conception centrée utilisateur et gestion de projet

Le cycle de conception centrée utilisateur est une boucle en 4 étapes dans laquelle on donne la part belle à l'évaluation. Cette méthode est issue de l'ergonomie web et suit la logique suivante :

1. Définition de la méthode et planification du process d'évaluation
On définit ce qu'on évalue, qui évalue quoi et avec qui, et à quel moment on procède à l'évaluation... Pour dire les choses plus simplement, on sélectionne les techniques d'évaluation et le périmètre du produit qui sera évalué, et on planifie ces actions.
2. Etude du contexte d'utilisation, de la situation d'utilisation
On va sur le terrain pour donner corps à la recherche utilisateur : recueil des besoins utilisateurs, entretien, étude des besoins, connaissance client. La notion d'investigation qualitative s'agrège par ailleurs autour de la sociologie des usages digitaux. La synthèse donne lieu à une analyse de données qui alimentera tout ou partie du travail des concepteurs.
3. Elaboration des solutions de conception
Design, modélisation des solutions de conception en adéquation et dans la lignée de la recherche utilisateur.
4. Evaluation des solutions de conception
Audit de conformité ergonomique, test utilisateur... Priorité donnée aux études qualitatives où l'ergonome web associe les utilisateurs à l'évaluation de l'expérience.

Ce cycle est supposé être un processus d'amélioration continu. Dans la pratique c'est dur à mettre en oeuvre... Toujours est-il, la conception centrée utilisateur trouve sa place opérationnelle au sein des phases d'analyse et de conception de la conduite de projet web.

Il faut être parfaitement transparent sur le fait que l'intégration de la méthode de conception centrée utilisateur au sein de la conduite de projet digitale globale, allonge, plus ou moins considérablement, le processus de production du produit. Ce n'est absolument pas un problème dès lors que cette méthodologie est appliquée et planifiée en amont du projet. Il faut y penser dès le départ, sinon la méthode sera subie.

Dans la mise en oeuvre opérationnelle de la conception centrée utilisateur, les acteurs et les parties prenantes au projet doivent consentir au respect du cycle en 4 étapes. Pour le chef de projet qui gère les équipes de conception en interne, le client en externe, les utilisateurs en sus, il faut bien reconnaître que la pratique relève de l'exercice d'équilibriste. C'est toutefois possible, d'autant plus si le chef de projet est complété par un profil d'UX designer pour l'épauler dans la prise en compte de l'expérience à chaque étape...

Gestion de projet et livrables

Dans la mesure où le coordinateur du projet doit s'assurer de l'avancement de la conception du produit numérique, il est amené à produire ou faire produire un ensemble de livrables qui constituent les traces de la prestation. Avec le développement des méthodes de conception, la complexification technologique des projets, et l'explosion des enjeux business, il n'est pas rare de voir une armée d'acteurs du projet uniquement dévolus à la production de livrables. C'est le syndrome de la conception centrée sur le livrable.

Gérer un projet web consiste avant tout à produire un dispositif numérique. Le directeur de projet doit être le garant de l'avancement du projet et du bon effort à apporter dans la production des livrables. L'essentiel, c'est le dispositif digital, pas le livrable. Et dans l'industrie digitale, il peut arriver que le livrable prenne le pas sur le projet. On peut ainsi passer plus de temps à dire ce qu'il faut faire, qu'à faire ce qui est dit... Ce qui est plutôt cocasse.

Il existe une foultitude de techniques pouvant déboucher sur des livrables dans le cadre des métiers du marketing, du consulting et de la conception. Je vous renvoie à la section traitant de toutes les méthodes UX design pour en explorer une partie. Voici en résumé les livrables incontournables du projet web.

Cahier des charges.
Note de cadrage du projet.
Typologie et liste des contenus - arborescence.
Maquettes fonctionnelles - wireframes.
Ligne de design graphique et direction artistique - création graphique.
Production et déclinaison graphique : PSD.
Production et développment front end : HTML.
Spécifications - spécifications fonctionnelles.
Procès-verbal de recette.

Dans les projets les plus factorisés, les équipes de conception peuvent réduire le livrable aux wireframes... ce qui conduit à ce raccourci erroné UI = UX, conception d'interface - user interface design = design d'expérience utilisateur.

Lotissement de projet web

Pour maintenir le cap d'une gestion de projet orientée sur la conception du site internet plutôt que sur la production de livrable, le lotissement du projet reste un garde-fou. La technique du lotissement fonctionnel consiste à caler la gestion de projet sur les grandes zones fonctionnelles du dispositif digital à produire.

Le lotissement consiste à découper le dispositif digital à produire en chantier fonctionnel, où chacun des chantiers constitue une entité suffisamment autonome pour être appréhendée de façon spécifique. Cela ne signifie pas que les chantiers doivent être traités isolément, car la qualité de l'expérience d'utilisation est directement liée, notamment, à l'harmonie, la cohérence et l'homogénéité de l'interface utilisateur.

Voici un exemple de lotissement de chantier fonctionnel pour un site ecommerce :

Lot 1 : descente catalogue (parcours de l'accueil vers la fiche produit).
Lot 2 : architecture de l'information du catalogue et design de navigation.
Note : on voit ici que le lot 1 et le lot 2 sont interdépendants.
Lot 3 : tunnel d'achat et conception du processus de commande.
Lot 4 : conception de l'espace client et compte utilisateur.
Lot 5 : espaces éditoriaux permanents (magazine, bloc).
Lot 6 : éléments de conception complémentaires...
[...]

La gestion de projet opérationnelle, au-delà des phases classiques du projet web, va pouvoir appliquer la planification sur le façonnage du produit. Dans l'exemple évoqué, un site ecommerce de taille critique peut allègrement dépasser un volume de 100 gabarits types (et bien plus encore). Il est donc important de structurer l'approche de conception et la planification du projet en sous-étapes, plus faciles à appréhender. On pourra ainsi organiser un recueil de besoin pour chaque lot, concevoir la zone fonctionnelle de façon approfondie, évaluer l'expérience en considérant le chantier fonctionnel.

La technique du lotissement fonctionnel suppose une très bonne maitrise du périmètre fonctionnel du projet. Celle-ci passe nécessairement par le listing de toutes les fonctionnalités du dispositif digital à travers un inventaire fonctionnel... Mais comment réussir à cerner le scope fonctionnel intégral d'un projet ?

L'analyse fonctionnelle dans la gestion de projet

L'analyse fonctionnelle est une forme de recueil des besoins métier du commanditaire qui consiste à identifier toutes les demandes de l'entreprise émettrice, considérée à travers l'ensemble de ces unités d'affaires. Pour dire les choses plus simplement, on cherche à faire le point sur tous les besoins de l'entreprise, pour tous les services concernés par le dispositif web. A l'heure de la transformation digitale, c'est plus ou moins l'ensemble des services et des expertises de l'entreprise qui peuvent être concernées.

L'analyse fonctionnelle repose sur l'organisation de réunion de travail avec chacun des services de l'entreprise, où le chef de projet cherchera à rencontrer le responsable d'unité d'affaires ainsi que les profils opérationnels, une à plusieurs fois selon l'implication et l'importance du service concerné dans le projet digital. C'est potentiellement assez long, et c'est pour cela que le projet y consacre une phase à part entière (cadrage).

L'analyse fonctionnelle débouche sur un listing de besoin : pour chacun des besoins identifiés, les équipes du projet vont chercher à dresser un catalogue de réponses. Des besoins à traduire en contenu, des besoins auxquels peuvent répondre des fonctionnalités, des besoins pour lesquels il faudra créer des services transactionnels, des besoins pour lesquels il faudra peut-être modifier l'organisation du travail... Le listing des typologies de besoin en information et en fonctionnalité est à la source de l'inventaire fonctionnel du projet et de l'inventaire éditorial.

La conception du projet web

Comme vous le voyez, en combinant le recueil des besoins métier au recueil des besoins utilisateurs, on cherche effectivement à faire converger les exigences du business et les attentes des utilisateurs finaux. Le site web doit être une synthèse entre l'offre et la demande, et c'est le rôle des équipes de conception de parvenir à trouver les bons équilibres dans la proposition de valeur.

La conception d'un projet numérique se nourrit donc essentiellement de l'analyse du besoin qui reste une pierre angulaire de toute démarche projet. L'analyse du besoin est réalisée en amont du projet (avant-projet, phase de cadrage) et rassemble l'expression des besoins métier, le recueil des besoins utilisateur, l'analyse fonctionnelle.

Sans ce matériel fondamental, sans la collecte des informations stratégiques du projet, on ne peut pas réellement déterminer de stratégie digitale cohérente pour orienter la conception du projet dans la bonne direction.

La conception du projet doit effectivement être orientée pour que les efforts du design soient dirigés vers l'atteinte d'un but. Cela suppose la mise en place d'objectifs clairement définis, qui peuvent aller de la couverture éditoriale d'un sujet à l'atteindre d'objectifs transactionnels chiffrés, en volume comme en valeurs (objectif de qualification de visiteur, panier moyen, taux de transformation.

Pour reprendre la maxime de notre Docteur Ergo, il n'y a pas une conception juste, mais juste une conception. Il est donc essentiel de fixer un cap pour que les efforts et l'énergie puissent être canalisés vers l'atteinte des objectifs, qu'ils soient business ou non.

La qualité dans le projet web

Ces éléments posent la question de la qualité du projet web...
Qu'est-ce qu'un projet web de qualité ? Qu'est-ce que la qualité dans un projet web ? Qu'est-ce qu'un bon projet web ?

Les bases, ce sont les respects du planning et du budget (voir chiffrage de projet), et plus généralement du cahier des charges... Oui mais encore ?

Au sens stricto sensu, un bon projet web est celui qui est parvenu à être déployé dans les délais impartis, en respectant l'enveloppe budgétaire prévue à cet effet, et qui a atteint les critères de qualité fixés dans la feuille de route du projet. Ok, on se heurte à nouveau à cette problématique de qualité...

La qualité peut être de différente nature sur le plan du produit en lui-même :

Respect des standards ergonomiques : qualité ergonomique (critères ergonomiques, normes d'accessibilité).
Respect des standards digitaux et web : qualité web (exemple des critères de qualité OPQUAST.
Respect des standards techniques : qualité technique (respect des standards W3C.

Si le site web a été finalisé, et qu'il permet de valoriser l'offre éditoriale, commerciale et transactionnelle du commanditaire, on peut également parler de réussite, sans forcément parler de qualité. Celle-ci se mesure également à la performance :

Performance en référencement : le site est positionné dans la première page de résultat des outils de recherche et le SEO search engine optimisation a payé.
Performance transactionnelle : une part de visiteur a souscrit à l'offre.
Performance économique : les ventes sont à la hauteur des objectifs définis (objectif d'équilibre, de rentabilité...).
[...]

Un projet de qualité est également celui qui a été réalisé dans les règles de l'art sur le plan humain : les équipes de conception et de production ont oeuvré sur le projet de façon constructive, le commanditaire est satisfait de la prestation... On rejoint ici la notion d'expérience, et celle-ci concerne aussi, naturellement, l'expérience du donneur d'ordre. Un bon projet est satisfaisant pour le passeur de commande, nécessairement...
Un bon projet web se mesure également à la qualité de l'expérience utilisateur et de l'expérience client qu'il véhicule. La mesure de la qualité reste une notion délicate, mais on peut évaluer l'expérience à travers pas mal d'éléments :

Test et enquête de perception auprès de l'audience (enquête qualitative).
Test utilisateur et test de performance.
Sondage et enquête de satisfaction (approche quantitative).
Feedbacks des utilisateurs.
Participation et contributions des utilisateurs.
Commentaires positifs...

Il n'y a pas que l'expérience utilisateur dans un projet digital, il y a aussi l'expérience des porteurs de projet qui compte. Il y a donc deux volets clés de l'expérience, l'un considère toutes les techniques permettant de dérouler le projet dans les meilleures conditions pour satisfaire le commanditaire, l'autre considère tous les moyens déployés pour définir, mesurer et assurer le niveau de qualité technique, ergonomique, expérientielle du dispositif.