Et ce contenu, il n’arrive pas comme ça sur le site : il doit être rédigé d’une part, puis intégré dans le site d’autre part.
Dans cet article, je parlerai essentiellement de cette deuxième partie : comment l’intégration peut contribuer à la qualité éditoriale d’un site et comment, en travaillant un éditeur et proposant un guide de contribution j’ai tenté d’optimiser l’édition sur l’un de mes projets personnels.

Analysons l’existant

Le projet dont je parle était un site d’actualités et de critiques de films sur le support Blu-ray, il avait donc une grosse composante éditoriale.
L’équipe du site était composée de bénévoles passionnés de cinéma : de nombreux rédacteurs créaient et inséraient du contenu.

Parmi les rédacteurs, certains pouvaient appliquer des mises en formes toutes personnelles, avec pour résultat un manque d’homogénéité dans le rendu des différents articles et contenus, visuel voire sémantique.
Il y avait une raison flagrante à ce manque de cohérence : un éditeur de texte bien trop complexe et complet, qui avait le défaut de proposer aux rédacteurs trop de possibilités. Plus il y a de possibilités, plus il y a de façons différentes de faire les choses.

Améliorons : rationalisons

Mon premier objectif était de rationaliser et d’uniformiser le rendu des articles. Au-delà de l’aspect visuel, il s’agissait aussi d’améliorer la qualité sémantique des contenus.
J’ai donc travaillé sur une simplification de l’éditeur pour limiter les fonctionnalités au strict minimum, tout en répondant aux besoins de mises en forme de l’équipe.

Mais comme vous le savez, un outil a beau être merveilleux, il faut encore savoir comment l’utiliser. J’ai donc travaillé en parallèle sur la mise en place d’un guide de contribution permettant aux rédacteurs de savoir comment utiliser correctement l’éditeur.

Personnalisons l’éditeur

Dans le cadre du projet, nous travaillions avec l’éditeur TinyMCE pour fournir l’éditeur de texte aux contributeurs. TinyMCE est très répandu (c’est notamment l’éditeur de texte par défaut de WordPress) et a l’avantage d’être très facilement personnalisable.
J’ai donc profité des possibilités de personnalisation de l’éditeur pour proposer aux rédacteurs et contributeurs des fonctionnalités sur mesure.

Je me suis notamment arrêté sur les quelques points suivants :

• J’ai limité l’éditeur aux fonctions sémantiques essentielles (listes ordonnées et non ordonnées par exemple) et supprimé tous les boutons de mise en forme « risqués » pour le rendu (couleur de texte, couleur de fond, police…) et potentiellement pour l’accessibilité des contenus. D’un point de vue sémantique, ces fonctions ne sont pas très dangereuses car elles s’appuient sur des styles en ligne. Cependant, d’un point de vue visuel, elles peuvent facilement mettre en péril la cohérence visuelle des contenus.
• En remplacement des boutons de mise en forme supprimés, j’ai demandé à l’équipe de me dire quelles mises en forme ils souhaitaient pouvoir appliquer sur leurs contenus. Une fois leurs besoins recueillis, je me suis attelé à mettre en place des raccourcis pour reproduire ces mises en forme dans l’éditeur. Il s’agit de l’option « Formats » de TinyMCE, permettant d’ajouter aux contenus une class CSS spécifique par exemple. Ajouter une simple class plutôt que des styles en ligne garantit ainsi de pouvoir facilement faire évoluer le rendu des contenus dans le temps !
• Pour les mises en forme un peu plus exotiques, j’ai été jusqu’à créer des modèles de contenu permettant aux rédacteurs d’être libérés de toute la mise en forme et de se consacrer entièrement aux contenus. Pour ce faire, je me suis appuyé sur l’extension « Templates » de TinyMCE permettant d’importer dans son contenu un modèle HTML qu’il ne reste plus qu’à remplir.
• Enfin, j’ai ajouté un certain nombre de raccourcis pour les caractères spéciaux très couramment utilisés et aussi très souvent malmenés car absents des claviers. C’est le cas notamment des majuscules accentuées ou des caractères de ponctuation comme les points de suspension, l’apostrophe ou encore les guillemets français. Les rédacteurs n’ont ainsi pas besoin d’apprendre par cœur tout un tas de raccourcis clavier échappant à toute logique.

Et voilà, avec ces quelques points d’attention, on est déjà en mesure de proposer un éditeur texte qui donne toutes les cartes en main aux contributeurs pour qu’ils mettent en ligne des contenus d’une qualité technique suffisante, sans effort démesuré.
Oui mais voilà, un bon outil c’est bien, mais il faut encore savoir l’utiliser…

