icone gestion de projet

Le diagramme de Gantt est un planning projet incontournable des techniques de gestion de projet.
Découvrez des exemples de planifications web illustrés et des ressources pour planifier vos projets.
Des modèles de diagrammes de Gantt et une formation en ligne sont disponibles en accès payant.

La planification à l'aide du diagramme de GANTT

Révisé en Octobre 2019

Définitions du diagramme de Gantt

diagramme de gantt

Quelles sont les étapes d'un projet web ?
Qu'est-ce qu'un diagramme de Gantt ?
Comment planifier votre projet de site internet
?
Quelles techniques et quelles méthodes pour établir le planning d'un projet numérique ?
Faut-il figurer toutes les tâches du projet ?
Nous allons vous guider dans la réalisation du planning de votre projet en utilisant notamment la technique du diagramme de Gantt. Des exemples de diagrammes de Gantt illustrent la démarche. Ces travaux de planification de projet web relèvent de la gestion de projet et du consulting organisationnel.

D'abord, un mot pour commencer :
diagramme de Gantt = planning de projet :).
On peut aussi parler de planigramme ou de calendrier projet... mais si vous entendez quelqu'un prononcer ces mots, vous avez affaire à un académicien...
Bref, le diagramme de Gantt permet d'embrasser l'avancement des travaux engagés dans le projet digital en un coup d'oeil. Il projette l'enchainement des étapes de la réunion de lancement jusqu'à la mise en ligne. Le diagramme de Gantt clarifie les dates de réalisation du projet et le temps à affecter à chaque étape. Le planning permet de visualiser les grandes phases prévues pour la mise oeuvre du support numérique ainsi que leur durée : on parle aussi de phasing projet.
Le diagramme de Gantt est le mode de visualisation le plus répandu pour représenter les étapes d'un projet web.
Mais il en existe d'autres... Jetez un oeil aux exemples de planning plus bas pour vous en convaincre.

Le diagramme de Gantt liste les tâches à réaliser et les positionne sur un axe des temps. Il prévoit également la souplesse et la flexibilité nécessaire aux aléas, en anticipant les marges existantes sur certaines tâches. Il permet de suivre le déroulement du projet, pas à pas, de la phase d'avant-projet, en passant par la conception et la production, jusqu'à la mise en ligne du dispositif digital. Le logiciel le plus utilisé pour réaliser des diagrammes de Gantt est Microsoft Project. Mais vous pouvez également réaliser un diagramme de Gantt avec Excel et Powerpoint.

Au niveau visuel, le diagramme de Gantt représente les tâches ligne par ligne, en ordonnée. Des niveaux de lecture distinguent les tâches faisant parties d'un même ensemble (phase, lot...). En abscisse, c'est l'axe des temps : on positionne des vecteurs qui représentent la durée de la tâche dans le temps.

Sur le plan du vocabulaire, on parle de planification de projet, de planning, de phasing. Toutes ces notions renvoient au même concept : visualiser les tâches du projet et les ordonnancer sur un axe des temps.

Fondamentaux des projets web

Le diagramme de Gantt est un outil fondamental pour la mise en oeuvre de tout type de projet informatique, dont les supports numériques tels que les sites internet, les sites intranet, les applications mobiles, les logiciels (quoique la conception de logiciel soit particulière). Le planning est réalisé dans la phase d'avant-projet voire dans l'étape de définition du besoin, en amont du lancement du projet (rédaction du cahier des charges, structuration du projet dans le cadre de l'assistance à maitrise d'ouvrage).

Le projet rassemble l'ensemble des actions à entreprendre afin de répondre à un besoin défini, dans le respect des délais et les limites budgétaires fixées par le commanditaire. Cette démarche est structurée autour de méthodes qui permettent d'anticiper les réalités à venir. Le projet implique des objectifs, un ensemble d'actions à mettre en oeuvre, et des ressources.

Le coordinateur du projet (chef de projet digital, directeur de projet, consultant) veille à ce que les ressources soient utilisées de façon optimale, conformément aux objectifs déterminés pour le projet. La conduite de projet vise un seul but : l'accomplissement du projet dans les contraintes de délais, de coûts et de qualités définies...
Le diagramme de Gantt est la pierre angulaire de la conduite de projet numérique puisqu'il clarifie l'utilisation des ressources dans le temps, autour d'étapes centrées sur l'objectif final du projet...

Le principe du diagramme de Gantt reste élémentaire : fractionner le projet en petites étapes afin de le faire avancer progressivement...
Quelles sont ces étapes et quelles sont les unités de fractionnement du temps permettant d'étalonner le projet ?

Diagramme de Gantt et tâches

Si le diagramme de Gantt suppose une projection des activités dans le temps, il faut donc éclaircir le concept de tâches projet... Pour cela nous devons parler des différentes parties d'un projet.
Un projet numérique, comme un site internet, est assez facile à découper en sous-ensembles : il y a les chantiers, les lots, les jalons et les tâches. Nous allons détailler chacun de ces points un peu plus loin.

