Guide Mettre en place une démarche d’écoconception

Accompagner les contributeurs 👉

On observe souvent de rapides dégradations de performance entre la livraison d'un site éco-conçu et sa performance quelques mois plus tard, notamment à cause de la contribution.

Pourquoi accompagner les contributeurs

Si vous êtes dans le cas d'une livraison d'un site de contenu (site institutionnel, site vitrine…) réalisé avec un CMS, il se passe souvent la chose suivante :

  1. Le site est livré à la DSI mais c'est souvent un autre service, dépendant de la communication, qui sera amené à mettre à jour ou à enrichir le contenu du site (chargées de communication, journalistes…).
  2. Il arrive souvent que ces personnes ne soient pas formées à l'écoconception ou qu'elles n'aient pas été impliquées dans la conception du site : manque de temps, service non consulté ou simplement nouveaux arrivants. Quand bien même elles auraient été impliquées, elles peuvent avoir oublié certaines recommandations données plusieurs mois plus tôt.
  3. Ce qu'il se passe alors est que ces personnes modifient les textes, changent les images, ajoutent des pages et des médias sans respecter les bonnes pratiques d'écoconception et d'accessibilité.
  4. On voit alors le beau site léger et performant livré au départ devenir en quelques mois un site lourd et non éco-conçu.

La belle référence a disparu pour vous et le client commanditaire peut être déçu de la dégradation rapide des résultats.

Voici donc quelques idées pour préserver la performance environnementale du site.

1. Impliquer les contributeurs dès l'amont

Pourquoi ? Il peut y avoir beaucoup d'informations Ă  transmettre aux contributeurs s'ils partent de loin alors leur donner uniquement les bonnes pratiques Ă  la fin risque d'ĂŞtre inefficace :

  • cela peut ĂŞtre perçu comme une contrainte qui leur est imposĂ©e ;
  • sans contexte, l'objectif final de ces bonnes pratiques n'est pas clair ni motivant ;
  • le catalogue de recommandations peut submerger si on les donne toutes d'un coup.

C'est pourquoi il est recommandé d'impliquer au plus tôt les équipes contributrices sur le projet d'une refonte.

Comment ?

  • Proposer 1 Ă  2 heures de sensibilisation aux enjeux du numĂ©rique responsable : sur un webinaire, une pause dĂ©jeuner, ou encore, en prĂ©sentiel. PrĂ©server un temps pour des questions-rĂ©ponses.
  • Mener des entretiens auprès de ces mĂ©tiers afin d'identifier leurs besoins en matière de contribution, leurs usages, leurs envies et leurs peurs concernant la refonte. Ces informations pourront ĂŞtre utilisĂ©es pour gĂ©nĂ©rer de l'adhĂ©sion en leur fournissant des possibilitĂ©s qu'elles n'avaient pas avant, ou encore de personnaliser les livrables au plus près de leurs besoins.

2. Impliquer les contributeurs dans la conception

Pourquoi ?

  • Les contributeurs sont des utilisateurs secondaires du service, travaillant sur le CMS. Les impliquer dans les phases de conception est le moyen le plus efficace de rĂ©pondre Ă  leurs besoins.
  • Mobiliser les contributeurs rĂ©gulièrement permet de crĂ©er des ambassadeurs parmi eux, qui pourront embarquer plus facilement leurs collègues. A l'inverse, si on ne les implique pas, les contributeurs peuvent se sentir frustrĂ©s de n'avoir pas Ă©tĂ© consultĂ©s entre le dĂ©but et la livraison, et avoir le sentiment d'ĂŞtre ignorĂ©s et qu'on leur impose un changement d'habitude pĂ©nible.

Comment ?

  • Recueil des besoins : Pour chaque bloc fonctionnel important, mener des entretiens pour bien comprendre leurs besoins et envies.
  • Ateliers de co-crĂ©ation : Les inviter aux ateliers de co-crĂ©ation qui les concernent (dĂ©finition de l'arborescence et du menu, structure des pages institutionnelles…).
  • ItĂ©rations sur les interfaces ou tests utilisateurs : Leur prĂ©senter les pages de contenu en wireframe ou interface haute-fidĂ©litĂ© pour recueillir leurs retours.

3. Prévoir des gardes-fous

Pourquoi ? Même en formant les contributeurs, on n'est pas à l'abri d'une erreur humaine d'inattention. Ne serait-ce que pour les nouveaux arrivants qui ne seront peut-être pas formés immédiatement.

Comment ?

Il est possible de travailler l'interface et les fonctionnalités du CMS de façon à réduire au maximum les erreurs et excès.

Quelques idées :

  • Rappeler les bonnes pratiques dans l'interface de contribution. (ex : rendre obligatoire l'indication du poids et format du fichier)
  • Alerter les contributeurs en cas d'excès (ex : "Le paragraphe fait plus de X caractères. Il est recommandĂ© d'Ă©viter les textes longs d'un seul bloc sur le web.")
  • Compresser ou redimensionner automatiquement les images, vidĂ©os, ou audios tĂ©lĂ©versĂ©s par les contributeurs.
  • Automatiser des affichages d'informations importantes en Ă©coconception (ex : poids et durĂ©e des vidĂ©os, voire Ă©quivalence du visionnage en CO2e)
  • Interdire le tĂ©lĂ©versement au-delĂ  d'un certain poids (ex : images de plus de 1 Mo)
  • Introduire des seuils maximaux de nombre d'Ă©lĂ©ments : interdire l'intĂ©gration de plus de X images ou vidĂ©os dans une page.