Rédigeons le guide de contribution

Une fois l’éditeur personnalisé, je me suis donc attelé à rédiger un guide de contribution à destination des contributeurs.

Ce guide avait plusieurs objectifs :

• Définir et clarifier les règles éditoriales propres au site. Il s’agit essentiellement ici de définir les règles liées au vocabulaire intrinsèque du ou des sujets traités sur le site.
• Définir (si ce n’est rappeler) les grandes règles de typographie. Il s’agit là de donner un contenu pédagogique sur le rôle et l’utilisation des éléments typographique couramment utilisés : paragraphes, listes, gras, italique… Expliquer le rôle sémantique de chacun de ces éléments permet de limiter l’usage abusif de ces derniers.
• Et enfin expliquer comment utiliser chacune des fonctions de l’éditeur. Il fallait notamment expliquer comment utiliser les différents modèles de contenu et autres options de mises en forme qui avaient été développés sur mesure pour le site.

Comme il ne sert à rien de palabrer des heures là dessus, je vous laisse plutôt consulter vous-même le guide complet ainsi rédigé.

Utilisons tout ça

Les changements de l’éditeur et le fait de les accompagner d’un guide d’utilisation a été très bien reçus par les contributeurs. Expliquer et sensibiliser sur les bonnes (ou les mauvaises) pratiques de contribution leur permet d’améliorer leur travail sur le site : le rédacteur est content et l’intégrateur est content !
Au delà de l’aspect pédagogique, les rédacteurs avaient particulièrement apprécié tous les changements leur permettant d’être plus efficaces. Par exemple, les modèles leur ont permis de mettre en forme très simplement des contenus qu’ils publiaient de manière récurrente « à la main », comme les plannings.

Ressources

• Guide de contribution
• Fichier de configuration de TinyMCE sur GitHub

Dans l’ordre, illustrations tirées des films Reservoir Dogs, Pacific Rim et Kill Bill.

Comme les années précédentes, au sein de tout ce programme, on vous fait votre sélection spécifiquement orientée qualité. Sélection difficile à faire car de nombreux sujets, non listés ici, jouent eux-aussi le jeu de la qualité dans leur domaine spécifique.

Un aperçu de l’ambiance à Paris Web (Photo Fred Mayor)

• en anglais (traduction simultanée) : Creating a Culture of Code Quality
  pour favoriser la qualité intégrée dans les processus, les habitudes et partagée.
• CSP : Content Security Policy
  où on nous promet un fantastique outil d’amélioration continue.
• Le styleguide, bien alimenté il tient ses promesses
  parce qu’avec le guide de style on est en pleine gestion de la qualité et homogénéisation entre les équipes.
• Quoi de neuf sous le ciel de la sécurité du web et des internets
  et notamment via les fonctionnalités en discutions au W3C.
• Êtes-vous au top ?
  parce que la qualité produite, ça passe aussi par la « qualité de soi ».

Et du côté des ateliers :

• Adoptez un workflow web !
• Amélioration progressive de la théorie à la pratique

Les inscriptions sont encore ouvertes, ne tardez plus !

• Inscription aux conférences
  2 jours de conférences, jusqu’à trois choix possibles à chaque créneau, tout ce qu’il faut pour améliorer la qualité globale de nos sites web et de nos façons de produire.
• Inscription aux ateliers
  Jusqu’à cinq choix possibles pour une même tranche horaire, beaucoup de convivialité (notamment autour du déjeuner compris), beaucoup d’échanges et toujours des passionnés du web de qualité.

Bien que le modèle n’ait pas bougé, l’infographie a évolué pour être plus détaillée, mieux organisée (et avec des p’tites icônes aussi).

Ce modèle permet d’embrasser l’ensemble des attentes utilisateurs ainsi que de voir les secteurs qui peuvent y répondre. Il rappelle également que deux éléments sont essentiels : les contenus et les services. Tandis que visibilité, perception et technique sont là pour mettre en valeur les deux premiers.

Enfin, il rappelle que la qualité est donc une affaire transverse ; en expertises, mais au aussi dans la chronologie de l’expérience utilisateur.

• en PDF (40 Ko)
• en GIF
• en PNG

(1) Qualité Web – Les bonnes pratiques pour améliorer vos sites par Élie Sloïm, Laurent Denis, Muriel de Dona et Fabrice Bonny ; le modèle est détaillé dans la deuxième partie, chapitre « 1.3 – Un modèle pour la qualité web : VPTCS ».

(2) Voir Critères généraux d’évaluation de la qualité Web par Élie Sloïm et Éric Gateau, juin 2001

Article et infographie mis à jour le 10 avril 2015.