Avant cela, il faut souligner qu'un projet digital peut lui-même être une sous-partie d'un ensemble plus vaste : le programme. Le programme englobe les sites internet autour de la stratégie digitale qui peut prendre corps au travers de l'écosystème digital de sites (galaxie de sites)... Le programme rassemble l’ensemble des projets permettant d’aboutir au résultat final dans toutes ses dimensions : marketing, informatique, technique, formation, organisation, logistique, communication...

Voici les éléments à considérer dans la mise en oeuvre d'un projet :

  • Programme
    Le programme stratégique peut contenir plusieurs projets web. Chaque projet est découpé en lots, eux-mêmes segmentés en phases dans lesquelles on réalise des tâches. Le programme peut être découpé en PROJET.
  • Projet
    Le projet ne fait pas nécessairement parti d’un programme, il peut être unique et ponctuel. Le projet peut être découpé en LOT (on parle de lotissement).
  • Lot et Chantier
    Le projet peut être décomposé en lots ou en sous-projets ou encore en chantiers, en fonction de leur priorité, afin d'obtenir des sous-ensembles dont la complexité est plus facilement maîtrisable : essentiel ! Le lot doit être découpé en PHASE (on parle de phasing).
  • Phases
    Le découpage du projet en phase, en étape, permet de procéder plus facilement à sa planification. Le phasing du projet dépend de son amplitude et de sa complexité. La phase est constituée d’un ensemble de TÂCHE.
  • Tâches
    Les tâches, ce sont toutes les actions à réaliser dans une phase, des plus petites aux plus grandes.
  • Jalons
    Les jalons sont des événements importants du projet qui conditionnent le passage d'une étape à l'autre.
  • Livrables
    Les livrables sont les traces matérielles des différentes étapes qui orientent le projet digital. Ils prennent la forme de rapport et sont destinés à mourir dans le cimetière des PDF :).

Comme vous pouvez le voir, avant de projeter les tâches sur un axe des temps au sein du diagramme de Gantt, il faut d'abord lister toutes les tâches du projet. Il sera également impératif de hiérarchiser les tâches pour déterminer celles qui sont prioritaires et qui doivent effectivement figurer sur le diagramme de Gantt. Les chefs de projet expérimentés pourront faire l'impasse sur cette partie en se basant sur leur culture digitale. Néanmoins, la structuration du projet dans le temps suppose d'en connaître les tenants et les aboutissants.

Diagramme de Gantt et jalons

Les tâches du projet peuvent être nombreuses avec un ordonnancement variable (voir les méthodes dites de réseau PERT : des schémas qui présentent les structures d'enchaînement des tâches). Toutes les tâches ne sont pas forcément des éléments assez significatifs pour figurer au sein du diagramme de Gantt.
En effet, le retroplanning du projet doit focaliser sur la représentation des tâches essentielles : les événements...

Qu'est-ce qu'un événement dans un projet digital ?
Une réunion importante, une étude à mener, un livrable à réaliser, un temps d'aller-retour à prévoir, une tâche spécifique à réaliser, un expert à solliciter, une séance particulière à préparer... Tous ces éléments majeurs constituent les jalons : un jalon est un point de passage, une étape suffisamment importante pour influencer l'avancement du projet.
Le jalon est un carrefour du projet qui peut valider ou non le passage à l'étape suivante sur le principe des feux de signalisation :
- feu rouge, on ne passe pas à l'étape suivante ;
- feu vert, ça va comme sur des roulettes, on déroule le projet ;
- feu orange : vous savez :)... vous pouvez passer mais...

Un livrable, qui est une trace formalisée et contractuelle de la prestation, est toujours un jalon du projet. Les livrables constituent même les jalons les plus déterminants du projet dans la mesure où ils préfigurent les aspects de forme et de fond du dispositif digital. (arborescence, wireframe, maquette, spécification). Mais un jalon n'est pas systématiquement un livrable. Une réunion peut constituer un jalon. Une validation peut constituer un jalon. L'envoi de médias et de fichiers sources permettant d'alimenter le travail graphique peut aussi constituer un jalon.

Le diagramme de Gantt scénarise les jalons principaux du projet, dont les livrables, et ces jalons sont marqués par un losange dans le rétro planning.

Exemple de structure de projet à planifier

Pour mieux comprendre ce découpage du projet numérique, voici un exemple concret de structuration de projet :

  • Programme : moderniser le système d'information de l'entreprise Z.
  • Projet 1 : le progiciel de gestion intégré de l'entreprise Z doit être audité.
  • Projet 2 : l’intranet de l'entreprise Z est obsolète : il faut lancer une mission de recueil des besoins pour l’améliorer.
  • Projet 3 : le site marchand Z.com est performant mais pas dans l’air du temps : appel d’offre pour la refonte.

