<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Nicolas Hoffmann &#8211; w3qualité</title>
	<atom:link href="https://w3qualite.net/author/nicolash/feed" rel="self" type="application/rss+xml" />
	<link>https://w3qualite.net</link>
	<description>Portail autour de la qualité web</description>
	<lastBuildDate>Tue, 28 May 2013 10:12:58 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.1</generator>
	<item>
		<title>La qualité Web, un tramway nommé désir</title>
		<link>https://w3qualite.net/demarche/la-qualite-web-un-tramway-nomme-desir</link>
					<comments>https://w3qualite.net/demarche/la-qualite-web-un-tramway-nomme-desir#respond</comments>
		
		<dc:creator><![CDATA[Nicolas Hoffmann]]></dc:creator>
		<pubDate>Tue, 28 May 2013 07:12:09 +0000</pubDate>
				<category><![CDATA[Démarche]]></category>
		<category><![CDATA[Métier]]></category>
		<guid isPermaLink="false">http://w3qualite.net/?p=461</guid>

					<description><![CDATA[La qualité Web est souvent vue comme contraignante, compliquée, pénible, voire dans le pire des cas sclérosante. L&#8217;image type est celle du pavé indigeste au possible, genre un bon classeur de 30 kilos avec lequel on assomme le travailleur du &#8230; <a href="https://w3qualite.net/demarche/la-qualite-web-un-tramway-nomme-desir">Continuer la lecture <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[<p>La qualité Web est souvent vue comme contraignante, compliquée, pénible, voire dans le pire des cas sclérosante. L&rsquo;image type est celle du pavé indigeste au possible, genre un bon classeur de 30 kilos avec lequel on assomme le travailleur du Web.</p>
<p>C&rsquo;est en fait selon moi tout le contraire : la qualité Web est une façon de faire sauter des verrous et un puissant levier d&rsquo;amélioration. Évidemment, tout dépend de la manière d&rsquo;aborder la question. Pour ma part, je l&rsquo;aborde de manière très pratique et peu théorique.<span id="more-461"></span></p>
<p>Je vous propose donc un voyage au pays de la qualité Web, et comme pour tout voyage, nous aurons besoin d&rsquo;un point de départ, d&rsquo;une carte, de points intermédiaires et d&rsquo;un but !</p>
<p><a href="https://w3qualite.net/wp-content/uploads/2013/05/mercatorworldmap.jpg"><img fetchpriority="high" decoding="async" class="aligncenter size-full wp-image-488" alt="Planisphère réalisé par Rumold Mercator" src="https://w3qualite.net/wp-content/uploads/2013/05/mercatorworldmap.jpg" width="500" height="285" srcset="https://w3qualite.net/wp-content/uploads/2013/05/mercatorworldmap.jpg 500w, https://w3qualite.net/wp-content/uploads/2013/05/mercatorworldmap-300x171.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<p>Précisions avant d&#8217;embarquer : les exemples et retours d&rsquo;expérience que je vais donner sont tous réels. La manière de voir la qualité Web n&rsquo;engage en revanche que moi. Précisons également que cette approche est à remplacer dans un contexte : l&rsquo;agence Web a envie de commencer une démarche qualité, mais n&rsquo;a pas du tout cette culture, ou du moins très peu.</p>
<h2>Le point de départ et la carte</h2>
<p>Toute réflexion a besoin d&rsquo;un postulat de base, je pars donc de l&rsquo;idée qu&rsquo;on a une <span lang="en">checklist</span> qualité. Sauf que… au lieu de partir d&rsquo;une <span lang="en">checklist</span> qui contient tout ce que l&rsquo;on voudrait avoir dans un site parfait, je préfère <strong>partir d&rsquo;une <span lang="en">checklist</span> qui ne contient que ce avec quoi on ne veut pas négocier</strong> : ce que l&rsquo;on veut garder à tout prix ou ce que l&rsquo;on ne veut oublier en aucun cas.</p>
<p>Pourquoi un tel postulat ?</p>
<p>Quand vous débarquez dans une boîte où tout le monde n&rsquo;a pas la culture de la qualité Web, si vous arrivez avec une <span lang="en">checklist</span> de 250 critères, je peux vous prédire un résultat : vos collègues vont se braquer, voir la qualité Web comme un boulet, une punition, bref un fardeau qui risque d&rsquo;être vite abandonné.</p>
<p>Concentrez-vous sur des objectifs raisonnablement atteignables, même et surtout si vous-même vous êtes déjà allé bien plus loin. Comme je l&rsquo;indiquais ci-dessus, concentrez-vous sur ce que personne ne veut négocier : autant pour le chef qui veut présenter le site au client que pour le technicien qui veut être fier de son travail.</p>
<p>Cette façon d&rsquo;aborder les choses sera moins douloureuse. Par exemple, ma <span lang="en">checklist</span> d&rsquo;« avant-mise en production d&rsquo;un site » contient une grosse trentaine de points. Même si, en tant qu&rsquo;infatigable perfectionniste, je souhaiterais en mettre plus, cette base qui permet de contenter tout le monde est un point de démarrage satisfaisant, et elle a le mérite… de ne pas m&#8217;empêcher pour autant d&rsquo;aller plus loin.</p>
<h2>Les points intermédiaires</h2>
<h3>La fainéantise en tête</h3>
<p>Quel est le premier bon réflexe à avoir en matière de travail ? Ne pas se fatiguer, très bonne réponse. Pour ne pas passer pour un fainéant, je dirais bien que celui qui veut voyager loin ménage sa monture… ok, assumons : j&rsquo;aime être fainéant, comme environ 100% des gens. Par contre, par fainéantise, j&rsquo;entends que j&rsquo;aime <em>bien travailler pour moins travailler</em>.</p>
<p>Cela tombe bien : toujours dans l&rsquo;esprit d&rsquo;aborder la <span lang="en">checklist</span> de la manière la moins douloureuse possible, la première chose à faire est de chercher les points qui peuvent être traités de manière automatique.</p>
<p style="text-align: center;"><a href="https://w3qualite.net/wp-content/uploads/2013/05/lasuisse.jpg"><img decoding="async" class="aligncenter size-full wp-image-487" alt="Bateau à vapeur La Suisse, journée inaugurale, machines en mouvement." src="https://w3qualite.net/wp-content/uploads/2013/05/lasuisse.jpg" width="500" height="285" srcset="https://w3qualite.net/wp-content/uploads/2013/05/lasuisse.jpg 500w, https://w3qualite.net/wp-content/uploads/2013/05/lasuisse-300x171.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></a><em>Photo de Michel Mégard, sous licence CC-BY-SA</em></p>
<p>Un exemple : dans ma <span lang="en">checklist</span>, j&rsquo;ai un point qui me dit que je dois activer la compression <abbr title="GNU Zip">GZIP</abbr> et activer la mise en cache. Or, pour peu que j&rsquo;aie mis les bonnes directives dans mon fichier <code>htaccess</code> lors de précédents projets, ce point est traité de facto : pas besoin de réfléchir pour le traiter !</p>
<p>Non seulement cela me donne la sensation que ma <span lang="en">checklist</span> se réduit, mais en plus cela permet de <strong>libérer mon esprit pour d&rsquo;autres choses</strong>.</p>
<h3>Bien travailler pour moins travailler</h3>
<p>La seconde étape est de voir ce qui nécessite un développement pour être automatisé. Un exemple : toujours dans ma <span lang="en">checklist</span>, une demande du <abbr title="Search Engine Optimizer">SEO</abbr> est d&rsquo;éviter que le serveur de développement soit indexé.</p>
<p>Une réponse possible, volontairement simpliste : un simple <code>if</code> en <abbr title="PHP Hypertext Preprocessor">PHP</abbr> permet de le faire :</p>
<pre><code>if ($condition_serveur_test == true) {
   echo '&lt;meta name="robots" content="noindex, nofollow" /&gt;';
}
else { echo '&lt;meta name="robots" content="index, follow" /&gt;';}</code></pre>
<p>(c&rsquo;est un exemple, évidemment, cela serait à améliorer grandement)</p>
<p>Une fois la solution trouvée a ce point de la <span lang="en">checklist</span>, ce dernier passe dans la colonne « traité automatiquement ». Encore un peu de sueur économisée !</p>
<h3>Diminuer et répartir la charge</h3>
<p>Je disais plus haut que <em>celui qui veut voyager loin ménage sa monture</em>. Là nous avons réduit le nombre de points à penser, toutefois, tout n&rsquo;est pas automatisable. Il reste de plus le problème d&rsquo;alléger le plus possible cette <span lang="en">checklist</span> de fin.</p>
<p><a href="https://w3qualite.net/wp-content/uploads/2013/05/roberval.jpg"><img decoding="async" class="aligncenter size-full wp-image-486" alt="Balance Roberval" src="https://w3qualite.net/wp-content/uploads/2013/05/roberval.jpg" width="500" height="307" srcset="https://w3qualite.net/wp-content/uploads/2013/05/roberval.jpg 500w, https://w3qualite.net/wp-content/uploads/2013/05/roberval-300x184.jpg 300w, https://w3qualite.net/wp-content/uploads/2013/05/roberval-488x300.jpg 488w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<p>Comment diminuer la charge ? Si l&rsquo;on peut croire que les <em>quick wins</em> sont terminés, c&rsquo;est totalement faux. Il suffit juste de dispatcher les points non automatiques sur les divers <span lang="en">checkpoints</span> de votre projet. En d&rsquo;autres termes : anticiper. Si vous préférez une expression très à la mode : <strong>prendre en amont</strong>.</p>
<p>Plusieurs cas : si comme moi vous êtes plus ou moins responsable de la qualité, vous savez à quels moments certains points peuvent être résolus dans l&rsquo;organisation du travail.</p>
<p>Un exemple typique de point traitable rapidement : quand mon graphiste préféré me fournit les exports pour que je puisse commencer mon intégration, s&rsquo;il l&rsquo;a oublié, je lui demande tout de suite de produire les icônes de favori (<code>favicon.ico</code> et <code>apple-touch-icon.png</code> pour ne pas les citer). Deux avantages :</p>
<ul>
<li>il est encore la tête dans ce projet, donc cela le dérangera moins de s&rsquo;en occuper de suite plutôt que d&rsquo;être forcé d&rsquo;y revenir à la fin du projet, où il aura sûrement commencé autre chose,</li>
<li>et cela fait un point de traité encore !</li>
</ul>
<p>Un autre exemple : toujours dans ma <span lang="en">checklist</span> qualité, j&rsquo;ai un point qui me dit que je dois prévoir une adaptation des contenus pour l&rsquo;impression, une <abbr title="Cascading Style Sheet">CSS</abbr> <code>print</code> en somme. Si les maquettes sont suffisamment précises… je peux faire cette étape au moment de l&rsquo;intégration. Dans le cas contraire, je peux quand même préparer cette adaptation ! Ainsi, cela me permettra de limiter les risques de surprise : si une version <code>print</code> d&rsquo;une page a un problème, je peux raisonnablement penser que le problème viendra du contenu de cette page et non du gabarit en lui-même.</p>
<p>Ajoutons à cela que l&rsquo;environnement de travail permet également de limiter ces risques : typiquement si mon <span lang="en">framework</span> <abbr title="Cascading Style Sheet">CSS</abbr> a une batterie de classes qui permet d&rsquo;éviter les dépassements, il contribue <em>de facto</em> à la réalisation de ce point.</p>
<p>Autrement dit, 90 à 95% de ce point de ma <span lang="en">checklist</span> peut déjà être traité à la fin de l&rsquo;intégration, avant même que les contenus ne soient insérés.</p>
<h2>La préparation de l&rsquo;arrivée</h2>
<p>Comme dans tout voyage, l&rsquo;arrivée suscite une certaine excitation, mais c&rsquo;est plus souvent du stress qu&rsquo;autre chose : peu de temps, beaucoup de demandes, un autre projet qui s&rsquo;annonce, etc. Sauf… si bien sûr la <span lang="en">checklist</span> a été suffisamment réduite comme expliqué ci-dessus.</p>
<p>Ajoutons que la prise en amont de tous les points qui peuvent l&rsquo;être transformera radicalement la vision du <em>check</em> final : de boulet qu&rsquo;on traîne et qu&rsquo;on doit résoudre en urgence, il devient subitement une simple étape, parfois même une simple formalité très satisfaisante.</p>
<h2>Bilan du voyage</h2>
<h3>Les avantages</h3>
<p>L&rsquo;avantage de voir la qualité de manière positive et maîtrisée, c&rsquo;est qu&rsquo;elle est diablement stimulante !</p>
<p>Dites à un intégrateur « tiens on a fini le site, merde, fais vite une version <code>print</code> des contenus et dépêche-toi on est à la bourre », vous allez le stresser et le contraindre. Dites-lui avant qu&rsquo;il commence son template, « tiens, pense bien à faire une version <code>print</code> dès le template, comme ça tu as le temps de bien faire », et il stressera beaucoup moins.</p>
<p>Ajoutons à cela que le fait de résoudre l&rsquo;automatisation d&rsquo;un point est souvent plus amusante que la résolution du point proprement dite : les informaticiens sont de grands joueurs toujours prompts à relever un défi ! Il m&rsquo;arrive parfois de prendre trois heures pour programmer une routine qui pourrait être faite manuellement en une demi-heure. Néanmoins, si ces trois heures me permettent de gagner un quart d&rsquo;heure à chaque fois, ce n&rsquo;est pas une perte de temps, mais juste du temps investi.</p>
<p>Fonctionner ainsi met la qualité Web en moteur de l&rsquo;amélioration, et non en frein quand on la pratique <em>a posteriori</em>. C&rsquo;est de l&rsquo;amélioration continue.</p>
<p>Si vous avez besoin de plus contrôler la chaine de production, une idée serait de poser des mini-<span lang="en">checklists</span> aux grandes étapes du projet, soit dérivées des <span lang="en">checklists</span> principales, soit des « points de contrôles partiels ». Combinez cette idée avec des <span lang="en">checklists</span> métiers, et les différents intervenants vont voir leur <span lang="en">checklist</span> encore diminuer. Pour peu que votre équipe se dote d&rsquo;outils très puissants comme <a href="https://desktop.opquast.com/fr/">Opquast Desktop</a>, elle sera solidement armée !</p>
<p>Pour ma part, je pars de l&rsquo;idée qu&rsquo;il n&rsquo;y a pas plus expert pour s&rsquo;organiser que l&rsquo;expert concerné par le point de la <span lang="en">checklist</span> : il sait comment il travaille, donc il est le plus apte à le résoudre. La seule aide dont il peut avoir besoin est une prise de conscience que la <span lang="en">checklist</span> diluée au long du projet est une moindre contrainte, et éventuellement un peu de méthode si l&rsquo;organisation est un peu brouillonne.</p>
<p>Parenthèse : effectivement, cela suppose une prise de responsabilité. Toutefois, selon moi, <strong>on ne peut se prétendre expert et professionnel de son domaine si on n&rsquo;a pas intégré la qualité dont on est responsable</strong>. Tant pis pour le froissage d&rsquo;ego.</p>
<h3>Semer pour le prochain voyage</h3>
<blockquote><p>La destination importe moins que le chemin parcouru.</p></blockquote>
<p>Derrière ce proverbe connu se cache le cycle de la qualité Web : une fois votre <span lang="en">checklist</span> maîtrisée et transformée en réflexes, rien ne vous bloque pour inclure de nouveaux points. J&rsquo;ai parlé plus haut de ne pas se gêner pour tester et aller un peu plus loin : cela vous permettra de préparer le terrain pour vos prochaines réalisations. À force de semer les futurs points que vous souhaitez prendre en compte, il y a une grande chance que ces derniers soient repris lors de prochains projets. Cette idée est très bien expliquée dans l&rsquo;article de Luc Poupard, <a href="https://w3qualite.net/transversalite/les-petits-ruisseaux-font-les-grandes-rivieres">les petits ruisseaux font les grandes rivières</a>.</p>
<p>Arrivera un moment où vous pourrez proposer d&rsquo;inclure ce point dans votre <span lang="en">checklist</span>, et cela passera comme une lettre à la poste, vous entendrez probablement une remarque du genre « ouais on a l&rsquo;habitude, pas de souci ». Avouez que cela change d&rsquo;un développeur qui freine des quatre fers ! <img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>Qu&rsquo;on se le dise, la mise en place de la qualité est une course de fond : cela prend du temps. Privilégier une lente mais sûre montée en puissance permet d&rsquo;éviter de nombreuses frustrations chez les débutants, et de ménager celles des personnes plus avancées sur le sujet. Néanmoins, cela ne doit pas vous empêcher d&rsquo;avoir <em>in fine</em> l&rsquo;objectif suivant : que votre <span lang="en">checklist</span> ne contienne plus seulement ce que vous ne voulez pas négocier mais enfin tout ce que vous voudrez pour un site « parfait ».</p>
<p><a href="https://w3qualite.net/wp-content/uploads/2013/05/PatekPhilippeMinuteRepeaterSplitSecondsChronograph.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-485" alt="Chronomètre Patek Philippe" src="https://w3qualite.net/wp-content/uploads/2013/05/PatekPhilippeMinuteRepeaterSplitSecondsChronograph.jpg" width="500" height="254" srcset="https://w3qualite.net/wp-content/uploads/2013/05/PatekPhilippeMinuteRepeaterSplitSecondsChronograph.jpg 500w, https://w3qualite.net/wp-content/uploads/2013/05/PatekPhilippeMinuteRepeaterSplitSecondsChronograph-300x152.jpg 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></a></p>
<h2>En conclusion</h2>
<p>Comme vous avez pu le voir, un simple changement de dogme et quelques idées pratiques permettent de faire exploser le mythe de la qualité Web pénible à mettre en place. Rien n&rsquo;est plus faux : c&rsquo;est <strong>un des leviers les plus puissants qui soient</strong>, et ce levier est là pour faire sauter des verrous.</p>
<p>Bien abordée, cela peut même être le moteur principal de l&rsquo;amélioration de vos prestations. En sortant même du cadre des réalisations, ce sont même avant tout les personnes de l&rsquo;équipe qui se valoriseront, et cela, <strong>ça n&rsquo;a pas de prix</strong>.</p>
<blockquote><p>Gagner toutes vos batailles n’est pas la meilleure chose ; l’excellence suprême consiste à gagner sans combattre.</p></blockquote>
<p>Le but du jeu est, pour reprendre la métaphore du voyage, de lancer le train d&rsquo;amélioration : une fois que votre équipe aura pris goût à se faire plaisir ainsi, vous pourrez viser d&rsquo;autres destinations plus difficiles et <strong>aller plus loin</strong>. Votre équipe pourrait même choisir de vous emmener plus loin sans que vous ayez besoin d&rsquo;être la locomotive.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://w3qualite.net/demarche/la-qualite-web-un-tramway-nomme-desir/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