Préambule

Une liste de bonnes pratiques, telles que présentées dans ce livre, permet de mettre en place une démarche de gestion de la qualité viable. En effet, le fait de pouvoir contrôler et mesurer chaque bonne pratique permet de faire un suivi dans le temps de l’évolution d’un service, normalement son amélioration.

Contexte

Avant d’entrer dans le vif du sujet, la préface et l’introduction du livre donnent déjà des explications sur la raison d’exister de ce livre.

C’est le moment de la présentation des chiffres chocs de l’impact des TIC sur le climat. On apprend ainsi que 2% des émissions mondiales de CO₂ proviennent des TIC (ce qui équivaut aux émissions du trafic aérien mondial) et ce taux devrait doubler d’ici 2020. On apprend encore que tous les mois, 23 millions de gigaoctets de données sont chargés inutilement sur les sites web, soit 5 millions d’heures d’attente cumulées ! Et ces chiffres datent de 2010, autant dire qu’ils auront assez probablement gonflés depuis.

Un peu plus étonnant par contre, on découvre aussi que ce livre n’aurait sans doute pas vu le jour sans la volonté d’une entreprise privée, la Banque Cantonale de Fribourg (BCF) en Suisse, de réduire l’empreinte écologique de ses systèmes informatiques (parc informatique, serveurs mais aussi sites web). Grâce à cette démarche globale, la BCF a ainsi pu faire des économies substantielles. Par exemple, la virtualisation de leurs serveurs a permis de réduire par 10 le nombre de machines physiques. Ou encore, la suppression régulières de leurs données chaque année leur a permis de réduire de 40% l’espace de stockage.

Bref, voilà une preuve supplémentaire des bénéfices qu’une entreprise peut tirer en mettant en place une démarche d’éco-conception. Et plus globalement une démarche de gestion de la qualité web !

Bonnes pratiques

On passe ensuite assez vite aux bonnes pratiques qui concernent tous les domaines concernés par un service web. On y parle ainsi de serveurs, de bases de données, de design, d’intégration HTML, de polices, de développement, de CMS, d’e-mails, de production de contenus… tous les domaines sont traités. Si les sujets sont variés, il faut toutefois noter que la grande majorité des bonnes pratiques concernent des points techniques.

Chaque bonne pratique est expliquée brièvement et illustrée par un exemple.
En complément, plusieurs critères permettent d’aider à prioriser les actions à mettre en place :

• La priorité détermine si la bonne pratique a un fort potentiel de réduction de l’empreinte écologique, qu’elle est facile à mettre en œuvre ou s’il elle est nécessaire à l’application d’autres bonnes pratiques. Si elle est non prioritaire, la bonne pratique a un potentiel d’économie limité ou est difficile à mettre en œuvre.
• La mise en œuvre précise la facilité d’application de la bonne pratique, notamment si elle nécessite une expertise technique avancée ou pas.
• L’impact écologique précise si la bonne pratique a un impact écologique élevé ou s’il est au contraire minime.

En plus de ces trois critères, sur chaque bonne pratique sont précisées les ressources qu’elle permet d’économiser si on l’applique. On y trouve :

• Le processeur : économiser le processeur permet d’allonger sa durée de vie, donc par extension celle des machines.
• La mémoire vive : un site optimisé réduira la mémoire vive utile à son affichage et permet d’allonger la durée de vie des équipements.
• Le stockage : plus on économise de l’espace, plus grandes sont les économies (moins de serveurs, moins d’énergie consommée, etc).
• Le réseau : il s’agit ici essentiellement de la bande passante. Plus son usage est réduit, plus les économies sont grandes.
• Les requêtes : limiter le nombre de requêtes (HTTP, SQL…) permet de limiter les besoins en ressources physiques.

Bref, le lecteur dispose de tous les éléments nécessaires pour savoir quelles sont les bonnes pratiques les plus utiles à appliquer, en fonction de son contexte et de ses compétences.

Avis

Une fois la lecture terminée, on se rend compte du nombre incroyable de détails sur lesquels on peut agir pour réduire l’impact écologique de son site web. Et le livre a l’avantage d’être très court et très concis.
Mais cet avantage a un point noir : la plupart des bonnes pratiques sont expliquées assez sommairement. Comme il s’agit la plupart du temps de points techniques, l’application de certaines bonnes pratiques peut être rendue difficilement exploitable pour les non techniciens.

Ce livre est donc avant tout une boîte à outils qu’il sera bon de partager avec l’ensemble des acteurs intervenant sur un projet web.
Car on ne le rappellera jamais assez, qu’il s’agisse d’environnement ou de qualité web, la clé du succès réside dans la participation active de tous les acteurs !