Voici maintenant un zoom sur le Projet 3 :

  • Lot 1 prioritaire : réorganiser les entrées du catalogue, trop confuses.
  • Phase 1 : test de tri de cartes sur les entrées du catalogue actuel...
    >> Tâche 1 : préparer le test de tri de cartes.
    >> Tâche 2 : recruter des usagers pour participer au test.
    >> Tâche 3 : planifier le tri de cartes…
    >> Tâche 4 : mobiliser l'expert pour la réalisation du tri de cartes.
    >> Tâche 5 : Livrable > produire le rapport de synthèse du tri de cartes.
    >> Tâche 6 : Jalon > valider le livrable pour continuer.
    >> Tâche 7 : [...]
  • Phase 2 : réorganisation du catalogue.
  • Phase 3 : conception et création de la descente catalogue.
  • Phase 4 : spécifications détaillées pour l’interfaçage avec l’outil...
  • Phase 5 : production et développement (intégration, développement).
  • Phase 6 : recette.
  • Phase 7 : mise en ligne.
  • Lot 2, prioritaire : optimiser le parcours utilisateur au sein du tunnel d'achat.
  • Lot 3, non prioritaire: améliorer l'espace client.
  • [...]

Dans cet exemple, on voit que l'optimisation de l'architecture de l'information du catalogue ne relève pas de la même approche que la refonte du processus de commande. Ce sont 2 lots différents. Les lots constituent des ensembles d'actions suffisamment homogènes et originales pour faire l'objet d'une planification spécifique. On utilisera ensuite des phases pour découper chacun des lots en un sous-ensemble d'actions. Le lotissement est une démarche stratégique permettant d'organiser efficacement le projet et c'est une des bases les plus fortes pour construire le planning autour d'un diagramme de Gantt.

Planification de projet et lotissement

Le lotissement vise à fractionner le projet en partie. C'est une technique qui a pour objectif d'isoler les chantiers stratégiques du projet web pouvant faire l'objet d'un traitement indépendant. Attention toutefois, lotir le projet ne signifie pas que les lots doivent être traités en silo sans considération de l'ensemble !

La technique que nous recommandons est celle du lotissement fonctionnel de projet : on découpe le projet autour des zones fonctionnelles du dispositif digital. Par exemple, pour un projet de site ecommerce, vous allez considérer 5 grands chantiers fonctionnels qui constitueront autant de lots :

  • Chantier 1 : 5 écrans types
    Parcours de la descente catalogue. De l'accueil vers la fiche produit.
  • Chantier 2 : 10 écrans types
    Processus de commande. Du panier vers la confirmation de paiement.
  • Chantier 3 : 5 écrans types
    Espace client. Tableau de bord et historique des commandes.
  • Chantier 4 : 5 écrans types
    Dimension éditoriale. Toutes les pages de contenu.
  • Chantier 5 : 3 écrans types
    Pages transversales.
  • [...]

Le lotissement fonctionnel est une méthode de structuration du projet très puissante. Elle est pragmatique et facile à comprendre car elle est basée sur le façonnage du produit digital. Le diagramme de Gantt pourra ainsi être bâti sur des chantiers fonctionnels qui matérialisent eux-mêmes l'avancement du projet !

Le lotissement du projet en chantier fonctionnel s'applique à tous les types de dispositifs digitaux : sites transactionnels, applications mobiles, intranets, portails de contenus...
La technique du lotissement concerne principalement les dimensions de conception - production. Or, le diagramme de Gantt nécessite de visualiser toutes les étapes du projet : il nous faut donc évoquer le phasing du projet...

Quelles sont les étapes d'un projet web ?

En résumé, il n'y a pas de méthodologie de planification type de projet digital. Chaque projet est de nature suffisamment originale pour exiger une méthode spécifique et adaptée. Par ailleurs, les méthodologies projet dépendent de la sensibilité des porteurs de projet (technique, éditoriale, design) : une entreprise de service numérique axée sur les métiers du design aura tendance à faire pencher le projet sur la dimension graphique quand une société de service informatique inclinera plutôt vers la dimension technique...

Une autre caractéristique qui va peser sur la méthodologie projet concerne la configuration de la mise en oeuvre : le projet est-il porté par une seule structure en interne, ou s'agit-il d'une commande passée entre un commanditaire (maitre d'ouvrage) et une agence (maitre d'oeuvre) en charge de réaliser le dispositif digital ? Le projet sera-t-il piloté par la même agence ou éclaté entre différents prestataires de services, par spécialités, par typologies de structures (agence, studio, freelances) ? Un assistant à maitrise d'ouvrage sera-t-il sollicité par le commanditaire pour piloter la mise en oeuvre ?

