1. Conduite de projets web
Ce chapitre présente 3 stratégies pour aborder les projets web en commençant par la plus ancienne. Si l'organisation des différentes taches évolue selon les stratégies toutes les 3 nécessitent de traiter des taches similaires.1.1. Gestion en cascade
C'est le principe "traditionnel" de conduite de projets web...Analyse
- Les différentes phases du projet s'enchainent successivement
- Elles nécessitent l'intervention de nombreux profils professionnels spécialisés différents
- Elle est donc clairement inadaptée aux petits projets/budgets
- Elles génèrent un effet tunnel pour le client final qui passe de la charte graphique au site fini
- Ce principe de fonctionnement nécessite une très bonne compréhension/participation du client final (qui n'ait pas forcément aisée à obtenir)
- Elle entraine beaucoup de sujectivités : on parle du futur site dans les spécifications, on en montre le rendu visuel non animé dans la charte... Mais le site web n'est pas une "simple" affiche publicitaire, c'est un outil interactif que le client final ne découvre réellement qu'une fois le projet entièrement terminé...
1.2. Gestion agile
A la place d'un traitement linéaire des différentes taches le déroulement du planning s'effectue sur des cycles courts (sprints) ou plusieurs phases se suivent successivement... Et le projet est décomposé en n sprints.Cf : sources http://www.pilot-in.com/gestion-de-projet-web/methode-agile-autre-approche-gestion-projet/
Cf sources : https://www.pinterest.com/pin/428053139553046330/
Comme toutes les gestions de projet en mode agile qu'elles portent sur le web ou toutes autres activités les bénéfices retirés sont notamment :
- Une meilleure réactivité pour la prise en compte des changements
- Une plus grande implication du client final et moins d'effet tunnel
- Un périmètre projet défini en fonction des besoins et non en fonction des aspects commerciaux et contractuels
- nécessite de multiples intervenants (et donc un budget assez conséquent)
- nécessite une bonne compréhension du client qui ne peut être un "simple néophyte"
1.3. Gestion "légère"
- en termes de coûts humains associés aux développements
- en termes de technicité nécessaire pour que le client final puis s'impliquer pleinement dans le projet et non le subir
- en termes d'industrialisation (on a tendance à recréer la roue pour chaque projet...)
La solution envisagée alors est le recours à une conception à 100% basée sur le prototypage.
2. Les étapes du projet web
2.1. Les spécifications
Ce document doit répertorier de façon plus ou moins exhaustive ou détaillé l'ensemble des aspects du projet web à tout point de vue (planning et phasage, technologies, webmarketing, design,...).Pour ce faire tout doit commencer par une bonne collecte d'informations...
2.1.1. Interview client
Ce travail a lieu avant l'établissement par l'agence web de la proposition commerciale, il permet à celle ci d'être pertinente et établie de manière objective. Il s'agit de formuler un ensemble de questions concrètes qui vont permettre de préciser et de bien envisager le projet web...Parmi ces questions on trouve notamment des aspects budgétaires, planning, fonctionnels, concurrentiels,...
2.1.2. Construisons une interview client type : atelier
Voici le début d'une liste de questions correspondant à cette interview client à nous de la compléter par nos échanges...- Quel est le nom/intitulé du service à mettre en ligne ?
- Quels sont les noms de domaine à votre disposition pour ce projet ?
- Description du service / concept / produit que votre site fournira,...
2.1.3. Plan des spécifications et périmètre
On distingue à priori :- un Cahier des Charges et Spécifications Fonctionnelles (BRD, donc)
- un Cahier des Charges et Spécifications Techniques (Product Requierements Document, PRD).
Cette segmentation possède de la pertinence sur les projets complexes et/ou très ambitieux, de manière plus pragmatique les "spécifications fonctionnelles et techniques" couvrent généralement l'ensemble des aspects suivants
- Contexte du projet
- but du projet
- personnes et organismes impliqués dans le projet
- Ambitions
- Contraintes sur le projet (juridique, culturelle, temporelle,...)
- Objectifs internes et externes
- Cibles principales et secondaires
- Tâches à traiter par les cibles
- Aspects webmarketing
- Front office
- Respect des standards et normes
- Contenus
- Inventaire des fonctionnalités
- Ergonomie
- Arborescence et architecture de l'information
- Définition des différentes pages types
- Description de l'architecture des pages types
- Qualités du site web
- Orientations graphiques et design
- Backoffice
- Outils de gestion de contenus
- Modalités d'administration
- Sécurité
- Aspects techniques (maintenance, hébergement,)
- Stratégies retenues
- Risques identifiés
- Critères de réussite
- Opérations liées à la mise en ligne
- Exploitation du site
- Boite à idées pour les futures évolutions
- Modalités de recette
- Macro planning et livrables prévus
- Annexes
Remarques
- Ce plan type peut être enrichi judicieusement par une synthèse provenant d'un benchmark sectoriel et conccurentiel venant alimenté en amont la réflexion et portant sur le territoire ciblé ou en dehors de celui-ci.
- Dans le cas de la création de nouvelles versions de sites web (refonte) les données webmarketing portant sur le site actuel, la prise en compte des retours utilisateurs apporteront des données subjectives et pertinentes à vos réflexions
2.2. Wireframing et prototypage
Suivant les modalités de conduite de projet cette étape a lieu en parallèle des spécifications ou après celles ci (elle peut aussi être réalisée en avant projet).Cette étape est cruciale car c'est la première étape ou se matérialise et se concrétise un peu le futur site.
Il existe de nombreux outils différents pour produire du wireframing, des outils générant des wireframings non interactifs aux outils très proches du comportement d'une vraie page web... Par exemple l'outil Axure (extension pour chrome : https://chrome.google.com/webstore/detail/axure-rp-extension-for-ch/dogkpdfcklifaemcdfbildhcofnopogp) permet de produire des pages types animées et simulant les comportements mobiles, tablettes,...
2.2.1. Les principes
Si les outils sont mutliples la démarche est toujours la même :- sur la base de l'arborescence envisagée dans les spécifications un certain nombre de pages types sont définies (accueil, contact, fiche produit, liste produit, actualités, liste actualités,...)
- pour chacune de ces pages types le wireframing ou le prototypage va permettre de définir l'architecture de la page, son agencement dans l'espace, les comportements et interactions des différentes zones...
2.2.2. UX Design
Le UX design apparu dans les années 2000 et en fort développement permet de placer l'utilisateur (les cibles) au coeur des processus de conception la finalité recherchée étant de mettre en place un site répondant réellement aux besoins et attentes des utilisateurs en leur permettant de traiter le plus efficacement l'ensemble des taches qu'ils devront réaliser sur le site.Ce processus ne révolutionne pas la conception de sites web mais permet de la rendre moins subjective. Cette sensibilité et sa prise en compte dans les processus de conception modifient quelque peu les étapes de spécifications et de prototypage en les rendant plus fusionnelles (les 2 approches devant avancer en même temps). Voici un schéma proposant les principes de l'UX Design.
2.2.3. Aller plus loin
On peut envisager d'aller plus loin encore dans l'utilité du prototypage fonctionnelle si le site Internet réalisé et son prototype sont réalisés sur le même outil CMS.Ainsi il n'y a plus 2 phases dissociées dans le projet générant des couts supplémentaires mais une seule phase avec un prototype, au départ simple ébauche du site qui glisse progressivement par de multiples petites évolutions vers le statut de site.
Si dans la démarche et en termes budgétaire cette approche est la plus censée elle nécessite de disposer d'un outil de CMS facile à faire évoluer et non contraignant car la phase de prototypage nécessite d'explorer de multiples pistes.
2.4. Ergonomie et webdesign
Cette étape de création de charte graphique réalisée par le directeur artistique va permettre sur la base des spécifications, des prototypes ou wireframings, et des exigences et contraintes graphiques apportées par le client de créer la charte graphique du futur site web en considérant si possible :- l'ensemble des pages types composant le site web
- les adaptations mobiles et tablettes
- l'impression des pages
2.5 Développements
On peut distinguer les développements backend (PHP, JSP, bases de données) très techniques des développements front end (moins techniques et plus pluridisciplinaires : code HTML CSS JS + ergonomie + design + SEO).Ces 2 taches sont traitées parallèlement ou en cascades, elles font appel selon les projets à des spécialistes dédiés (développeurs backend et développeurs front end).
2.5.1. Focus sur le rôle du développeur frontend :
Son rôle et importance s'est accrue au cours des dernières années, il s'agit d'un maillon en charge de la production des pages web qui doit être apte à dialoguer avec les différents grands acteurs de la chaine de production :- Chef de projet, responsable communication, responsable marketing, consultants SEO, et experts (accessibilité, ergonome,...),
- Directeur artistique,
- Développeurs back end,
- Administrateurs du site, et client final,...
2.5.2. Choix technologiques
Concernant les développements backend, les choix technologiques effectués à ce niveau sont cruciaux, il existe de multiples CMS, de multiples langages de programmation différents...S'il est difficile d'indiquer de manière formelle quel CMS et quels langages utilisés, certains facteurs importants sont à prendre en compte :
- développements et popularités des technologies/langages
- pérenité des technologies/langages
- outils et technologies utilisées par les concurrents
- adaptation de la technologie/du CMS aux besoins internes et externes
- sécurité, fiabilité, maintenabilité,
- couts récurrents associés
2.6. Mise en place des contenus
Les contenus rédactionnels, iconographies, documents associés sont mis en place une fois les développements finalisés. Pour gagner du temps il est judicieux de rassembler ces éléments dès le début du projet car ce processus de collecte et de synthèse peut s'avérer long.L'ensemble des contenus mis en place doivent être particulièrement soignés car leurs impacts seront :
- essentiels en termes de référencement naturel
- importants quant à la satisfaction des différents cibles
2.7. Recette
Cette phase de vérifications avant la mise en ligne du site est organisée dès l'étape de spécifications si possible. La recette peut être suivant les projets particulièrement scrupuleuse en s'appuyant sur des outils dédiés (qui jouent des scénarios) et peuvent recouvrir des aspects très différents :- performance et rapidité de chargement (tests de stress à la charge)
- interopérabilité devices et navigateurs,
- sémantique des pages types (impact sur le référencement naturel)
- traitement des erreurs,...
2.8. Préparations à la mise en ligne et formations
Cette étape correspond notamment à- La mise en place des outils d'analyse d'audience (Google Analytics, Xiti,...)
- La mise en place des outils de suivi qualités (Opquast Reporting, Google Webmaster Tools,...)
- La formation des différents gestionnaires du site
- Dans le cas d'une refonte de site la gestion des anciennes url (indexées par les moteurs de recherche) par la mise en place de redirections vers les nouvelles pages
- On peut aussi associer à cette étape la mise en place de présence sur les réseaux sociaux grands publics et professionnels et leurs interconnexions avec le site qui sera mis en ligne (alimentation automatique des réseaux sociaux par flux...)
2.9. Ouverture commerciale du site
Suivant les ambitions et budgets du projet cette étape couvre principalement 1 ou plusieurs aspects :- Le passage obligé : la soumission aux moteurs de recherche et annuaires (au moins Google Bing Yahoo et DMOZ)
- Suivant les budgets :
- développement de la politique de netlinking
- opérations webmarketing : liens sponsorisés (SEM), bannières publicitaires, mailings....
2.10. Exploitation et gestion du site en production
Là encore il s'agit d'un point trop souvent ignoré... Sans doute pour des raisons historiques beaucoup de porteurs de projet et parfois même d'agence web considèrent une fois le site ouvert au public que ce chantier est terminé, mais ce n'est qu'un début, contrairement à une affiche publicitaire imprimée une fois pour toute les sites web sont évolutifs en termes de contenus qui doit s'enrichir progressivement et en termes de fonctionnalités.2.10.1. Aspects rédactionnels
La mise à jour des contenus du site, la mise en place de nouveaux contenus, leur plus ou moins forte mise en valeur sont autant d'aspects importants à la fois pour le référencement naturel et la satisfaction des utilisateurs cibles du site. Pour les projets ambitieux aux budgets suivants il peut être très intéressant de mettre en place des comités rédactionnels se réunissant à période régulière et statuant sur les taches à traiter à court, moyen et long terme.2.10.2. Concept d'enrichissement et d'amélioration progressive
L'apport de la méthodologie agile d'une part, de l'UX design d'autre part et l'évolutivité des sites web a permis l'essor d'une approche dans la création de sites web fondée sur l'enrichissement et l'amélioration progressive.Le principe est simple, plutot que de vouloir mettre en ligne le site dans sa version finale, celui ci est mis en ligne dans une version simplifiée, qui évoluera étape par étape. Les intérêts de cette approche résident notamment dans :
- La sécurisation des investissements
- Une meilleure prise en compte des retours/attentes des utilisateurs
- L'affichage d'un dynamisme du site ou de la société (effet d'image)