Auteurs : Frédéric Bordage avec la contribution de Stéphane Bordage, Jérémy Chatard, Olivier Philippot
Éditeur : Eyrolles
Parution : 25 octobre 2012
Prix : 12 euros
Site web du livre

La gestion de la qualité est un très vaste domaine. Comme l’esquisse le constat de notre précédente tentative de référencement des responsables qualité en poste, même ceux dont c’est le métier ont chacun une pratique différente et personnelle du métier. Malgré ces différences, l’un de leurs points communs est de devoir travailler avec différents métiers. L’éventail de ces métiers est plus ou moins grand en fonction du contexte, mais dans tous les cas cela soulève un point essentiel : chaque acteur participe à la qualité.

Chaque acteur participe à la qualité !

Comme la gestion de la qualité en tant que telle n’est pas forcément parlante pour tous, on s’est dit que ça pourrait être bien plus productif de vous donner un peu plus de concret.
Par là, on entend vous parler dans un langage que vous connaissez et dont le contenu serait facilement exploitable au quotidien. Aujourd’hui, on va donc aborder la création d’une checklist métier, en l’occurrence ici une checklist web designer.
J’ai choisi ce métier car c’est un métier que je connais bien, mais ce que je vais vous présenter peut s’appliquer à n’importe quel métier !

Sur-mesure

Avant de plonger dans le vif, je tiens à préciser une règle intangible à la gestion de la qualité. On le répète souvent mais toute démarche qualité est mise en place en fonction d’un contexte particulier. C’est ce qui explique que les quelques répondants au sondage aient une pratique différente du métier. À l’instar de ses missions quotidiennes, les checklists du responsable qualité sont dépendantes du contexte. Mais au delà du poste de responsable qualité, chacun peut construire sa propre checklist en fonction de ses besoins, des besoins de l’équipe ou ceux du projet.

Donc plutôt que de vous donner une checklist ultime et absolue, j’ai préféré me mettre en condition et faire ce que tout acteur responsable devrait faire : construire sa propre checklist.
Mais attention, pas question de réinventer la roue et de partir de zéro. Il faut savoir trouver les ressources qui peuvent être exploitées utilement.

On ne va pas réinventer la roue !

Dans le cas présent, j’ai déjà retenu les ressources suivantes :

• Checklist Design – Opquast
• Notice d’accessibilité pour la conception graphique – AcceDe Web

Ces ressources sont déjà une bonne base puisqu’elles permettent d’assurer à la fois un bon niveau de qualité et d’accessibilité aux utilisateurs finaux du service.
Cependant elles ne sont pas suffisantes. Car au delà des utilisateurs finaux, tous les utilisateurs « intermédiaires » (contributeurs, développeurs, etc.) peuvent profiter de la qualité d’un service, mais aussi et surtout y participer. Et ici plus que jamais, c’est le contexte qui détermine les critères à prendre en compte.

S’adapter au contexte

Dans le cadre de cet exercice, je suis parti d’un cas où le web designer produit ses maquettes sous Photoshop et les transmet à un intégrateur qui se charge lui-même d’exporter les différents éléments pour les intégrer.
L’une des contraintes particulières ici, c’est que l’intégrateur qui reçoit les maquettes doit être capable de comprendre le langage du web designer. Inversement, le web designer doit utiliser un langage compréhensible de l’intégrateur.
C’est typiquement une situation directement héritée d’un contexte particulier et qui ne correspondra pas à chacun de vous. Il faut donc définir des critères qui s’inscrivent dans cette organisation.

Il faut s’adapter au contexte.

En l’occurrence dans notre cas, il y a un point crucial sur lequel il est possible d’agir pour obtenir un gain de qualité énorme : le PSD. En effet, ce fichier est littéralement le point de friction entre le web designer et l’intégrateur. S’il ne respecte pas certains critères, ce fichier peut très vite devenir un enfer à utiliser, aussi bien pour le web designer que l’intégrateur. Il est donc particulièrement important de mettre en place des critères de qualité qui permettront d’améliorer les échanges entre les deux métiers.
En complément des ressources précédemment citées, il faut donc aussi s’appuyer sur des critères concernant l’outil utilisé communément. J’ai donc retenu aussi les sources suivantes, orientées sur des bonnes pratiques d’utilisation de Photoshop.

• Guidelines pour produire des PSD adaptés au web – STPo
• Guide Photoshop pour le Web Design (en anglais) – Dan Rose
• Optimisez vos fichiers Photoshop – Vectorskin
• Créer plusieurs pages avec Photoshop – votre serviteur