Comme vous le voyez, de nombreux points peuvent orienter le phasing du projet. Et nous n'avons parlé pas parlé du budget. Ni même des délais ! Et encore moins de la typologie du projet à mettre en oeuvre : un logiciel n'implique pas exactement la même démarche qu'une plateforme web destinée aux photographes...
Toujours est-il, un projet numérique va toujours suivre quelques grandes phases incontournables, indépendamment de tous les champs de perturbation potentiels.
Ainsi, un projet web ou un projet informatique se structure toujours plus ou moins autour des grandes étapes suivantes :

  • 1. Phase d'avant-projet
    Analyse. Recueil des besoins. Cadrage. Stratégie. Etudes spécifiques.
  • 2. Phase de conception
    Conception fonctionnelle. Conception éditoriale. Conception graphique.
  • 3. Phase de production et de développement
    Production et déclinaison graphique. Production éditoriale. Développement front-end. Développement back-end.
  • 4. Phase de recette et de test
    Test interne et correction. Test externe (utilisateur) et amélioration progressive.
  • 5. Mise en ligne et animation
    Mise en ligne. Communication. Animation éditoriale. Animation commerciale. Enrichissement éditorial.

Ce sont les grandes lignes d'un projet numérique qui servent généralement de squelette pour la création du diagramme de Gantt. La production peut être développée en plusieurs sous-phases, comme pour le développement... Tout dépend de la culture digitale de l'éditeur et du commanditaire. Les phases seront modulées en fonction de la typologie et de la spécificité du projet. On parle de dimensionnement du projet : il dépend de la dimension technique, de l'amplitude fonctionnelle, de l'envergure éditoriale.
Comme vous pouvez le voir, nous ne sommes pas trop rentrer dans les détails des spécialités métiers...

En effet, il existe plusieurs spécialités métier qui exigent une certaine transversalité : le SEO - search engine optimization, l'ingénierie technique, l'ergonomie et le design UX au sens large, le marketing digital, les analyses de datas web analytics. Pour ces expertises verticales, les experts peuvent intervenir tout au long de la chaine du projet digital. On parle même de méthode dans la méthode, comme la conception centrée utilisateur par exemple...

Planification de projet et méthode UX design

La conduite de projet digital peut s'appuyer sur certaines méthodologies spécifiques. C'est le cas des méthodes de conception centrée utilisateur aussi appelées méthodes de design UX... Les méthodes de design de l'expérience utilisateur privilégient l'expérience d'utilisation comme donnée fondamentale de la qualité, et cette expérience d'utilisation est donc prise en compte, voire mesurée quand c'est possible, dans chacune des étapes du projet :

  • Phase d'analyse UX
    Dans la phase d'avant-projet.
    Recueil des besoins des utilisateurs. Etudes des usages digitaux. Test de perception. Enquêtes qualitatives. Analyses quantitatives de datas (web analytics). Ateliers de recherche avec les clients.
  • Phase de conception UX
    Dans la phase de conception.
    Standards ergonomiques. Test de tri par cartes (architecture de l'information et organisation des contenus). Test de perception (design). Conception centrée sur les utilisateurs. Identification des scénarios stratégiques de visite. Fiches personas...
  • Phase d'évaluation UX
    Dans la phase de test.
    Test utilisateur. Test de perception (design). Audit ergonomique. Enquête qualitative...

Il s'agit bien d'une méthode dans la méthode, ici centrée sur le critère de qualité. L'évaluation de la qualité d'un dispositif digital reste délicate, d'autant plus en ce qui concerne l'expérience d'utilisation. Les méthodes de conception UX constituent néanmoins une méthodologie importante à considérer au moment de planifier le projet et d'établir le diagramme de Gantt.
Dans la mesure où les méthodes de design UX mettent l'accent sur les tests, elles sous-tendent une méthodologie d'amélioration progressive, qui peut potentiellement allonger la durée du projet, du moins certaines étapes : les feedbacks et les retours des usagers peuvent nécessiter des aménagements de conception - production plus ou moins importants.

Bien que le cycle UX prévoit de nombreux inputs utilisateurs en amont du projet, il reste difficile de se prémunir d'erreurs de conception en cours de projet. Seuls les tests permettent de corriger le tir. Et cela peut allonger le chemin critique du projet, même si les défenseurs des méthodes UX vous diront tout le contraire :)...

Chemin critique du projet web

Le chemin critique est une notion très importante rattachée au diagramme de Gantt... Le chemin critique du projet web est l'expression utilisée pour qualifier la durée totale du projet et toutes les étapes à réaliser. Un chemin critique suggère une durée incompressible. L'enchaînement des étapes du projet est un parcours qui part de la réunion de lancement (kick-off projet) et qui se termine au-delà de la mise en ligne...

Le chemin critique est un point de friction récurrent dans tous les projets digitaux. Le commanditaire souhaitera que le projet débouche le plus rapidement possible. Le prestataire ou l'équipe de production interne (pour les agences digitales intégrées à l'entreprise) devront alors multiplier les effectifs pour accélérer la production.
Mais le chemin critique reste le même : les étapes sont dites incompressibles. Dans tous les cas, les étapes doivent considérer des temps pour emmagasiner les risques (anticipation, flexibilité).