Choisissez parmi ces idées en fonction de l'acceptation de vos utilisateurs à la contrainte et adaptez les seuils à leur contexte.

A noter : les CMS opensource tels que Osuny ou Kirby permettent de fortement personnaliser l'aide à la contribution tout en restant très légers.

Voir Choisir sa solution technique

4. Former les contributeurs

C'est l'action la plus Ă©vidente et le minimum requis : donner une formation Ă  la livraison du projet pour expliquer comment contribuer au site. 

Quelques points de vigilance :

  • Ne pas attendre la livraison pour donner la formation : Nous recommandons de la faire durant la phase de prĂ©-prod afin que les contributeurs puissent s'entraĂ®ner, migrer et réécrire les contenus en vue de la mise en production. Cela Ă©vite aussi d'ĂŞtre sollicitĂ©s plusieurs semaines après la livraison.
  • Ne pas se cantonner au fonctionnement du CMS. Parfois ce sont les dĂ©veloppeurs ou chefs de projet qui donnent cette formation car ils ont la vision d'ensemble du service. S'assurer que la notion des bonnes pratiques d'Ă©coconception est bien prĂ©sente.
  • S'adapter au niveau de vos interlocuteurs et de leur mĂ©tier : on ne dit pas exactement la mĂŞme chose Ă  des journalistes qui travaillent en collectivitĂ© qu'Ă  des chargĂ©s de communication dans une entreprise. De la mĂŞme façon, vous aurez peut-ĂŞtre quelques personnes dĂ©jĂ  bien informĂ©es sur lesquelles vous appuyer dans l'Ă©quipe.

Recommandations de points Ă  couvrir

Ă€ ajuster en fonction de vos interlocuteurs :

  • SobriĂ©tĂ© Ă©ditoriale : hiĂ©rarchie de l'information, rĂ©daction des textes
  • Images : infographies, photos, illustrations, notamment gĂ©nĂ©rĂ©es par IA
  • MĂ©dias : vidĂ©os, audios
  • Arborescence : crĂ©ation de pages, modification des entrĂ©es du menu
  • Choix des gabarits ou composants proposĂ©s en fonction du besoin
  • Cycle de vie du contenu : archivage, suppression, mise Ă  jour

Il est souvent pertinent de donner en même temps les bonnes pratiques d'accessibilité pour chacun des points ci-dessus.

Durée de la formation

Elle dĂ©pend de ce que vous avez pu facturer au client et du niveau de vos interlocuteurs. DiffĂ©rents formats sont possibles : 

  • PrĂ©sentation de 1 Ă  2 heures : prĂ©sentation d'un exemple de contribution en direct et du guide de contribution
  • Atelier de ½ journĂ©e : ajout d'exercices de contribution permettant la prise en main et de rĂ©pondre aux questions qui surviennent lors de la pratique.
  • Formation d'1 journĂ©e : rappel des enjeux d'Ă©coconception et d'accessibilitĂ©, exercices dĂ©diĂ©s Ă  chaque point de la contribution

5. Livrer un guide de contribution

Pourquoi ?

  • Les contributeurs risquent d'oublier certains points vus durant la formation.
  • Certaines personnes recrutĂ©es plus tard risquent de ne pas avoir ces connaissances.

Le guide pourra subsister dans le temps, être diffusé dans l'organisation, ajouté dans les embarquements de nouveaux arrivants… Par ailleurs, il est facile à vendre car c'est un livrable concret pour le client

Comment ?

  • Pour chaque sujet listĂ© dans la formation, illustrer les bonnes pratiques. ex : Do / Don't, exemples issus d'un audit menĂ© avant la refonte.
  • Expliquer pourquoi c'est important : qui est concernĂ©, ce qu'il se passe si on ne le fait pas… 
  • Pour chaque sujet, donner les bonnes pratiques d'Ă©coconception mais aussi d'accessibilitĂ©, d'inclusion…
  • Renvoyer vers des ressources pour approfondir : guide, rĂ©fĂ©rentiel, vidĂ©o explicative, tutoriel…
Exemple
Comment bien optimiser les images en choisissant des images utiles, en les redimensionnant puis en les optimisant grâce à un outil comme Shortpixel

Guide de contribution

A la livraison du livrable, un guide de contribution en écoconception et accessibilité a été livré à cette Directrice de la Communication. L'occasion de rappeler les bonnes pratiques, des textes de référence, les outils utiles.