À partir de ces différentes sources, il ne nous reste plus qu’à définir ce qu’on souhaite retenir et retrouver dans notre propre checklist. L’objectif étant d’améliorer la qualité pour les utilisateurs finaux mais aussi les utilisateurs dans la chaîne de production.

Checklist personnalisée

Après ce travail de réflexion et de recherche, j’ai donc pu construire ma checklist sur-mesure.
Comme dit plus tôt, il ne s’agit pas d’une checklist aboutie mais plus d’un embryon de réponse. Un exemple simple pour vous permettre de vous faire une idée de ce qui peut sortir de cette démarche. Aussi pour cette raison, elle est volontairement incomplète afin d’éviter que quelqu’un n’ayant pas lu tout ce qui précède ne la prenne au pied de la lettre !

Construisons notre propre checklist !

Bref, maintenant vous savez ce qu’il vous reste à faire : construisez votre propre checklist !

Vous pouvez aussi aller encore plus loin et construire des checklists partagées avec le reste de votre équipe. On en parle d’ailleurs sur « Référentiels de bonnes pratiques : industrialisons nos savoir-faire ».

Crédits photo

• Leafcutter Ants par Steve Begin, sous licence CC BY-NC-SA 2.0
• Blue Tit on wheel par keith ellwood, sous licence CC BY 2.0
• Un caméléon vert par ecololo, sous licence CC BY-NC-SA 2.0
• Nesting Time par Jonathan Bliss, sous licence CC BY-NC-SA 2.0

Parmi les conférences, w3qualité retient en particulier :

• « 100% de revue de code »
  De la revue de code systématique ? Pressée d’aller voir comment ils se sont outillés, organisés et d’y confronter la notion de surqualité.
  par Agnès Haasser
• « Code de qualité : ce qu’il faut savoir »
  La promesse est un panorama large et expérimenté des outils et processus pour le code de qualité.
  par Julien Wajsberg et Anthony Ricaud
• « Comment tirer le meilleur parti de ses erreurs ? »
  En se retournant sur les erreurs qu’on vient de faire pour améliorer la suite, on est en pleine gestion qualité par l’amélioration continue !
  par Vanessa Ilmany
• « Le burnout et comment on l’évite »
  Si on considère que le bien-être est un facteur de productivité et de qualité (et vous savez que je milite en ce sens si vous avez vu passer « Être bien pour produire bien »), alors, la conférence sur le burnout a sa place dans cette liste.
  par Stéphane Deschamps
• « Le futur de l’industrialisation du web : l’ingénierie dirigée par les modèles »
  Le management de la qualité passe par les méthodologies et notamment celle qui favorisent l’industrialisation (homogénéité et maintenabilité). Voyons voir ce que va y apporter l’ingénierie dirigée par les modèles.
  par Alain Vagner
• « Qualité web : l’heure de passer à la caisse »
  Où l’on parle des coûts de non-qualité.
  par Élie Sloïm et Nicolas Hoffmann

Après vérification, aucune de ces conférences n’est programmée en parallèle d’une autre de la liste. Vous pourrez donc, si cette sélection vous tente, aller toutes les voir lors de vos journées à Paris Web (inscriptions).

Petite auto-promo : Vous retrouverez aussi l’un de nous au programme. En effet, Luc parlera Internet, TIC et écologie : Internet et les TIC, pas très écologique ?

Mise à jour du 09 septembre 2014

Le programme des ateliers vient d’être publié et on y retrouve, bien sûr, les thèmes chers aux amoureux de la qualité. On y parlera notamment d’accessibilité, de lisibilité (un thème trop peu abordé à mon goût), de performance, de l’utilisateur, des outils pour bien faire, etc. Quelques pistes :

• Un jeu web accessible avec HTML 5, JavaScript et ARIA par Sylvie Duchateau et Victor Brito
• Votre site web est-il lisible, compréhensible et utilisable par tous ? par Sophie Schuermans
• Finissons-en ensemble avec le mythe du Responsive web Design lent par Mathias Dugué et Nicolas Hoizey
• UX Blur – L’utilisateur décide dans le brouillard ! par Yves Koekkoek
• Éditer du code… avec plaisir ! par David Boureau

Nouvelle auto-promo, on y parlera aussi de la relève et de comment la former (selon nos normes de qualité) lors un atelier que j’aurais le plaisir de co-animer avec Rémi Parmentier : « Construire ensemble un enseignement du front-end pertinent, pédagogique et pérenne » (oui, on aurait peut-être pu faire plus court ).

A l’heure où j’écris cette mise à jour, les inscriptions sont ouvertes.

Crédit photo : parisweb

Beaucoup de web, peu de missions de Responsable qualité