Il existe une mythologie qui s'est créée autour de la notion d'agilité : agile ceci, agile cela. L'agilité s'opposerait aux méthodes de conduite de projet classiques supposées rigides, en réduisant le chemin critique...
Agile = travaillez plus vite les gars !
L'agilité sous-tend une logique ultra-capitaliste de pressurisation maximale des prestataires. Elle est aussi synonyme d'équipes plus petites (concept = moins cher !). En réalité l'agilité ne résout rien, ou pas grand chose, au contraire, elle dynamite les fondamentaux du projet, le plus souvent en axant tout l'effort sur la recherche des solutions de conception qui conduit à des projets wireframing centric (centré sur les esquisses fonctionnelles)... Ce concept se rapproche de pratiques ésotériques voire du charlatanisme. L'agilité est une des expressions les plus nettes des dérives ultra-capitalistes appliquées à l'industrie numérique. Le propos est radical. Mais il est assumé.

Diagramme de Gantt comme livrable

Les livrables sont les traces de la prestation qui permettent d'acter l'avancement du projet. Ce sont des éléments souvent contractuels qui donnent un caractère tangible au déroulement du projet numérique qui est immatériel par nature. La production des livrables prend du temps, beaucoup de temps, et les acteurs du projet déplorent parfois des projets centrés sur les livrables vs. une méthodologie axée sur le produit fini...
Bref, un problème de consulting et de consultant :)... Mais il n'est pas négligeable.

Le diagramme de Gantt est un livrable incontournable du projet. C'est aussi le livrable qui détermine à quel moment devront être réalisés tous les autres livrables clés du projet.

Parmi les livrables qui doivent nécessairement figurer au sein du diagramme de Gantt, on compte :

  • Cahier des charges : à l'origine du projet. Pour les très gros projets.
  • Note de cadrage : phase avant-projet.
  • Arborescence : phase de conception
  • Wireframes : phase de conception
  • Ligne graphique : phase de conception
  • Déclinaison des maquettes graphiques : phase de production
  • Squelette HTML : phase de production
  • Spécifications générales : phase de production
  • PV de recette : phase de recette

Le diagramme de Gantt doit nécessairement inclure de l'élasticité pour la validation des livrables : 2 aller-retour semblent être un bon compromis. Ne négligez pas le temps des allers-retours, qui peut considérablement peser sur l'avancement du projet...

Modèles de diagramme de Gantt à télécharger

IAFACTORY vous propose plus de 150 modèles prêts à l'utilisation pour vous aider à documenter toutes les étapes de vos projets digitaux. Parmi ces modèles figurent les outils de la gestion de projet dont le diagramme de Gantt à télécharger. Le kit ultime projet permet notamment de documenter toutes les étapes des phases du projet digital. Les modèles sont disponibles en téléchargement immédiat au sein de notre shop.

Pour vous guider dans la planification d'un projet digital de taille critique, nous mettons également à votre disposition un programme de formation en ligne de 50 heures de formation pour visualiser toutes les étapes du projet digital, sous l'angle du design UX !

Objectifs de la planification du projet

Structurer et visualiser le déroulement du projet

Planifier le projet permet d'organiser sa mise en oeuvre dans le temps. L'objectif central du diagramme de Gantt est de permettre à tous les acteurs impliqués dans le projet d'en visualiser le déroulement. C'est donc un outil qui facilite, améliore et fluidifie l'organisation du travail.

Voici les attributs et les fonctions poursuivies par le diagramme de Gantt :

  • Planifier le projet digital.
  • Visualiser les étapes du projet.
  • Structurer la mise en oeuvre du projet numérique.
  • Déterminer les jalons favorisant l'avancement du projet.
  • Optimiser les délais de mise en oeuvre.
  • Ordonnancer les tâches les plus importantes sur un axe des temps.
  • Positionner les livrables clés pour l'avancement du projet.
  • Organiser la conception et la production du projet.
  • Rationaliser la production.
  • Optimiser les coûts.
  • Garantir le respect des délais.

Le planning donne la priorité aux tâches les plus structurantes et les plus rapprochées, c'est à dire les tâches dont la date de livraison est la plus proche.
Le diagramme de Gantt est un outil clé de la conduite de projet. Il structure les tâches autour de grandes phases et détermine la durée de chacune des actions à réaliser. La réalisation d'un diagramme de Gantt suppose donc une excellente connaissance des implications de la conception d'un dispositif digital.

Exemples de diagramme de Gantt

icone telecharger des modeles pour analyse UX
TÉLÉCHARGER
150 livrables projets !
Kit de livrables projet : 2,60€ le modèle

