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

Opquast Desktop = efficience

Cette extension permet de lancer, sur une page web, une panoplie de tests (450 pour être précis) sur plusieurs checklists d’Opquast Reporting dont :

• Opquast V2 (76 tests)
• RGAA 2 (96 tests)
• Accessiweb 2.1 déployé (167 tests)
• Opquast accessibility : 1st & 2nd step (81 & 49 tests)

L’énorme avantage de ce addon est de travailler en local et va donc de s’appuyer sur un moteur local (je le répète mais c’est important pour les performances), mephisto et par conséquent sans échange avec les serveurs d’Opquast. Il en résulte un gain de temps considérable puisque les 450 critères sont passés en revue en moins d’une minute (11,1 secondes sur ma machine pour la page d’accueil de w3qualité). L’affichage des tests passés et les filtres permettent une lecture facile et rapide des critères conformes ou non. L’extension offre aussi la possibilité d’effectuer une recherche sur les critères et d’exporter le résultat de l’analyse au format CSV.

Détail important qui permet de gagner un temps considérable : en dépliant un test non conforme, un lien est disponible et renvoie sur la partie incriminée du DOM en mettant la zone en avant. #a-la-firebug

Un gain de temps appréciable que tout le monde devrait utiliser pour contrôler son travail au fur et à mesure et gagner en productivité. Cette extension n’en est encore qu’à ses début mais est déjà très stable et plus que prometteuse.

A ma connaissance, il s’agit du premier outil permettant d’analyser une page et de tester automatiquement des critères propres à la qualité web. Certes, des toolbars existent pour certaines règles d’accessibilité mais elles sont principalement américaines, donc basées sur la section 508 ou au mieux les WCAG 2. On pourra peut-être regretter (pour les esprits tatillons) de ne pouvoir lancer une seule checklist à la fois : on lance tout ou rien. Je pense que ce sera dans la roadmap.

L’avenir d’Opquast Desktop passera par l’ajout d’autres checklists (SEO, webperf…), la possibilité d’écrire soit-même ses propres batteries de tests et d’envoyer le résultat sur Opquast Reporting. J’attends ces évolutions avec impatience

Temesis a une nouvelle fois bousculé l’écosystème de la qualité web et c’est tant mieux. Un grand merci à eux

L’extension Firefox : https://addons.mozilla.org/fr/firefox/addon/opquast-desktop/

via le blog de Temesis : Opquast Desktop : l’extension Open Source pour Firefox

J’en profite pour dire que je venais pour la première fois à la Kiwi Party et que j’ai été épatée par l’organisation, l’accueil, l’ambiance, le programme …bref, la qualité de l’événement. Merci Alsacréations.

Entre autres choses, ce que j’aime dans notre présentation, c’est que le fait de la présenter à deux, nous apportons tous des deux des angles différents. Élie Sloïm, en tant que qualiticien qui travaille et réfléchit sur la qualité web depuis près de 10 ans et qui est à l’origine du projet Opquast ; moi, Delphine Malassingne, sur le terrain en tant que Responsable qualité web depuis bientôt 3 ans et dans deux sociétés très différentes.

Le but de cette conférence était donc de montrer au public en quoi les check-lists sont faites pour eux mais surtout qu’elles doivent être …faites par eux !

Déjà, pourquoi faire des check-lists ?

Les référentiels de critères sont utiles à différents moments et dans différents contextes.
En conception, pour de la montée en compétence et du suivi de cette évolution ou du suivi de production, pour faire du contrôle ou même de la certification.
Cela peut intervenir sur un projet mais aussi sur un ensemble de projets, sur une équipe, pour valider une nouvelle procédure, etc.
Cela va contribuer à la valorisation des personnes et/ou des savoir-faire, à la communication, à alimenter des argumentaires ; le tout à l’interne comme à l’externe.

On part également du constat que l’ensemble des professionnels du web détiennent à eux tous un savoir-faire considérable. Si celui-ci est partagé – entre collègues, sur des blogs, dans des communauté, des mailing-list, des conférences, etc. – il n’en est pas moins dispersé.

Or, ce savoir pourrait être réuni au sein de check-lists communes auxquelles non seulement tout le monde pourrait participer mais surtout, qui seraient ensuite utilisées et utilisable librement par tous : en licence libre.

C’est de cette volonté d’ailleurs qu’était né Opquast (pour OPen QUAlity STandards) : des standards de qualité ouverts.

Des check-lists ont déjà été produites ainsi : celle sur la qualité web, OpenData, le référencement naturel, Accessibility Steps, la performance web dont l’atelier public vient d’ouvrir. (1)