Quand nous invitions les « chantres » de la qualité à se compter, nous y avions mis une condition : que leur mission soit exclusivement la gestion de la qualité.

En effet, imaginons que nous ouvrions ce témoignage à ceux dont une partie de la mission soit de la gestion de la qualité …qui ne se serait pas senti concerné ? Une très grosse majorité d’entre-nous intègre des outils et des méthodes d’industrialisation et de validation visant à améliorer la qualité et la façon de la produire !
Le but était donc de ne garder que les personnes dont le rôle est officiellement la gestion de la qualité web (et non pas ceux qui intègrent la qualité web dans leurs démarches) afin de mieux se rendre compte de la pénétration du métier (et non de la pratique)

Trois mois après la mise en ligne du billet, nous pouvons faire un premier constat. Bien évidemment, ce constat est restreint à l’audience de w3qualité. Depuis sa mise en ligne fin octobre, le billet en question a reçu 134 visiteurs (c’est peu, mais w3qualité c’est un billet de niche).

Mais justement. À une époque où il y a autant d’agences web et de pôles web dans les entreprises, est-il normal que la qualité web soit aussi peu visible ? Si l’on fait une recherche « qualité web » sur Google, w3qualité arrive dans les cinq premiers résultats (après Opquast, Temesis et le Portail des métier de l’Internet).

On peut, sans trop s’avancer, considérer nos 134 visiteurs comme particulièrement intéressés par la qualité web et très certainement investis dans cette dernière. Pourtant, à la question qui, je le rappelle, restreignait les réponses aux seuls responsables qualité, seules trois personnes ont répondu. L’une d’entre-elles est responsable qualité à mi-temps.

Cela ne veut pas dire qu’il n’y a que trois responsables qualité en France ! w3qualité n’est pas très connu et certains ont peut-être une réponse coincée dans leur liste de tâche. La formation « Devenir responsable qualité Web » (PDF, 190 ko) de Temesis a déjà formé une trentaine de personnes. Toutes n’ont pas vu le billet de w3qualité mais toutes ne sont pas non plus – ou pas encore – sur une mission à plein temps.

Bien évidemment, si vous n’avez pas encore répondu, il est toujours temps ; vous êtes les bienvenus.

Note :
À ce propos, voir aussi le billet « Devenir responsable qualité web » de septembre 2013 où Elie Sloïm se demande « où sont les responsables qualité du numérique ? ».

Le poste de Responsable qualité constaté

Sur les trois témoignages, on peut classer les aspects de gestion de la qualité cités en trois catégories :

1. Outils :
   • accompagnement à l’outillage,
   • identification des outils de test.
2. Équipes et projets :
   • accompagnement à la montée en compétence,
   • harmonisation entre les équipes,
   • harmonisation entre les projets,
   • aide à la réalisation selon la checklist
   • aide à la réalisation des tests,
   • retours aux équipes,
   • mise en place de procédures.
3. Référentiels et contrôle :
   • maintien de checklist qualité,
   • vérification de la validité de la production,
   • automatisation des tests.

Il y a fort à parier – corrigez-moi via les commentaires si je me trompe – que les trois postes témoignés ont été mis en place en dehors de toute formation spécifique (il n’en existait pas) et qu’ils ont donc été « créés ». Néanmoins, on constate des similitudes dans la description des postes.

Donc même si le métier de la gestion de la qualité web est encore peu répandu ; même si quand nous devons parler de notre métier les gens, y compris dans une entreprise web, ont encore du mal à voir de quoi il s’agit ; même si les formations et description de poste n’ont émergé que depuis peu ; malgré tout ça, les responsables qualité web – que w3qualité a pu atteindre et ça fait un gros biais – ont une vision globalement commune de leur métier et sont cohérents les uns par rapport aux autres.

Bien sûr, ce constat serait plus pertinent avec plus de témoignage, mais je pense qu’on peut aussi en déduire que le besoin que ces missions sont venues combler est bel et bien identifié et que le poste de Responsable qualité web à vocation à y répondre.

Note : À ce propos, voir aussi Responsable qualité : plusieurs facettes.

Crédit Photo : yuan2003

Mais justement, combien sommes-nous ? Et, au-delà de ça, comment exerçons-nous notre métier ? Je suis sûre que les réponses peuvent être très différentes.

J’invite donc les personnes qui sont responsable qualité web en poste à venir se signaler ci-dessous, via un commentaire.

Indiquez-nous votre nom et prénom, votre boîte ; si vous le souhaitez. Mais surtout, racontez-nous en quelques lignes comment, au quotidien, se traduit votre métier de responsable qualité web.

C’est à vous !