diagramme de Gantt diagramme de Gantt
diagramme de Gantt Microsoft Project
iafactory - Julien MUCKENSTURM
diagramme de Gantt Powerpoint diagramme de Gantt
diagramme de Gantt Powerpoint
iafactory - Julien MUCKENSTURM
découpage du projet web découpage du projet web
avant la réalisation du diagramme de Gantt
iafactory - Julien MUCKENSTURM
planification et projet web planification et projet web
les éléments du projet digital
iafactory - Julien MUCKENSTURM
diagramme de gant et phase diagramme de gant et phase
phasing projet
iafactory - Julien MUCKENSTURM
diagramme de gant et jalon diagramme de gant et jalon
les phases sont ponctuées par des jalons
iafactory - Julien MUCKENSTURM
exemple de diagramme de gantt exemple de diagramme de gantt
structuration des étapes du projet
iafactory - Julien MUCKENSTURM
diagramme de Gantt simplifié planification de projet web
planification de l'animation du site
iafactory - Julien MUCKENSTURM
planning des actions emarketing planning des actions emarketing
planification stratégique
iafactory - Julien MUCKENSTURM
planifier les interventions métier web planifier les interventions métier web
conduite de projet digitale
iafactory - Julien MUCKENSTURM
exemple de planning de projet digital chaine projet UX
exemple de planning de projet digital
iafactory - Julien MUCKENSTURM
AMOA et analyse ux design AMOA et analyse ux design
phasing du projet digital et UX design
iafactory - Julien MUCKENSTURM
AMOA et conception ux design AMOA et conception ux design
phasing du projet digital et UX design
iafactory - Julien MUCKENSTURM
planifier l'assistance à maitrise d'ouvrage planifier l'assistance à maitrise d'ouvrage
accompagnement ux design
iafactory - Julien MUCKENSTURM
découpage projet et estimation de budget découpage projet et estimation de budget
supports de cours iafactory
iafactory - Julien MUCKENSTURM
inventaire fonctionnel et budgétisation inventaire fonctionnel et budgétisation
supports de cours iafactory
iafactory - Julien MUCKENSTURM

Méthode de planification de projet

icone formation ux design en ligne
MAÎTRISER
les méthodes UX design
Formation UX en ligne : 18,00€ l'heure

Méthodes : comment réaliser un diagramme de Gantt ?

Comment créer un diagramme de Gantt ?
Pour commencer, vous devez déterminer les phases de votre projet et les positionner dans votre diagramme de Gantt, par exemple :

  • Phase d'avant-projet.
  • Phase de conception.
  • Phase de production.
  • Phase de test.

Ensuite, pour chacune des phases, vous allez lister les livrables clés à intégrer aux différentes phases, ainsi :

  • Phase d'avant-projet : note de cadrage
  • Phase de conception : arborescence, wireframe, direction artistique.
  • Phase de production : spécifications, lot de page html
  • Phase de test : recette

Tous les temps forts du projet ne sont pas forcément des livrables... et le diagramme de Gantt ne sera pas complet s'il figure uniquement les livrables. Il faut donc ajouter les principaux événements susceptibles d'influencer le déroulement du projet au travers de jalons.