Et il en reste à produire ! Voici les éléments que nous avons souhaité partager pour tous ceux qui sentiraient poindre l’embryon d’une idée

Toute première étape : se poser la question de la valeur ajoutée. La check-list que je projette de faire existe-t-elle déjà ? sous quelle forme ? Si non, pourquoi ?

Prévoir ensuite une « équipe ». Notre conseil est d’avoir un expert méthodologique qui assurera le cadrage, un expert technique maîtrisant le sujet de la check-list et un ou des utilisateurs, c’est-à-dire ceux qui vont utiliser la check-list.

Prévoir aussi dès le début quelle méthode et quels outils seront utiliser. Si nous nous présentons et conseillons la méthode Opquast – Élie qui l’affine depuis des années et moi qui l’ai adoptée – vous pourriez très bien préférer une autre méthode (dites nous laquelle et pourquoi !). Quoi qu’il en soit, il faut avoir une méthode prévue.

Le processus Opquast passe par une phase de brainstorm qui sert à réunir de la matière ; un atelier privé pour dompter cette matière, reformuler, trier et enfin l’ouverture d’un atelier public où tout le monde vient challenger les critères retenus, en proposer d’autres, faire des améliorations, etc.

Tout le challenge de la création de check-lists est de s’assurer qu’elles soient suffisamment robustes pour êtres utilisables et pérennes.

Ayez déjà en tête la façon dont la liste sera utilisée.
Le but d’un référentiel n’est pas d’englober un niveau d’excellence difficile à obtenir, difficilement maintenable et souvent générateur de frustration. Il ne s’agit pas non plus de vouloir à tout prix atteindre une conformité totale. Enfin, il faut se méfier de la sur-qualité qui fait perdre du temps pour un résultat non productif.
Ces listes n’ont pas pour objectif d’être des tables de la loi à suivre absolument ; elles sont un rappel des bases, des choses à avoir vu et sur lesquelles avoir statué. Et lorsqu’on fait l’audit, un critère peut tout à fait être passé en non-conforme parce qu’on a une contrainte technique, une volonté du client, un souhait, etc.Ce qui compte, c’est qu’il y ait eu un arbitrage qui a motivé cette décision. C’est ce lâcher-prise et ce pragmatisme qui vous aideront à éviter les écueils de la sur-qualité et à gérer le suivi dans une optique d’amélioration continue.

Passons maintenant aux critères eux-mêmes. Là aussi, des écueils sont à éviter. Le but est que la liste obtenue ne puisse pas être contestée et que sont utilisation ne puisse pas être contestable. Un critère doit donc :

• être international
  « La politique de confidentialité et de respect de la vie privée est accessible depuis toutes les pages » (plutôt que « Le site est déclaré à la CNIL »)
• être vérifiable
  « Tous les hyperliens internes du site sont valides » (plutôt que « Les hyperliens sont vérifiés toutes les semaines »)
• faire consensus
  « L’utilisateur est averti des ouvertures de nouvelles fenêtres » (plutôt que « Les hyperliens externes s’ouvrent dans une nouvelle fenêtre »)
• être réaliste
  « Les dates sont présentées dans des formats explicites » (plutôt que « Chaque page contient la date de création, de mise à jour et de péremption »)

C’est en faisant une fiche par critère que vous allez valider ces quatre éléments.

NB : Un livre reprenant justement l’ensemble de 217 bonnes pratiques de la liste Qualité web avec une fiche détaillée pour chaque va justement bientôt paraître.
(Curieux ? Cliquez sur l’aperçu ci-dessous)
Je le disais au début, le but de cette présentation était que vous vous appropriez l’envie et la mise en œuvre de check-lists professionnelles pour tous. Nous avons donc été ravis, Élie et moi, des échanges qui ont suivi la conférence.
Certains ont manifesté l’envie d’une check-list sur l’ergonomie, d’autres nous ont parlé de leurs propres référentiels initiés en interne, des questions très pertinentes ont été posées – sur les contradictions entre deux listes par exemple – etc.

De beaux projets devraient naître de tout ça !
Si vous avez des idées, n’hésitez pas à vous manifester ! auprès de l’équipe d’Opquast, ici-même.- nous relayerons – ou lors de manifestations publiques.

Diaporama de la présentation

(1) Allez jeter un œil et participer à l’appel à commentaire de l’atelier sur la performance web.

Nous parlons ici de checklists communautaires. Pour une démarche individuelle et/ou pour vous aider dans votre réflexion, nous vous invitons à consulter aussi Ma checklist qualité du web designer.