Résumé de ma conférence « Être bien pour produire bien » tenue à Paris Web 2013 le 10 octobre.

S’intéresser à l’humain dans le travail, c’est bien. Mais si on peut, en plus, faire le lien avec la productivité et la qualité de ce qui est produit – et donc argumenter pour investir dans le bien-être, c’est encore mieux ! Voyons comment faire.

Vous avez la possibiltié de vous intéresser au bien-être de chacun et ainsi d’améliorer la qualité du travail produit.
Attention, dommage collatéral : vos collaborateurs risquent d’être plus heureux.

Objectiver

Même si le fait que le bien-être à un impact positif sur le travail est communément admis, cela reste une idée reçue.
Un moyen d’objectiver ce ressenti est le sondage. Deux en l’occurrence :

• un commandité par l’ANACT (Agence Nationale pour l’Amélioration des Conditions de Travail) et fait sur un panel de 1001 personnes
• un fait par mes soins et relayé ici et dans le réseau de la communauté de Paris Web (donc représentatif de nous, lecteur)

Les sondages

Pour l’un des sondages, 37 items ont été proposés ; comme par exemple :

• Atteintes des objectifs projet
• Trajet
• Entente avec ses collègues
• Salaire, primes et avantages
• Éthique de l’entreprise
• etc.

Pour chacun d’eux, on demandait d’indiquer l’impact positif ou négatif qu’ils pouvaient avoir selon l’échelle suivante :

• impact très important
• impact important
• impact peu important
• pas du tout d’impact

Il est intéressant de constater que les 10 items de tête (qui sont estimés avoir le plus d’impact) sont quasiment les mêmes en positif comme en négatif (mais dans un ordre différent).

Ci-dessous, la liste des 10 items de tête (entre parenthèse, leur emplacement en positif puis en négatif)

1. Impression personnelle sur son travail (1 – 1)
2. Ambiance dans laquelle se déroule le projet (2 – 2)
3. Respect des personnes (3 – 5)
4. Entente avec ses collègues (4 – 6)
5. Cohésion et unité dans l’équipe (5 – 7)
6. Sentiment qu’on a ou non confiance en moi (6 – 4)
7. Possibilité ou non d’exprimer ses idées (7 – 3)
8. Qualité du travail global sur le projet (8 – 8)
   Acquisition de nouvelles compétences (hors classement – 10)
9. Qualité et adéquation du matériel de travail (9 – 9)
10. Perspective d’évolution (10 – hors classement)

Il est à noter qu’un item comme « Salaire, primes et avantages » arrive plutôt en bas de liste, à peu près en même temps que « Perspective d’évolution », « Horaires flexibles » et devant « Projet innovant », « Écologie / Développement durable ».
« Espaces de pause » est le dernier item (avec un impact positif important à 42 % ou encore un impact négatif peu important à 49 %)

NB : Vous avez la possibilité de consulter les résultats bruts du sondage.

Autres chiffres très intéressants : 95% du panel de 1001 personnes estiment que l’impact du bien-être sur la qualité du travail est fort à très fort. Et 91% estiment que l’impact sur la productivité est également fort à très fort.

Donc, si on en doutait encore ou si on pensait pouvoir passer au second plan le bien-être de ses collaborateurs, on peut voir que ça vaut la peine d’agir sur le bien-être pour gagner en qualité et en productivité.

Responsabiliser et agir

Que l’on soit dirigeant, responsable d’équipe ou salarié lambda, chacun doit déjà commencer par être attentif à son bien-être et à remonter les points qui le gênent et ceux qui l’aident.

N’oubliez pas qu’on ne peut pas se plaindre si on ne s’est jamais exprimé !