Les jalons à considérer peuvent concerner les réunions : comité projet (réunion opérationnelle, 1 fois par semaine par exemple), comité de pilotage (instance décisionnelle stratégique, 1 fois par mois), comité de direction ou comité stratégique (1 fois ou 2 sur toute la durée du projet, considère toutes les dimensions business de l'entreprise et pas juste le digital...). On peut aussi citer le comité expert (on sollicite un expert éditorial, un ergonome, un référent SEO, un expert technique).

A cela s'ajoute les ateliers de présentation et de création (worskshop de conception) permettant d'aider le client à accoucher de son projet (phase de recueil des besoins, atelier sur les contenus, atelier sur les produits)... Les ateliers sont aussi des temps forts permettant de faire transiter l'information du commanditaire vers le maitre d'oeuvre en charge de la réalisation.

Toujours dans notre exemple, on va donc ajouter un ensemble de réunion. Ici on ne parle pas de crise de réunionite ! Ce sont des moments de rencontre essentiels pour faire avancer le projet :

  • Phase d'avant-projet.
    Réunion de cadrage, atelier de recueil des besoins (2 ou 3 ateliers à prévoir). 1 comité de pilotage.
  • Phase de conception.
    Atelier de travail sur l'arborescence, atelier de brief sur la charte graphique, atelier de présentation des travaux de conception fonctionnelle (workshop fonctionnel). 2 comités de pilotage.
  • Phase de production.
    Plusieurs comités projets et autres réunions opérationnelles d'avancement. Réunions avec les experts.
  • Phase de test.
    Réunions...

Au cours du projet, il faudra également réaliser des études spécifiques, comme un benchmark de la concurrence, un audit de l'existant, une analyse SEO. Il peut également s'agir d'un audit éditorial, d'une analyse des indicateurs de performances analytiques... Ces travaux doivent naturellement figurer au planning. Ils se concrétisent en général par un livrable sous la forme d'un rapport d'étude qui devra être représenté dans le diagramme de Gantt.
Dans notre exemple :

  • Phase d'avant-projet : benchmark de la concurrence, audit de l'existant...
  • Phase de conception : analyse ergonomique...
  • Phase de production : expertise SEO...
  • Phase de test : audit de conformité technique...

Pour finir, on fera figurer les temps de validation dans le planning pour introduire l'elasticité et la flexibilité nécessaire à la bonne marche du projet. A ce stade, nous avons listé de nombreux éléments susceptibles d'être représentés au sein du diagramme de Gantt.
Reste à déterminer le temps alloué aux différentes tâches.

Vous pouvez visualiser un exemple de diagramme de Gantt dans les illustrations un peu plus haut. Et plus bas dans cette page figure également un exemple de découpage de projet considérant le listing détaillé des tâches principales du projet digital.

Attribution des ressources et durée des tâches

Pour déterminer le temps alloué à chaque tâche, vous pouvez vous basez sur votre expérience de coordination de projet. S'il s'agit de la première projection de diagramme de Gantt, vous pourrez vous appuyer sur l'expertise des principaux intervenants dans le projet : directeur artistique, chef de projet technique ou ingénieur d'étude, ergonome, architecte de l'information, UX designer, développeur back-end, développeur front-end, expert SEO...
Dans la pratique, les chefs de projet digitaux disposent du background nécessaire pour évaluer et estimer le temps à affecter à chaque tâche du projet...

La planification et la définition des périodes de durée pour chaque tâche ne se basent pas uniquement sur l'empirisme. Si le lotissement fonctionnel est orienté sur l'envergure de fonctionnement du dispositif, on pourra considérer les temps de production autour de la notion des gabarits types à concevoir, une technique très pragmatique.

Le diagramme de Gantt doit intégrer de la flexibilité pour les validations et les allers-retours. De même, il faudra considérer les temps de réunion et la validation des comptes-rendus.
Pour résumer, le modus-operandi le plus factuel pour lister les temps de chaque tâche consiste à établir la liste des tâches et à affecter un temps à chaque activité comme ceci :

  • Phase d'avant-projet.
  • Réunion de lancement. 0,5 jours
  • Préparation de la réunion de lancement 0,25J
  • Compte-rendu réunion de lancement 0,25J
  • Réalisation et livrable 5,0J
  • Présentation et atelier benchmark 0,5J

Utilisez votre liste pour la faire valider par des référents dans chaque domaine d'expetise.

Etablissement des connexions entre les tâches

Le planning modélise une structure dynamique où un ensemble d'actions à des conséquences sur les autres : c'est l'effet domino...
Le diagramme de Gantt implique la création de connexion entre les différentes phases : le début de la phase de conception suppose la fin de l'avant projet. La validation d'une maquette fonctionnelle donne le feu vert pour le maquettage graphique...

Autrement dit, si une tâche structurante qui conditionne les autres n'est pas terminée, alors les autres tâches ne peuvent pas commencer...
Principe du Feu vert et du Feu rouge :).

Diagramme de Gantt sous Microsoft Project

Mircrosoft Project constitue un très bon outil pour élaborer des diagrammes de Gantt. C'est d'ailleurs sa fonction principale :).
L'intérêt de Microsoft projet réside dans son caractère dynamique : chaque modification opérée dans le planning s'applique à toutes les autres tâches.

Un diagramme de Gantt implique potentiellement de la complexité. Il est donc bien pratique de s'appuyer sur un logiciel gérant dynamiquement et automatiquement les dates... décaler une date affectera tout le planning, et pas besoin de bidouiller comme avec Powerpoint et Excel :).

Microsoft Project permet de créer des diagrammes de Gantt puissants, dynamiques et flexibles. C'est l'outil à privilégier pour les projets digitaux de grande envergure. Le rendu graphique des diagrammes de Gantt réalisés sous Microsoft project est excellent. Il est facile d'éditer des PDF et de les partager.

Diagramme de Gantt sous Excel

La création d'un planning sous Excel est intéressante dans l'optique d'un suivi dynamique des ressources et des charges de consommation rapportées à chaque poste métier.

En revanche, Excel induit pas mal de complexité voire de rigidité sur le plan de la mise en forme. Ce n'est pas un outil recommandé pour les projets complexes. D'autre part, les modifications du planning et les réaffectations de temps supposent de nombreuses formules dynamiques élaborées... Ce n'est pas avec Excel que vous éditerez de jolis diagrammes de Gantt :).

Diagramme de Gantt sous Powerpoint

Powerpoint apparaît remarquablement souple pour créer des plannings simples. C'est un outil efficace pour réaliser des diagrammes de Gantt rapidement. Les possibilités d'édition visuelles sont nombreuses. L'édition de PDF visualisable est facilitée par le format diapositive.