Mais on peut aussi aller plus loin en mettant en place un cycle d’amélioration (non sans avoir dû convaincre – grâce à des sondages notamment ^^ – sa direction de s’impliquer.

Une méthodologie

Comme toujours, je préconise l’amélioration continue, les petits-pas et les itérations.

C’est un excellent moyen d’assurer la démarche :

• étaler les coûts
• réajuster la démarche si besoin
• agir dans un contexte de production qui ne peut pas attendre

Amélioration continue, petits pas et itérations sont souvent les clés à avoir en tête pour arriver au résultat recherché.

Voici le cycle que cela pourrait donner :

1. Un premier sondage (1)
2. Analyser les résultats
   1. Les items qui ressortent sur le positif
   2. Les items qui ressortent sur le négatif
   3. Les items communs aux deux
3. Communiquer ces résultats
4. Réunir un groupe proche des salariés et mettre en place un plan d’action
5. Communiquer les intentions
6. Agir
   1. Gérer les points pouvant être réglés rapidement
   2. Entamer les points qui demandent un travail de fond
7. Faire un nouveau sondage dans un délai raisonnable (ne pas lasser !)
8. Et reprendre au point 2 : Analyse, communication, plan d’action, communication, action, re-sondage…

Sondage, communication des résultats, plan d’action et nouveau sondage avec analyse comparative.

(1 : Notez bien que vous pourriez utiliser les sondages présentés ici, mais vous perdriez la mesure et donc la possibilité de comparer entre deux itérations. Si vous voulez vraiment alléger le sondage, vous pouvez vous contenter d’une seule question et, pour vos plans d’action, visés les thématiques présentées ici.Votre seule et unique question serait alors : « Notez votre bien-être au travail entre 0 et 10 ».) – retour.

Focus sur 3 points influant fortement sur la qualité du travail

Pourquoi 3 points et pourquoi ceux-là ? Parce que ces items là ressortent fortement à la fois sur le positif et sur le négatif. On a donc tout intérêt à les soigner.

Impression personnelle de faire du bon travail

On a souvent peu de retours sur l’impression réelle qu’une personne a de son propre travail. Il y a ceux qui se sous-estiment, ceux qui se sur-estiment et ceux qui se sur-estiment …en apparence !

Le meilleur moyen de donner à quelqu’un l’impression qu’il fait du bon travail c’est …de lui dire à chaque fois que c’est le cas, lui signaler ses progrès également, même si ce n’est pas encore le niveau attendu.

Valorisez vos collègues, vos subalternes, vos supérieurs mêmes. « Valoriser » ne veut pas dire complimenter à tout-va, cela veut dire signaler tous les points positifs.

Ambiance dans laquelle se déroule le projet

L’ambiance se soigne en dosant le stress, la pression, les moments de détente. Il faut gérer les coups de fatigue, les désaccords voir l’enthousiasme débordant, la légèreté, etc.

La clé – s’il y en a une : objectiver, apaiser, relativiser, prendre en compte.

Dans la société où je travaille, les projets sont parfois suivis d’un bilan fait par le responsable qualité (transverse et non-impliqué dans le projet) où un questionnaire anonyme rempli par chaque participant permet aussi de récolter le ressenti. Cela peut faire partie des actions mises en place pour mieux savoir où les progrès sont à faire et où sont les points forts.

Respect des personnes

S’il y a une thématique sur laquelle il faut être exemplaire, c’est bien celle-là !

Cela passe par l’égalité de traitement quel que soit le niveau, le métier du salarié ; par le juste dosage de l’humour ; par la prise en compte du travail (gare au supérieur qui s’approprie le travail du subalterne !) ; ou encore par respecter le rythme de chacun et les moments de pause.

Pour ces trois thématiques comme pour beaucoup d’autres, si je devais donner une clé, ce serait celle-ci : la bienveillance. Abordez chaque problème humain avec bienveillance et cela ne peut pas mal se passer.

Annexes

Liens

• Le sondage « Bien-être et qualité du travail« 
• Les résultats bruts du sondage
• Le sondage « La qualité de vie au travail, pour vous c’est quoi ?« 
• La vidéo de la conférence
• Le diaporama de la conférence

Pour aller plus loin

• Mesurer ou évaluer la QVT ? (Qualité de Vie au Travail)

Remerciements

Je tiens encore à remercier les 149 personnes qui ont eu le courage de remplir mon sondage jusqu’au bout et sans qui je n’aurais pas eu des résultats, représentant spécifiquement notre communauté, à analyser et à présenter.

Merci à Mickaël Morier qui m’a autorisée à utiliser son sourire.

Merci à Jean-François Renauld pour ses photos.

Merci à Ekino et aux DFO en particulier.

Le but de cette conférence ‐ Être bien pour produire bien ‐ est de parler du lien qu’on peut raisonnablement faire entre le bien-être du travailleur et la qualité de son travail. Or, vous pouvez m’aider et apporter de la matière à cette conférence en répondant au sondage :

› Bien-être et qualité du travail | Sondage

NB : Ce sondage a pour but de recueillir les avis des personnes dont le métier est la conception, le développement, la stratégie ou l’édition web. Ne répondez pas si vous ne travaillez pas sur le média web (si vous l’utilisez professionnellement mais que ce n’est pas l’objet de votre production).

On y parlera de l’impact que des éléments peuvent avoir sur la qualité de votre travail. Par « travail », on entend ce que l’entreprise attend de vous via votre fiche de poste et/ou vos objectifs annuels. Cela inclue vos livrables mais aussi votre comportement.

Mise à jour – 14/10/2013 : Résumé de la conférence en question