Microsoft Powerpoint ne représente pas l'outil le plus puissant pour élaborer des diagrammes de Gantt sophistiqués adaptés aux projets digitaux de grande envergure. En revanche, on gagnera du temps pour formaliser très rapidement des plannings pour de petits projets digitaux, ou des projets dans le projet...

Exemple de phasing projet

Phase 1 : Cadrage projet

  • Réunion de lancement - kick-off
  • Réunion de cadrage fonctionnel 1
  • Réunion de cadrage fonctionnel 2
  • Etude : audit de l'existant
  • Etude : benchmark de la concurrence
  • Etude : présentation
  • Etude complémentaire : recueil des besoins métier
  • Etude complémentaire : recueil des besoins utilisateur
  • Note de cadrage : rédaction
  • Note de cadrage : envoi et aller-retour
  • Note de cadrage : validation finale

Phase 2 : Conception fonctionnelle

  • Arborescence : réunion 1
  • Arborescence : réunion 2
  • Arborescence : réalisation
  • Arborescence : envoi et aller-retour
  • Arborescence : validation finale
  • Chantier fonctionnel 1 : descente catalogue
  • Chantier fonctionnel 1 : descente catalogue, réunion
  • Chantier fonctionnel 1 : brief projet chantier 1
  • Chantier fonctionnel 1 : wireframe réalisation
  • Chantier fonctionnel 1 : wireframe présentation
  • Chantier fonctionnel 1 : wireframe modifications
  • Chantier fonctionnel 1 : wireframe envoi et aller-retour
  • Chantier fonctionnel 1 : wireframe validation finale
  • Chantier fonctionnel 2 : processus de commande
  • [...]
  • Chantier fonctionnel 3 : espace client
  • [...]
  • Chantier fonctionnel 4 : éditorial
  • [...]

Phase 3 : Création graphique

  • Définition de la ligne graphique : réunion de brief
  • Définition de la ligne graphique, base 5 gabarits
  • Définition de la ligne graphique : présentation
  • Définition de la ligne graphique : modification
  • Définition de la ligne graphique : envoi et aller-retour
  • Définition de la ligne graphique : validation finale
  • Déclinaison graphique chantier 2
  • Déclinaison graphique chantier 2 : envoi et aller-retour
  • Déclinaison graphique chantier 2 : modification
  • Déclinaison graphique chantier 2 : validation finale
  • Déclinaison graphique chantier 3
  • [...]
  • Déclinaison graphique chantier 4
  • {...]

Phase 4 : Développement

  • Définition du squelette : réunion de brief
  • Intégration front-end, base 5 gabarits
  • Intégration front-end, envoi et aller-retour
  • [...]
  • Développement back-end
  • [...]

Phase 5 : Test, recette, optimisation

Ce phasing projet est un exemple général qu'il convient de compléter en fonction des spécificités de votre projet...

Démarche pour planifier à l'aide d'un diagramme de Gantt

Voici le récapitulatif de la démarche de planification à l'aide d'un diagramme de Gantt :

  • Etudier la typologie du projet.
  • Analyser le brief ou le cahier des charges.
  • Déterminer le phasing du projet autour de 4 - 5 phases.
  • Lotir le projet autour de chantiers fonctionnels.
  • Lister les principaux livrables.
  • Déterminer les jalons clés.
  • Projeter le nombre de réunions jugées nécessaires.
  • Lister les tâches du projet.
  • Prioriser les tâches.
  • Affecter une durée aux tâches prioritaires.
  • Faire valider les temps estimés par des référents métiers.
  • Prévoir les temps de validation des livrables.
  • Projeter les phases et les chantiers.
  • Visualiser le planning.
  • Partager le planning avec les référents projet et le faire valider.
  • Diffusion du diagramme de Gantt.
  • Outil de suivi et ajustements en cours de projet.

Travaux complémentaires à la planification du projet

Les travaux à considérer au cours du travail d'élaboration du diagramme de Gantt :

auteur Julien Muckensturm iafactory
linked in julien muckensturm

Ressources autour de la planification de projet

APPROFONDIR
le planning

Livre : Conduite de projet web
conduite de projet web

Aller plus loin autour du diagramme de Gantt :

Formation vidéo à visionner :

Livrables à télécharger :

Supports de cours (débutant) à étudier :

Compétences métier pour le diagramme de Gantt :

Fiche métier :

Livres à bouquiner :

Autres ressources sur le web :

  • Signalez nous des ressources autour du diagramme de Gantt via les commentaires !
Plus de techniques gestion de projet
METHODOLOGIE
Centralisation des besoins des équipes côté client en amont de la conception d'un dispositif digital.
analyse des besoins
ENVERGURE FONCTIONNELLE
Clarification du périmètre fonctionnel et de son envergure : fonctionnalités, gabarits...
cadrage fonctionnel
CONCEPTION D'INTERFACE
Esquisse d'interface utilisateur, projection des contenus et fonctionnalités à l'écran.
wireframing