<?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>Démarche &#8211; w3qualité</title>
	<atom:link href="https://w3qualite.net/category/demarche/feed" rel="self" type="application/rss+xml" />
	<link>https://w3qualite.net</link>
	<description>Portail autour de la qualité web</description>
	<lastBuildDate>Mon, 14 Sep 2015 10:20:27 +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>Éditeur personnalisé et guide de contribution</title>
		<link>https://w3qualite.net/demarche/editeur-personnalise-guide-contribution</link>
					<comments>https://w3qualite.net/demarche/editeur-personnalise-guide-contribution#comments</comments>
		
		<dc:creator><![CDATA[Luc Poupard]]></dc:creator>
		<pubDate>Mon, 14 Sep 2015 07:00:57 +0000</pubDate>
				<category><![CDATA[Démarche]]></category>
		<category><![CDATA[Outils]]></category>
		<guid isPermaLink="false">http://w3qualite.net/?p=787</guid>

					<description><![CDATA[L&#8217;un des premiers éléments qui fait la qualité d&#8217;un site web est son contenu. Pour certains types de site (actualités, information), le contenu est d&#8217;ailleurs le cœur même du site ! Et ce contenu, il n&#8217;arrive pas comme ça sur le &#8230; <a href="https://w3qualite.net/demarche/editeur-personnalise-guide-contribution">Continuer la lecture <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[<p>L&rsquo;un des premiers éléments qui fait la qualité d&rsquo;un site web est <strong>son contenu</strong>. Pour certains types de site (actualités, information), le contenu est d&rsquo;ailleurs le cœur même du site !</p>
<p>Et ce contenu, il n&rsquo;arrive pas comme ça sur le site : il doit être rédigé d&rsquo;une part, puis intégré dans le site d&rsquo;autre part.<br />
Dans cet article, je parlerai essentiellement de cette deuxième partie : comment <strong>l’intégration</strong> peut contribuer à la qualité éditoriale d&rsquo;un site et comment, en travaillant un éditeur et proposant un guide de contribution j’ai tenté d’optimiser l&rsquo;édition sur l’un de mes projets personnels.<span id="more-787"></span></p>
<h2>Analysons l&rsquo;existant</h2>
<p>Le projet dont je parle était un site d&rsquo;actualités et de critiques de films sur le support Blu-ray, il avait donc une grosse composante éditoriale.<br />
L&rsquo;équipe du site était composée de bénévoles passionnés de cinéma : <strong>de nombreux rédacteurs créaient et inséraient du contenu</strong>.</p>
<p><img fetchpriority="high" decoding="async" class="aligncenter wp-image-810 size-full" src="https://w3qualite.net/wp-content/uploads/2015/07/equipe.jpg" alt="" width="500" height="232" srcset="https://w3qualite.net/wp-content/uploads/2015/07/equipe.jpg 500w, https://w3qualite.net/wp-content/uploads/2015/07/equipe-300x139.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>Parmi les rédacteurs, certains pouvaient appliquer des mises en formes toutes personnelles, avec pour résultat un <strong>manque d&rsquo;homogénéité</strong> dans le rendu des différents articles et contenus, <strong>visuel voire sémantique</strong>.<br />
Il y avait une raison flagrante à ce manque de cohérence :<strong> un éditeur de texte bien trop complexe et complet</strong>, 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.</p>
<h2>Améliorons : rationalisons</h2>
<p>Mon premier objectif était de<strong> rationaliser et d&rsquo;uniformiser le rendu</strong> des articles. Au-delà de l&rsquo;aspect visuel, il s&rsquo;agissait aussi d&rsquo;<strong>améliorer la qualité sémantique</strong> des contenus.<br />
J&rsquo;ai donc travaillé sur une simplification de l&rsquo;éditeur pour limiter les fonctionnalités au strict minimum, tout en répondant aux besoins de mises en forme de l&rsquo;équipe.</p>
<p>Mais comme vous le savez, un outil a beau être merveilleux,<strong> il faut encore savoir comment l&rsquo;utiliser</strong>. J&rsquo;ai donc travaillé en parallèle sur la mise en place d&rsquo;un <strong>guide de contribution</strong> permettant aux rédacteurs de savoir comment utiliser correctement l&rsquo;éditeur.</p>
<h2>Personnalisons l&rsquo;éditeur</h2>
<p>Dans le cadre du projet, nous travaillions avec l&rsquo;éditeur <a href="http://www.tinymce.com/">TinyMCE</a> pour fournir l&rsquo;éditeur de texte aux contributeurs. TinyMCE est très répandu (c&rsquo;est notamment l&rsquo;éditeur de texte par défaut de WordPress) et a l&rsquo;avantage d&rsquo;être très facilement personnalisable.<br />
J&rsquo;ai donc profité des possibilités de personnalisation de l&rsquo;éditeur pour proposer aux rédacteurs et contributeurs des fonctionnalités sur mesure.</p>
<p><img decoding="async" class="aligncenter size-full wp-image-811" src="https://w3qualite.net/wp-content/uploads/2015/07/sur-mesure.jpg" alt="" width="500" height="232" srcset="https://w3qualite.net/wp-content/uploads/2015/07/sur-mesure.jpg 500w, https://w3qualite.net/wp-content/uploads/2015/07/sur-mesure-300x139.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>Je me suis notamment arrêté sur les quelques points suivants :</p>
<ul>
<li>J&rsquo;ai limité l&rsquo;éditeur aux <strong>fonctions sémantiques essentielles</strong> (listes ordonnées et non ordonnées par exemple) et <strong>supprimé tous les boutons de mise en forme</strong> « risqués » pour le rendu (couleur de texte, couleur de fond, police…) et potentiellement pour l&rsquo;accessibilité des contenus. D&rsquo;un point de vue sémantique, ces fonctions ne sont pas très dangereuses car elles s&rsquo;appuient sur des styles en ligne. Cependant, d&rsquo;un point de vue visuel, elles peuvent facilement <strong>mettre en péril la cohérence visuelle</strong> des contenus.</li>
<li>En remplacement des boutons de mise en forme supprimés, j&rsquo;ai demandé à l&rsquo;é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&rsquo;éditeur. Il s&rsquo;agit de l&rsquo;option « <a href="http://www.tinymce.com/wiki.php/Configuration:formats">Formats</a> » de TinyMCE, permettant d&rsquo;ajouter aux contenus une class CSS spécifique par exemple. Ajouter une simple class plutôt que des styles en ligne <strong>garantit ainsi de pouvoir facilement faire évoluer le rendu</strong> des contenus dans le temps !</li>
<li>Pour les mises en forme un peu plus exotiques, j&rsquo;ai été jusqu&rsquo;à créer des modèles de contenu permettant aux rédacteurs d&rsquo;ê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&rsquo;extension « <a href="http://www.tinymce.com/wiki.php/Configuration:templates">Templates</a> » de TinyMCE permettant d&rsquo;importer dans son contenu un <strong>modèle HTML qu&rsquo;il ne reste plus qu&rsquo;à remplir</strong>.</li>
<li>Enfin, j&rsquo;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&rsquo;est le cas notamment des majuscules accentuées ou des caractères de ponctuation comme les points de suspension, l&rsquo;apostrophe ou encore les guillemets français. Les rédacteurs n&rsquo;ont ainsi pas besoin d&rsquo;apprendre par cœur tout un tas de raccourcis clavier échappant à toute logique.</li>
</ul>
<p>Et voilà, avec ces quelques points d&rsquo;attention, on est déjà en mesure de proposer un éditeur texte qui donne toutes les cartes en main aux contributeurs pour qu&rsquo;ils mettent en ligne des contenus d&rsquo;une qualité technique suffisante, sans effort démesuré.<br />
Oui mais voilà, un bon outil c&rsquo;est bien, mais il faut encore savoir l&rsquo;utiliser…</p>
<p><strong>Rédigeons le guide de contribution</strong></p>
<p>Une fois l&rsquo;éditeur personnalisé, je me suis donc attelé à <strong>rédiger un guide de contribution</strong> à destination des contributeurs.</p>
<p><img decoding="async" class="aligncenter size-full wp-image-813" src="https://w3qualite.net/wp-content/uploads/2015/07/guide.jpg" alt="" width="500" height="232" srcset="https://w3qualite.net/wp-content/uploads/2015/07/guide.jpg 500w, https://w3qualite.net/wp-content/uploads/2015/07/guide-300x139.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>Ce guide avait plusieurs objectifs :</p>
<ul>
<li>Définir et clarifier les <strong>règles éditoriales</strong> propres au site. Il s&rsquo;agit essentiellement ici de définir les règles liées au vocabulaire intrinsèque du ou des sujets traités sur le site.</li>
<li>Définir (si ce n&rsquo;est rappeler) les grandes <strong>règles de typographie</strong>. Il s&rsquo;agit là de donner un contenu pédagogique sur le rôle et l&rsquo;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&rsquo;usage abusif de ces derniers.</li>
<li>Et enfin expliquer <strong>comment utiliser chacune des fonctions de l&rsquo;éditeur</strong>. 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.</li>
</ul>
<p>Comme il ne sert à rien de palabrer des heures là dessus, je vous laisse plutôt consulter vous-même <a href="http://kloh.ch/_temp/w3q/editeur/tiny-mce.html">le guide complet</a> ainsi rédigé.</p>
<h2>Utilisons tout ça</h2>
<p>Les changements de l&rsquo;éditeur et le fait de les accompagner d&rsquo;un guide d&rsquo;utilisation a été très bien reçus par les contributeurs. <strong>Expliquer et sensibiliser</strong> sur les bonnes (ou les mauvaises) pratiques de contribution leur permet d&rsquo;<strong>améliorer leur travail</strong> sur le site : le rédacteur est content et l&rsquo;intégrateur est content !<br />
Au delà de l&rsquo;aspect pédagogique, les rédacteurs avaient particulièrement apprécié tous les changements leur permettant d&rsquo;<strong>être plus efficaces</strong>. Par exemple, les modèles leur ont permis de mettre en forme très simplement des contenus qu&rsquo;ils publiaient de manière récurrente « à la main », comme les plannings.</p>
<h2>Ressources</h2>
<ul>
<li><a href="http://kloh.ch/_temp/w3q/editeur/tiny-mce.html">Guide de contribution</a></li>
<li><a href="https://github.com/kloh-fr/tiny-mce/blob/master/config.js">Fichier de configuration de TinyMCE sur GitHub</a></li>
</ul>
<p>&nbsp;</p>
<p>Dans l&rsquo;ordre, illustrations tirées des films <em>Reservoir Dogs</em>, <em>Pacific Rim</em> et <em>Kill Bill</em>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://w3qualite.net/demarche/editeur-personnalise-guide-contribution/feed</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Modèle VPTCS &#8211; Infographie</title>
		<link>https://w3qualite.net/demarche/modele-vptcs-infographie</link>
					<comments>https://w3qualite.net/demarche/modele-vptcs-infographie#respond</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Thu, 11 Dec 2014 09:00:59 +0000</pubDate>
				<category><![CDATA[Démarche]]></category>
		<category><![CDATA[Outils]]></category>
		<category><![CDATA[modèle]]></category>
		<category><![CDATA[VPTCS]]></category>
		<guid isPermaLink="false">http://w3qualite.net/?p=750</guid>

					<description><![CDATA[À l&#8217;occasion d&#8217;un article sur Qualité Web – Les bonnes pratiques pour améliorer vos sites (1), on vous avait proposé une infographie résumant le modèle VPTCS d&#8217;Élie Sloïm et Éric Gateau (2). Bien que le modèle n&#8217;ait pas bougé, l&#8217;infographie a &#8230; <a href="https://w3qualite.net/demarche/modele-vptcs-infographie">Continuer la lecture <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[<p>À l&rsquo;occasion d&rsquo;un <a title="“Qualité Web – Les bonnes pratiques pour améliorer vos sites”, une première impression" href="https://w3qualite.net/outils/qualite-web-les-bonnes-pratiques-pour-ameliorer-vos-sites-une-premiere-impression">article sur</a> <cite>Qualité Web – Les bonnes pratiques pour améliorer vos sites</cite> (1), on vous avait proposé une infographie résumant le <strong>modèle VPTCS</strong> d&rsquo;Élie Sloïm et Éric Gateau (2).</p>
<p>Bien que le modèle n&rsquo;ait pas bougé, l&rsquo;infographie a évolué pour être plus détaillée, mieux organisée (et avec des p&rsquo;tites icônes aussi).</p>
<p><span id="more-750"></span></p>
<p>Ce modèle permet d&#8217;embrasser l&rsquo;ensemble des <strong>attentes utilisateurs</strong> ainsi que de voir les secteurs qui peuvent y répondre. Il rappelle également que deux éléments sont essentiels : les <strong>contenus</strong> et les <strong>services</strong>. Tandis que <strong>visibilité</strong>, <strong>perception</strong> et <strong>technique</strong> sont là pour mettre en valeur les deux premiers.</p>
<p>Enfin, il rappelle que la qualité est donc une affaire <strong>transverse</strong> ; en expertises, mais au aussi dans la chronologie de l&rsquo;<strong>expérience utilisateur</strong>.</p>
<p><a href="https://w3qualite.net/wp-content/uploads/2014/12/vptcs-w3qualite.png"><img loading="lazy" decoding="async" class="aligncenter wp-image-789 size-full" src="https://w3qualite.net/wp-content/uploads/2014/12/vptcs-w3qualite.png" alt="" width="842" height="595" srcset="https://w3qualite.net/wp-content/uploads/2014/12/vptcs-w3qualite.png 842w, https://w3qualite.net/wp-content/uploads/2014/12/vptcs-w3qualite-300x212.png 300w, https://w3qualite.net/wp-content/uploads/2014/12/vptcs-w3qualite-425x300.png 425w" sizes="auto, (max-width: 842px) 100vw, 842px" /></a></p>
<ul>
<li>en <a href="https://w3qualite.net/wp-content/uploads/2015/04/VPTCS-w3qualite.pdf">PDF (40 Ko)</a></li>
<li>en <a href="https://w3qualite.net/wp-content/uploads/2014/12/vptcs-w3qualite.gif">GIF</a></li>
<li>en <a href="https://w3qualite.net/wp-content/uploads/2014/12/vptcs-w3qualite.png">PNG</a></li>
</ul>
<p>(1) <a href="http://qualite-web-lelivre.com/">Qualité Web – Les bonnes pratiques pour améliorer vos sites</a> par Élie Sloïm, Laurent Denis, Muriel de Dona et Fabrice Bonny ; le modèle est détaillé dans la <strong>deuxième partie, chapitre « 1.3 – Un modèle pour la qualité web : VPTCS »</strong>.</p>
<p>(2) Voir <a href="http://temesis.com/ressources/articles/le-metier/criteres-generaux-d-evaluation-de.html">Critères généraux d’évaluation de la qualité Web</a> par Élie Sloïm et Éric Gateau, juin 2001</p>
<p>Article et infographie mis à jour le 10 avril 2015.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://w3qualite.net/demarche/modele-vptcs-infographie/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Ma checklist qualité du web designer</title>
		<link>https://w3qualite.net/demarche/ma-checklist-qualite-du-web-designer</link>
					<comments>https://w3qualite.net/demarche/ma-checklist-qualite-du-web-designer#respond</comments>
		
		<dc:creator><![CDATA[Luc Poupard]]></dc:creator>
		<pubDate>Thu, 26 Jun 2014 06:38:31 +0000</pubDate>
				<category><![CDATA[Démarche]]></category>
		<category><![CDATA[Métier]]></category>
		<category><![CDATA[checklist]]></category>
		<category><![CDATA[web design]]></category>
		<guid isPermaLink="false">http://w3qualite.net/?p=640</guid>

					<description><![CDATA[Il y a quelque chose dont nous sommes convaincus chez w3qualité : la qualité web passe par l&#8217;ensemble de la chaîne de production et ce n&#8217;est pas l&#8217;apanage du responsable qualité. Chaque métier peut et doit faire de la qualité &#8230; <a href="https://w3qualite.net/demarche/ma-checklist-qualite-du-web-designer">Continuer la lecture <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[<p>Il y a quelque chose dont nous sommes convaincus chez w3qualité : la qualité web <strong>passe par l&rsquo;ensemble de la chaîne de production</strong> et ce n&rsquo;est pas l&rsquo;apanage du responsable qualité. Chaque métier peut et doit faire de la qualité dans son travail. Nous vous proposons donc aujourd&rsquo;hui une méthode pour faire vôtre la gestion de la qualité, quel que soit votre métier.<span id="more-640"></span></p>
<p>La gestion de la qualité est un très vaste domaine. Comme l&rsquo;esquisse <a title="Combien de chantres de la qualité numérique, la suite" href="/metier/combien-chantres-qualite-numerique-suite">le constat</a> de notre précédente tentative de <a title="Chantres de la qualité numérique, comptez-vous !" href="/metier/chantres-qualite-numerique-comptez-vous">référencement des responsables qualité en poste</a>, même ceux dont c&rsquo;est le métier ont chacun une pratique différente et personnelle du métier. Malgré ces différences, l’un de <strong>leurs points communs</strong> est de devoir travailler avec <strong>différents métiers</strong>. 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 : <strong>chaque acteur participe à la qualité</strong>.</p>
<div id="attachment_697" style="width: 510px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-697" class="wp-image-697 size-full" src="https://w3qualite.net/wp-content/uploads/2014/06/2014_06_17_fourmis.jpg" alt="" width="500" height="232" srcset="https://w3qualite.net/wp-content/uploads/2014/06/2014_06_17_fourmis.jpg 500w, https://w3qualite.net/wp-content/uploads/2014/06/2014_06_17_fourmis-300x139.jpg 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /><p id="caption-attachment-697" class="wp-caption-text">Chaque acteur participe à la qualité !</p></div>
<p>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.<br />
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 <strong>métier</strong>, en l’occurrence ici une <strong>checklist web designer</strong>.<br />
J&rsquo;ai choisi ce métier car c&rsquo;est un métier que je connais bien, mais ce que je vais vous présenter peut s&rsquo;appliquer à n&rsquo;importe quel métier !</p>
<h2>Sur-mesure</h2>
<p>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 <strong>en fonction d&rsquo;un contexte particulier</strong>. C&rsquo;est ce qui explique que les quelques répondants au sondage aient une pratique différente du métier. À l&rsquo;instar de ses missions quotidiennes, les checklists du responsable qualité sont dépendantes du contexte. Mais au delà du poste de responsable qualité, <strong>chacun peut construire sa propre checklist</strong> en fonction de ses besoins, des besoins de l&rsquo;équipe ou ceux du projet.</p>
<p>Donc plutôt que de vous donner une checklist ultime et absolue, j&rsquo;ai préféré me mettre en condition et faire ce que tout acteur responsable devrait faire : <strong>construire sa propre checklist</strong>.<br />
Mais attention, <strong>pas question de réinventer la roue</strong> et de partir de zéro. Il faut savoir trouver les ressources qui peuvent être exploitées utilement.</p>
<div id="attachment_716" style="width: 510px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-716" class="wp-image-716 size-full" src="https://w3qualite.net/wp-content/uploads/2014/06/2014_06_18_roue.jpg" alt="On ne va pas réinventer la roue !" width="500" height="232" srcset="https://w3qualite.net/wp-content/uploads/2014/06/2014_06_18_roue.jpg 500w, https://w3qualite.net/wp-content/uploads/2014/06/2014_06_18_roue-300x139.jpg 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /><p id="caption-attachment-716" class="wp-caption-text">On ne va pas réinventer la roue !</p></div>
<p>Dans le cas présent, j&rsquo;ai déjà retenu les ressources suivantes :</p>
<ul>
<li><a href="http://checklists.opquast.com/fr/oqs-v2?q=design">Checklist Design</a> &#8211; Opquast</li>
<li><a href="http://wiki.accede-web.com/notices/graphique-ergonomique">Notice d&rsquo;accessibilité pour la conception graphique</a> &#8211; AcceDe Web</li>
</ul>
<p>Ces ressources sont déjà une bonne base puisqu&rsquo;elles permettent d&rsquo;assurer à la fois un bon niveau de qualité et d&rsquo;accessibilité aux utilisateurs finaux du service.<br />
<strong>Cependant elles ne sont pas suffisantes.</strong> Car au delà des utilisateurs finaux, tous les utilisateurs « intermédiaires » (contributeurs, développeurs, etc.) peuvent profiter de la qualité d&rsquo;un service, mais aussi et surtout y participer. Et ici plus que jamais, c&rsquo;est le contexte qui détermine les critères à prendre en compte.</p>
<h2>S&rsquo;adapter au contexte</h2>
<p>Dans le cadre de cet exercice, je suis parti d&rsquo;un cas où le web designer <strong>produit ses maquettes sous Photoshop</strong> et les transmet à <strong>un intégrateur qui se charge lui-même d&rsquo;exporter les différents éléments</strong> pour les intégrer.<br />
L&rsquo;une des contraintes particulières ici, c&rsquo;est que l&rsquo;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&rsquo;intégrateur.<br />
C&rsquo;est typiquement une situation <strong>directement héritée d&rsquo;un contexte</strong> particulier et qui ne correspondra pas à chacun de vous. Il faut donc définir des critères qui s&rsquo;inscrivent dans cette organisation.</p>
<div id="attachment_704" style="width: 510px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-704" class="wp-image-704 size-full" src="https://w3qualite.net/wp-content/uploads/2014/06/2014_06_17_contexte.jpg" alt="Il faut s'adapter au contexte." width="500" height="232" srcset="https://w3qualite.net/wp-content/uploads/2014/06/2014_06_17_contexte.jpg 500w, https://w3qualite.net/wp-content/uploads/2014/06/2014_06_17_contexte-300x139.jpg 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /><p id="caption-attachment-704" class="wp-caption-text">Il faut s&rsquo;adapter au contexte.</p></div>
<p>En l&rsquo;occurrence dans notre cas, il y a un point crucial sur lequel il est possible d&rsquo;agir pour obtenir un gain de qualité énorme : <strong>le <abbr lang="en" title="Photoshop Document">PSD</abbr></strong>. En effet, ce fichier est littéralement <strong>le point de friction entre le web designer et l&rsquo;intégrateur</strong>. S&rsquo;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&rsquo;intégrateur. Il est donc particulièrement important de mettre en place des critères de qualité qui permettront d&rsquo;améliorer les échanges entre les deux métiers.<br />
En complément des ressources précédemment citées, il faut donc aussi <strong>s&rsquo;appuyer sur des critères concernant l&rsquo;outil utilisé</strong> communément. J&rsquo;ai donc retenu aussi les sources suivantes, orientées sur des bonnes pratiques d&rsquo;utilisation de Photoshop.</p>
<ul>
<li><a href="http://www.stpo.fr/blog/guidelines-pour-produire-des-psd-adaptes-au-web/">Guidelines pour produire des PSD adaptés au web</a> &#8211; STPo</li>
<li><a href="http://photoshopetiquette.com/">Guide Photoshop pour le Web Design</a> (en anglais) &#8211; Dan Rose</li>
<li><a href="http://www.vectorskin.com/controle-qualite-web/optimiser-psd-decoupage/">Optimisez vos fichiers Photoshop</a> &#8211; Vectorskin</li>
<li><a href="http://www.kloh.ch/creer-plusieurs-pages-avec-photoshop-253">Créer plusieurs pages avec Photoshop</a> &#8211; votre serviteur</li>
</ul>
<p>À partir de ces différentes sources, il ne nous reste plus qu&rsquo;à définir ce qu&rsquo;on souhaite retenir et retrouver dans notre propre checklist. L&rsquo;objectif étant d&rsquo;améliorer la qualité pour les utilisateurs finaux mais aussi les utilisateurs dans la chaîne de production.</p>
<h2>Checklist personnalisée</h2>
<p>Après ce travail de réflexion et de recherche, j&rsquo;ai donc pu construire <a href="https://docs.google.com/spreadsheet/ccc?key=0AsMhlLzn_2GddGptejNKUHhPSXFJem9FbUZwcjhycmc&amp;usp=sharing">ma checklist sur-mesure</a>.<br />
Comme dit plus tôt, <strong>il ne s&rsquo;agit pas d&rsquo;une checklist aboutie</strong> mais plus d&rsquo;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&rsquo;éviter que quelqu&rsquo;un n&rsquo;ayant pas lu tout ce qui précède ne la prenne au pied de la lettre !</p>
<div id="attachment_715" style="width: 510px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-715" class="wp-image-715 size-full" src="https://w3qualite.net/wp-content/uploads/2014/06/2014_06_18_construction.jpg" alt="Construisons notre propre checklist !" width="500" height="232" srcset="https://w3qualite.net/wp-content/uploads/2014/06/2014_06_18_construction.jpg 500w, https://w3qualite.net/wp-content/uploads/2014/06/2014_06_18_construction-300x139.jpg 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /><p id="caption-attachment-715" class="wp-caption-text">Construisons notre propre checklist !</p></div>
<p>Bref, maintenant vous savez ce qu&rsquo;il vous reste à faire : <strong>construisez votre propre checklist !</strong></p>
<p>Vous pouvez aussi aller encore plus loin et construire des checklists <strong>partagées avec le reste de votre équipe</strong>. On en parle d&rsquo;ailleurs sur <a href="https://w3qualite.net/actualites/industrialisons-nos-savoir-faire-kiwiparty">« Référentiels de bonnes pratiques : industrialisons nos savoir-faire »</a>.</p>
<h2>Crédits photo<strong><br />
</strong></h2>
<ul>
<li><a href="https://www.flickr.com/photos/stephenbegin/3929619595/">Leafcutter Ants</a> par Steve Begin, sous licence CC BY-NC-SA 2.0</li>
<li><a href="https://www.flickr.com/photos/76377775@N05/6961799629">Blue Tit on wheel</a> par keith ellwood, sous licence CC BY 2.0</li>
<li><a href="https://www.flickr.com/photos/ecololo/1945885541/">Un caméléon vert</a> par ecololo, sous licence CC BY-NC-SA 2.0</li>
<li><a href="https://www.flickr.com/photos/jonathan_bliss/7011483389">Nesting Time</a> par Jonathan Bliss, sous licence CC BY-NC-SA 2.0</li>
</ul>
<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://w3qualite.net/demarche/ma-checklist-qualite-du-web-designer/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Être bien pour produire bien &#124; Conférence à Paris&#160;Web&#160;2013</title>
		<link>https://w3qualite.net/actualites/etre-bien-pour-produire-bien-conference-a-paris-web-2013</link>
					<comments>https://w3qualite.net/actualites/etre-bien-pour-produire-bien-conference-a-paris-web-2013#comments</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Thu, 10 Oct 2013 14:40:39 +0000</pubDate>
				<category><![CDATA[Actualités]]></category>
		<category><![CDATA[Démarche]]></category>
		<category><![CDATA[Outils]]></category>
		<category><![CDATA[bien-être]]></category>
		<category><![CDATA[conditions de travail]]></category>
		<category><![CDATA[conférence]]></category>
		<guid isPermaLink="false">http://w3qualite.net/?p=535</guid>

					<description><![CDATA[Mise à jour du 06 décembre 2013 : Lien vers la vidéo. Résumé de ma conférence « Être bien pour produire bien » tenue à Paris Web 2013 le 10 octobre. S&#8217;intéresser à l&#8217;humain dans le travail, c&#8217;est bien. Mais si on &#8230; <a href="https://w3qualite.net/actualites/etre-bien-pour-produire-bien-conference-a-paris-web-2013">Continuer la lecture <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[<p>Mise à jour du 06 décembre 2013 : Lien vers la <a title="Être bien pour produire bien par Delphine Malassingne - Vidéo" href="http://vimeo.com/80349437">vidéo</a>.</p>
<p>Résumé de ma conférence « <a href="http://www.paris-web.fr/2013/conferences/etre-bien-pour-produire-bien.php">Être bien pour produire bien</a> » tenue à Paris Web 2013 le 10 octobre.</p>
<p>S&rsquo;intéresser à l&rsquo;humain dans le travail, c&rsquo;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&rsquo;est encore mieux ! Voyons comment faire.</p>
<p><span id="more-535"></span></p>
<div id="attachment_537" style="width: 510px" class="wp-caption aligncenter"><a href="https://w3qualite.net/wp-content/uploads/2013/10/pw2013.gif"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-537" class="size-full wp-image-537" alt="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." src="https://w3qualite.net/wp-content/uploads/2013/10/pw2013.gif" width="500" height="322" /></a><p id="caption-attachment-537" class="wp-caption-text">Vous avez la possibiltié de vous intéresser au bien-être de chacun et ainsi d&rsquo;améliorer la qualité du travail produit.<br />Attention, dommage collatéral : vos collaborateurs risquent d&rsquo;être plus heureux.</p></div>
<h2>Objectiver</h2>
<p>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.<br />
Un moyen d&rsquo;objectiver ce ressenti est le sondage. Deux en l&rsquo;occurrence :</p>
<ul>
<li>un commandité par l&rsquo;<strong>ANACT</strong> (Agence Nationale pour l&rsquo;Amélioration des Conditions de Travail) et fait sur un panel de 1001 personnes</li>
<li>un fait par mes soins et relayé ici et dans le <strong>réseau de la communauté de Paris Web</strong> (donc représentatif de nous, lecteur)</li>
</ul>
<h2>Les sondages</h2>
<p>Pour l&rsquo;un des sondages,<strong> 37 items</strong> ont été proposés ; comme par exemple :</p>
<ul>
<li>Atteintes des objectifs projet</li>
<li>Trajet</li>
<li>Entente avec ses collègues</li>
<li>Salaire, primes et avantages</li>
<li>Éthique de l’entreprise</li>
<li>etc.</li>
</ul>
<p>Pour chacun d&rsquo;eux, on demandait d&rsquo;indiquer l&rsquo;<strong>impact positif ou négatif</strong> qu&rsquo;ils pouvaient avoir selon l&rsquo;échelle suivante :</p>
<ul>
<li>impact très important</li>
<li>impact important</li>
<li>impact peu important</li>
<li>pas du tout d&rsquo;impact</li>
</ul>
<p>Il est intéressant de constater que les 10 items de tête (qui sont estimés avoir le plus d&rsquo;impact) sont quasiment les mêmes en positif comme en négatif (mais dans un ordre différent).</p>
<p>Ci-dessous, la liste des 10 items de tête (entre parenthèse, leur emplacement en <span style="color: #808000;">positif</span> puis en <span style="color: #800000;">négatif</span>)</p>
<ol>
<li><strong>Impression personnelle sur son travail</strong> (<span style="color: #808000;">1</span> &#8211; <span style="color: #800000;">1</span>)</li>
<li><strong>Ambiance dans laquelle se déroule le projet</strong> (<span style="color: #808000;">2</span> &#8211; <span style="color: #800000;">2</span>)</li>
<li><strong>Respect des personnes</strong> (<span style="color: #808000;">3</span> &#8211; <span style="color: #800000;">5</span>)</li>
<li><strong>Entente avec ses collègues</strong> (<span style="color: #808000;">4</span> &#8211; <span style="color: #800000;">6</span>)</li>
<li><strong>Cohésion et unité dans l&rsquo;équipe</strong> (<span style="color: #808000;">5</span> &#8211; <span style="color: #800000;">7</span>)</li>
<li><strong>Sentiment qu&rsquo;on a ou non confiance en moi</strong> (<span style="color: #808000;">6</span> &#8211; <span style="color: #800000;">4</span>)</li>
<li><strong>Possibilité ou non d&rsquo;exprimer ses idées</strong> (<span style="color: #808000;">7</span> &#8211; <span style="color: #800000;">3</span>)</li>
<li><strong>Qualité du travail global sur le projet</strong> (<span style="color: #808000;">8</span> &#8211; <span style="color: #800000;">8</span>)<br />
<strong>Acquisition de nouvelles compétences</strong> (<span style="color: #808000;">hors classement</span> &#8211; <span style="color: #800000;">10</span>)</li>
<li><strong>Qualité et adéquation du matériel de travail</strong> (<span style="color: #808000;">9</span> &#8211; <span style="color: #800000;">9</span>)</li>
<li><strong>Perspective d&rsquo;évolution</strong> (<span style="color: #808000;">10</span> &#8211; <span style="color: #800000;">hors classement</span>)</li>
</ol>
<p>Il est à noter qu&rsquo;un item comme « Salaire, primes et avantages » arrive plutôt en bas de liste, à peu près en même temps que « Perspective d&rsquo;évolution », « Horaires flexibles » et devant « Projet innovant », « Écologie / Développement durable ».<br />
« Espaces de pause » est le dernier item (avec un impact positif important à 42 % ou encore un impact négatif peu important à 49 %)</p>
<p>NB : Vous avez la possibilité de consulter les <a href="https://docs.google.com/spreadsheet/ccc?key=0AmBnkP3szp3MdENGbFZ1S2JBUkxGdHc4Nk9tRnpDWGc&amp;usp=sharing">résultats bruts</a> du sondage.</p>
<p>Autres chiffres très intéressants : 95% du panel de 1001 personnes estiment que l&rsquo;<strong>impact du bien-être sur la qualité du travail est fort à très fort</strong>. Et 91% estiment que l&rsquo;<strong>impact sur la productivité est également fort à très fort</strong>.</p>
<p><a href="https://w3qualite.net/wp-content/uploads/2013/10/pw2013-2.gif"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-559" alt="pw2013-2" src="https://w3qualite.net/wp-content/uploads/2013/10/pw2013-2.gif" width="500" height="211" /></a></p>
<p>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 <strong>ça vaut la peine d&rsquo;agir sur le bien-être pour gagner en qualité et en productivité</strong>.</p>
<p><a href="https://w3qualite.net/wp-content/uploads/2013/10/pw2013-6.gif"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-592" alt="Oui, ça vaut le coup de s'y pencher sérieusement" src="https://w3qualite.net/wp-content/uploads/2013/10/pw2013-6.gif" width="500" height="153" /></a></p>
<h2>Responsabiliser et agir</h2>
<p>Que l&rsquo;on soit dirigeant, responsable d&rsquo;équipe ou salarié lambda, chacun doit déjà commencer par être attentif à son bien-être et à <strong>remonter les points</strong> qui le gênent et ceux qui l&rsquo;aident.</p>
<p>N&rsquo;oubliez pas qu&rsquo;on ne peut pas se plaindre si on ne s&rsquo;est jamais exprimé !</p>
<p>Mais on peut aussi aller plus loin en mettant en place un <strong>cycle d&rsquo;amélioration</strong> (non sans avoir dû convaincre – grâce à des sondages notamment ^^ – sa direction de s&rsquo;impliquer.</p>
<h3>Une méthodologie</h3>
<p>Comme toujours, je préconise l&rsquo;<strong>amélioration continue</strong>, les <strong>petits-pas</strong> et les <strong>itérations</strong>.</p>
<p>C&rsquo;est un excellent moyen d&rsquo;assurer la démarche :</p>
<ul>
<li><strong>étaler</strong> les coûts</li>
<li><strong>réajuster</strong> la démarche si besoin</li>
<li><strong>agir</strong> dans un contexte de production qui ne peut pas attendre</li>
</ul>
<div id="attachment_587" style="width: 510px" class="wp-caption aligncenter"><a href="https://w3qualite.net/wp-content/uploads/2013/10/pw2013-4.gif"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-587" class="size-full wp-image-587" alt="Amélioration continue - Petits pas - Itérations" src="https://w3qualite.net/wp-content/uploads/2013/10/pw2013-4.gif" width="500" height="73" /></a><p id="caption-attachment-587" class="wp-caption-text">Amélioration continue, petits pas et itérations sont souvent les clés à avoir en tête pour arriver au résultat recherché.</p></div>
<p>Voici le cycle que cela pourrait donner :</p>
<ol>
<li id="retourNote1">Un premier sondage <a href="#note1">(1)</a></li>
<li><strong>Analyser</strong> les résultats
<ol>
<li>Les items qui ressortent sur le positif</li>
<li>Les items qui ressortent sur le négatif</li>
<li>Les items communs aux deux</li>
</ol>
</li>
<li><strong>Communiquer</strong> ces résultats</li>
<li>Réunir un <strong>groupe proche des salariés</strong> et mettre en place un <strong>plan d&rsquo;action</strong></li>
<li><strong>Communiquer</strong> les intentions</li>
<li><strong>Agir</strong>
<ol>
<li>Gérer les points pouvant être réglés rapidement</li>
<li>Entamer les points qui demandent un travail de fond</li>
</ol>
</li>
<li>Faire un <strong>nouveau sondage dans un délai raisonnable</strong> (ne pas lasser !)</li>
<li>Et <strong>reprendre</strong> au point 2 : Analyse, communication, plan d&rsquo;action, communication, action, re-sondage…</li>
</ol>
<div id="attachment_590" style="width: 510px" class="wp-caption aligncenter"><a href="https://w3qualite.net/wp-content/uploads/2013/10/pw2013-51.gif"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-590" class="size-full wp-image-590" alt="    Sondage, communication des résultats, plan d'action et nouveau sondage avec analyse comparative." src="https://w3qualite.net/wp-content/uploads/2013/10/pw2013-51.gif" width="500" height="376" /></a><p id="caption-attachment-590" class="wp-caption-text">Sondage, communication des résultats, plan d&rsquo;action et nouveau sondage avec analyse comparative.</p></div>
<p>(<span id="note1">1</span> : 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&rsquo;une seule question et, pour vos plans d&rsquo;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 ».) – <a href="#retourNote1">retour</a>.</p>
<h2>Focus sur 3 points influant fortement sur la qualité du travail</h2>
<p>Pourquoi 3 points et pourquoi ceux-là ? Parce que ces items là ressortent fortement à la fois sur le positif et sur le négatif. <strong>On a donc tout intérêt à les soigner</strong>.</p>
<h3>Impression personnelle de faire du bon travail</h3>
<p>On a souvent peu de retours sur l&rsquo;impression réelle qu&rsquo;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 !</p>
<p>Le meilleur moyen de donner à quelqu&rsquo;un l&rsquo;impression qu&rsquo;il fait du bon travail c&rsquo;est &#8230;de lui dire à chaque fois que c&rsquo;est le cas, lui signaler ses progrès également, même si ce n&rsquo;est pas encore le niveau attendu.</p>
<p>Valorisez vos collègues, vos subalternes, vos supérieurs mêmes. « Valoriser » ne veut pas dire complimenter à tout-va, cela veut dire <strong>signaler tous les points positifs</strong>.</p>
<h3>Ambiance dans laquelle se déroule le projet</h3>
<p>L&rsquo;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&rsquo;enthousiasme débordant, la légèreté, etc.</p>
<p>La clé &#8211; s&rsquo;il y en a une : <strong>objectiver, apaiser, relativiser, prendre en compte</strong>.</p>
<p>Dans la société où je travaille, les projets sont parfois suivis d&rsquo;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.</p>
<h3>Respect des personnes</h3>
<p>S&rsquo;il y a une thématique sur laquelle il faut être <strong>exemplaire</strong>, c&rsquo;est bien celle-là !</p>
<p>Cela passe par l&rsquo;égalité de traitement quel que soit le niveau, le métier du salarié ; par le juste dosage de l&rsquo;humour ; par la prise en compte du travail (gare au supérieur qui s&rsquo;approprie le travail du subalterne !) ; ou encore par respecter le rythme de chacun et les moments de pause.</p>
<p>Pour ces trois thématiques comme pour beaucoup d&rsquo;autres, si je devais donner une clé, ce serait celle-ci : la <strong>bienveillance</strong>. Abordez chaque problème humain avec bienveillance et cela ne peut pas mal se passer.</p>
<h2>Annexes</h2>
<h3>Liens</h3>
<ul>
<li>Le sondage « <a href="http://pw2013.nissone.com/">Bien-être et qualité du travail</a>« </li>
<li>Les <a href="https://docs.google.com/spreadsheet/ccc?key=0AmBnkP3szp3MdENGbFZ1S2JBUkxGdHc4Nk9tRnpDWGc&amp;usp=sharing">résultats bruts</a> du sondage</li>
<li>Le sondage « <a href="http://www.qualitedevieautravail.org/?p=1497">La qualité de vie au travail, pour vous c&rsquo;est quoi ?</a>« </li>
<li>La <a title="Être bien pour produire bien par Delphine Malassingne - Vidéo" href="http://vimeo.com/80349437">vidéo</a> de la conférence</li>
<li>Le <a href="http://fr.slideshare.net/DelphineMalassingne/etre-bienpourproduirebien-pw2013diffusion">diaporama</a> de la conférence</li>
</ul>
<h3>Pour aller plus loin</h3>
<ul>
<li><a href="http://www.anact.fr/web/dossiers/performance-durable/qvt?p_thingIdToShow=27635632">Mesurer ou évaluer la QVT ?</a> (Qualité de Vie au Travail)</li>
</ul>
<h3>Remerciements</h3>
<p>Je tiens encore à remercier les 149 personnes qui ont eu le courage de remplir mon sondage jusqu&rsquo;au bout et sans qui je n&rsquo;aurais pas eu des résultats, représentant spécifiquement notre communauté, à analyser et à présenter.</p>
<p>Merci à <a href="http://mickael.morier.fr/">Mickaël Morier</a> qui m&rsquo;a autorisée à utiliser son sourire.</p>
<p>Merci à <a href="http://www.flickr.com/photos/prelude666/">Jean-François Renauld</a> pour ses photos.</p>
<p>Merci à <a href="http://www.ekino.com/">Ekino</a> et aux DFO en particulier.</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-594" alt="Photo Jean-François Renauld" src="https://w3qualite.net/wp-content/uploads/2013/10/etrebienpourproduirebien.jpg" width="500" height="219" srcset="https://w3qualite.net/wp-content/uploads/2013/10/etrebienpourproduirebien.jpg 500w, https://w3qualite.net/wp-content/uploads/2013/10/etrebienpourproduirebien-300x131.jpg 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></p>
]]></content:encoded>
					
					<wfw:commentRss>https://w3qualite.net/actualites/etre-bien-pour-produire-bien-conference-a-paris-web-2013/feed</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<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 loading="lazy" 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="auto, (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 loading="lazy" 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="auto, (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 loading="lazy" 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="auto, (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>
		<item>
		<title>10 étapes pour un audit</title>
		<link>https://w3qualite.net/demarche/10-etapes-pour-un-audit</link>
					<comments>https://w3qualite.net/demarche/10-etapes-pour-un-audit#respond</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Mon, 29 Oct 2012 09:00:04 +0000</pubDate>
				<category><![CDATA[Démarche]]></category>
		<category><![CDATA[analyse]]></category>
		<category><![CDATA[objectifs]]></category>
		<category><![CDATA[référentiel]]></category>
		<guid isPermaLink="false">http://w3qualite.net/?p=248</guid>

					<description><![CDATA[Contexte Imaginons un projet, par exemple, un site web qui vient d’être refondu et mis en production. On souhaite évaluer son niveau de qualité globale et suivre si, au cours des mises à jour, ce niveau baisse, stagne ou progresse. &#8230; <a href="https://w3qualite.net/demarche/10-etapes-pour-un-audit">Continuer la lecture <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[<h2 id="internal-source-marker_0.8625227878273124" dir="ltr">Contexte</h2>
<p><em>Imaginons un projet, par exemple, un site web qui vient d’être refondu et mis en production.</em> <em> On souhaite évaluer son niveau de qualité globale et suivre si, au cours des mises à jour, ce niveau baisse, stagne ou progresse.</em></p>
<p>On pense naturellement à l’audit. Mais l’audit n’est pas une fin en soi et il ne s’agit pas de se contenter du pourcentage de conformité qui va en ressortir. Voici la façon dont je m’y prends ; je suis curieuse de la confronter à vos commentaires et de la comparer à vos propres façons de faire. <span id="more-248"></span></p>
<h2 dir="ltr">Déroulé</h2>
<ol>
<li>
<h3 dir="ltr">Identifier les objectifs</h3>
</li>
</ol>
<p>Avant de se lancer tête baissée dans un audit, il s’agit déjà de savoir <strong>pourquoi on audite</strong>. Il faut donc se poser les questions des objectifs du site.<em> </em></p>
<p><em>Le site qui nous sert d’exemple est un site marchand. L’objectif n°1 est clair : la transformation. Il est sur un secteur très concurrentiel ; il y a donc un fort enjeu sur le référencement.</em></p>
<ol start="2">
<li>
<h3 dir="ltr">Identifier le référentiel</h3>
</li>
</ol>
<p>De même, il faut trouver le <strong>référentiel qui correspond aux objectifs</strong> de l’audit. Qu’il s’agisse d’un référentiel existant ou d’un référentiel fait sur mesure. <em></em></p>
<p><em>Dans notre exemple, on veut d’abord avoir une visibilité sur la qualité globale du site. On a donc choisi naturellement le <a href="https://checklists.opquast.com/opquastv2">référentiel Qualité web d’Opquast</a>.</em></p>
<p><a href="https://w3qualite.net/wp-content/uploads/2012/09/opquast-memento.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-282" title="opquast-memento" src="https://w3qualite.net/wp-content/uploads/2012/09/opquast-memento.jpg" alt="Le référentiel Opquast sous forme de memento" width="251" height="223" /></a></p>
<ol start="3">
<li>
<h3 dir="ltr">Identifier les rubriques et critères stratégiques</h3>
</li>
</ol>
<p>Les étapes 1. et 2. permettent de repérer les critères stratégiques. Les référentiels sont bien souvent classés par thématiques et par niveau. Il faut identifier les<strong> thématiques qui sont stratégiques par rapport aux objectifs</strong> du site. Les niveaux permettent ensuite de prioriser les critères stratégiques. <em></em></p>
<p><em>Pour notre site marchand, on retient donc : E-commerce, Formulaire, Code, Navigation puis Espaces publics parmi les 18 rubriques d’Opquast.</em></p>
<ol start="4">
<li>
<h3 dir="ltr">Auditer</h3>
</li>
</ol>
<p>Si un audit peut paraître simple (“Ce critère est conforme ? Oui ? Bon, je coche”), ce n’est pourtant pas le cas et cela pourrait faire l’objet d’un article à part entière (ou de séances de thérapie de groupe : “– Bonjour, je m’appelle Delphine, et je ne sais pas si je dois considérer mon critère comme conforme ou pas. – Bonjour Delphine !”). Pour l’instant, disons qu’il s’agit “juste” de <strong>classer l’exhaustivité des critères en conforme, non-conforme</strong> (et ne pas hésiter quand ce n’est pas conforme !). (Cette affirmation là aussi pourrait presque faire l&rsquo;objet d&rsquo;un article à part entière !)</p>
<p>Prévoir également la méthodologie pour l&rsquo;audit. Auditer l&rsquo;exhaustivité ? Sinon, quelles pages seront représentatives ?</p>
<p><em>Dans notre cas, on a retenu un échantillonnage qui intègre chaque type de page et chaque élément particulier (tableau, formulaire, mentions légales, etc.) Ce qui a tout de même fait un total de 24 pages sur lesquelles auditer quasiement l&rsquo;ensemble des 217 critères.</em></p>
<p><a href="https://w3qualite.net/wp-content/uploads/2012/10/audit-en-cours.gif"><img loading="lazy" decoding="async" class="aligncenter size-medium wp-image-291" title="audit-en-cours" src="https://w3qualite.net/wp-content/uploads/2012/10/audit-en-cours-300x116.gif" alt="" width="300" height="116" srcset="https://w3qualite.net/wp-content/uploads/2012/10/audit-en-cours-300x116.gif 300w, https://w3qualite.net/wp-content/uploads/2012/10/audit-en-cours-500x193.gif 500w, https://w3qualite.net/wp-content/uploads/2012/10/audit-en-cours.gif 996w" sizes="auto, (max-width: 300px) 100vw, 300px" /></a></p>
<ol start="5">
<li>
<h3 dir="ltr">Trier les résultats</h3>
</li>
</ol>
<p>On se retrouve avec un taux de conformité global ; ne pas s’en contenter. Calculer le taux de <strong>conformité en ne retenant que les critères stratégiques</strong> puis, au sein des critères stratégiques, celui des <strong>critères de niveau 1</strong>. Détailler aussi <strong>rubrique stratégique par rubrique stratégique</strong>.</p>
<p><em>Le résultat de notre audit nous donne 58% de conformité globale mais ce taux monte à 64% sur l’ensemble des rubriques stratégiques et à 66% pour le niveau 1.</em> <em> La rubrique Code est la mieux lotie avec 85% de conformité ; la rubrique Espaces publics est la plus faible avec 34%.</em></p>
<ol start="6">
<li>
<h3 dir="ltr">Analyser</h3>
</li>
</ol>
<p>Et voilà le cœur de l’exercice ! <strong>Tout ce qui a été fait précédemment ne sert à rien sans cette étape d’analyse</strong>. En faisant l’étape 5, des tendances ont dû commencer à se dégager. Allez creuser, voir quelles sont les rubriques faibles, les rubriques fortes. Regardez critère non conforme par critère non conforme s’ils sont du même <strong>type</strong>, interviennent à la même <strong>étape</strong>, font appel à des <strong>compétences</strong> communes (la performance ? l’accessibilité ? …) Vous êtes alors en mesure de dégager les<strong> points d’amélioration</strong>, les <strong>montées en compétences nécessaires</strong>, les<strong> changements d’organisation</strong>&#8230; à vous de voir en fonction de la “matière” que vous avez extrait.</p>
<p>Quoi qu’il en soit, vous avez une liste de <strong>critères prioritaires</strong> : les critères stratégiques de niveau 1 qui se sont avérés non conformes. <em></em></p>
<p><em>Si dans notre cas la rubrique Espaces publics est la plus faible, il s’agit pour une grande part de critères de niveaux 2 ou 3. Des critères de niveau 1 sont par contre à traiter en priorité dans la partie Formulaire.</em> <em> Il s’avère également que les quelques critères non conformes dans la partie Code ont tous un impact négatif sur le référencement. Il va donc falloir aller voir de ce côté là s’il y a des informations à faire passer.</em></p>
<div id="attachment_285" style="width: 310px" class="wp-caption aligncenter"><a href="https://w3qualite.net/wp-content/uploads/2012/10/tableau-analyse-graphique.gif"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-285" class="size-medium wp-image-285" title="tableau-analyse-graphique" src="https://w3qualite.net/wp-content/uploads/2012/10/tableau-analyse-graphique-300x194.gif" alt="" width="300" height="194" srcset="https://w3qualite.net/wp-content/uploads/2012/10/tableau-analyse-graphique-300x194.gif 300w, https://w3qualite.net/wp-content/uploads/2012/10/tableau-analyse-graphique-1024x665.gif 1024w, https://w3qualite.net/wp-content/uploads/2012/10/tableau-analyse-graphique-461x300.gif 461w, https://w3qualite.net/wp-content/uploads/2012/10/tableau-analyse-graphique.gif 1159w" sizes="auto, (max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-285" class="wp-caption-text">Modèle de tableau où les résultats sont reportés. Cela aide à visualiser les éléments à analyser et permet de générer des graphiques, utiles pour la partie communication.</p></div>
<ol start="7">
<li>
<h3 dir="ltr">Communiquer</h3>
</li>
</ol>
<p>Une fois que vous avez votre analyse de faite&#8230; elle ne vous sert, à vous, à rien. <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;" /> Elle va par contre servir aux équipes de production, au responsable projet, aux chefs d’équipe, aux décideurs, etc. Et <strong>on ne communique pas avec tout ce monde là de la même façon</strong> ! Là encore, ce sont les objectifs qui vont vous guider. Et cette fois-ci, ce sont les vôtres. Faire travailler les équipes, convaincre les responsables, changer les méthodes… Vous allez donc éventuellement communiquer sur une même analyse de 10 façons différentes : présentation et diaporama, document exhaustif et détaillé, résumé pédagogique, tête-à-tête, … et ce sur tout ou partie des résultats. D’ailleurs, une partie de cette communication pourrait être différée après l’étape suivante, le plan d’action.</p>
<p><em>Ici, deux documents ont été produits :</em></p>
<ul>
<li><em>un PDF expliquant la méthode, les objectifs, les conclusions. Il débute par un résumé qui permet de se faire une idée sans lire l’exhaustivité du document et est destiné aux décideurs et sponsors du projet ;</em></li>
<li><em>une liste détaillée et technique, classée par expertise et destinée aux équipes de production. Elle donne des références, des outils, des clés de compréhension pour les critères les plus délicats.</em></li>
</ul>
<p>&nbsp;</p>
<div id="attachment_286" style="width: 310px" class="wp-caption aligncenter"><a href="https://w3qualite.net/wp-content/uploads/2012/10/document-communication.gif"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-286" class="size-medium wp-image-286" title="document-communication" src="https://w3qualite.net/wp-content/uploads/2012/10/document-communication-300x137.gif" alt="" width="300" height="137" srcset="https://w3qualite.net/wp-content/uploads/2012/10/document-communication-300x137.gif 300w, https://w3qualite.net/wp-content/uploads/2012/10/document-communication-1024x468.gif 1024w, https://w3qualite.net/wp-content/uploads/2012/10/document-communication-500x228.gif 500w, https://w3qualite.net/wp-content/uploads/2012/10/document-communication.gif 1482w" sizes="auto, (max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-286" class="wp-caption-text">Aperçu de quelques pages d&#39;un document .PDF servant à communiquer la méthode et les résultats.</p></div>
<ol start="8">
<li>
<h3 dir="ltr">Lancer le plan d’actions</h3>
</li>
</ol>
<p>Les équipes doivent maintenant être prêtes à<strong> évaluer les améliorations identifiées</strong>. Cela est fait en fonction de la priorité, bien sûr, mais aussi en fonction de la charge et de la possibilité. Certains changements peuvent être fait en cours de vie du site, d’autres sont à prévoir lors des refontes ou des grosses phases de conception. Les équipes ont le niveau pour certains points et ont besoin de formation pour d’autres. Initiez donc le plan d’actions avec les équipes en veillant à respecter des étapes ambitieuses mais réalisables. C’est aussi le moment de <strong>prévoir la prochaine ou les prochaines itérations</strong> de votre audit.</p>
<p><em>Pour notre projet e-commerce, 15 critères sont identifiés comme prioritaires et traitables en maintenance rapidement.</em> <em> Il est décidé de former 2 développeurs seniors aux bases du référencement (naturel, payant, social).</em> <em> 3 critères relèvent de la conception et sont communiqués aux responsables pour une prise en compte au bon moment.</em> <em> Enfin, 7 critères seront traités dans un deuxième temps car chronophages et moins importants.</em> <em> Les autres critères (non stratégiques) sont laissés de côté pour l’instant et ne sont pas intégrés dans le plan d’action. Ils sont toutefois communiqués pour information aux équipes.</em></p>
<ol start="9">
<li>
<h3 dir="ltr">Itérer</h3>
</li>
</ol>
<p>C’est à dire reprendre à partir de l’étape 4 &#8211; auditer. La phase itérative est particulièrement intéressante car elle permet d’enrichir l’analyse d’une <strong>comparaison</strong> entre deux itérations. On peut ainsi mesurer les actions, la réussite ou l’échec des changements opérés et communiquer sur les efforts des équipes.</p>
<p><em>Lors de cette deuxième itération, des gros progrès ont été constatés sur les éléments concernant le référencement ; c’est un bel encouragement pour l’équipe.</em> <em> Les critères prioritaires ont tous été traités à l’exception d’un seul qui s’est opposé à une contrainte technique ; il reste non conforme.</em> <em> Une dégradation est constaté sur la rubrique Formulaire. Après “enquête”, il s’avère qu’une grosse maintenance a été faite sur le tunnel d’achat mais que l’étape d’intégration HTML a due être faite “à la va-vite”. Des points prioritaires sont intégrés au niveau plan d’actions pour corriger les impairs.</em></p>
<ol start="10">
<li>
<h3 dir="ltr">Remettre en cause</h3>
</li>
</ol>
<p>Ça pourrait être une étape systématique de chaque démarche qualité. Parce que bon, l’amélioration continue, c’est n’est pas bon que pour les équipes de production ! <img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Cela nous concerne, nous aussi, chantres de la gestion de la qualité. Et donc, <strong>se poser des questions</strong> sur ce qu’on a acté, ce qu’on a mis en place, ce sur quoi on a un peu de recul, la méthode qu’on a choisi de suivre, etc. pour essayer d’améliorer le tout, quitte à changer son fusil d’épaule (communiquer, toujours)&#8230; Et venir en parler sur w3qualité ;P <em></em></p>
<p><em>Dans notre exemple, rien n’a été remis en cause et tout le monde s’est accordé à dire que ma méthode est formidable et que je suis la meilleure responsable qualité et que&#8230;</em> Oui, bon bah, je rappelle qu’il s’agit d’un exemple fictif, donc bon, pour la remise en cause, c’est plus difficile, hein. <img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f600.png" alt="😀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
]]></content:encoded>
					
					<wfw:commentRss>https://w3qualite.net/demarche/10-etapes-pour-un-audit/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>« Référentiels de bonnes pratiques : industrialisons nos savoir-faire » &#8211; Kiwi Party</title>
		<link>https://w3qualite.net/actualites/industrialisons-nos-savoir-faire-kiwiparty</link>
					<comments>https://w3qualite.net/actualites/industrialisons-nos-savoir-faire-kiwiparty#comments</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Tue, 08 May 2012 07:52:48 +0000</pubDate>
				<category><![CDATA[Actualités]]></category>
		<category><![CDATA[Démarche]]></category>
		<category><![CDATA[checklist]]></category>
		<category><![CDATA[communautaire]]></category>
		<category><![CDATA[référentiel]]></category>
		<guid isPermaLink="false">http://w3qualite.net/?p=189</guid>

					<description><![CDATA[Quand Élie m&#8217;a proposé de faire notre présentation « Industrialisons nos savoir-faire » à la Kiwi Party (mai 2012), j&#8217;étais ravie de cette nouvelle occasion de présenter ce chantier. J&#8217;en profite pour dire que je venais pour la première fois à la &#8230; <a href="https://w3qualite.net/actualites/industrialisons-nos-savoir-faire-kiwiparty">Continuer la lecture <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[<p>Quand Élie m&rsquo;a proposé de faire notre présentation « Industrialisons nos savoir-faire » à la Kiwi Party (mai 2012), j&rsquo;étais ravie de cette nouvelle occasion de présenter ce chantier.<span id="more-189"></span></p>
<p><a href="http://kiwiparty.fr/"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-201" title="kiwiparty" src="https://w3qualite.net/wp-content/uploads/2012/05/kiwiparty.png" alt="Kiwi Party" width="189" height="56" /></a>J&rsquo;en profite pour dire que je venais pour la première fois à la <a href="http://kiwiparty.fr">Kiwi Party</a> et que j&rsquo;ai été épatée par l&rsquo;organisation, l&rsquo;accueil, l&rsquo;ambiance, le programme &#8230;bref, la qualité de l&rsquo;événement. Merci <a href="http://www.alsacreations.com/">Alsacréations</a>.</p>
<p>Entre autres choses, ce que j&rsquo;aime dans notre présentation, c&rsquo;est que le fait de la présenter à deux, nous apportons tous des deux des angles différents. <a href="http://www.temesis.com/a-propos/equipe-temesis/elie-sloim-president.html">Élie Sloïm</a>, en tant que <strong>qualiticien</strong> qui travaille et réfléchit sur la qualité web depuis près de 10 ans et qui est à l&rsquo;origine du projet Opquast ; moi,<a href="http://nissone.com/"> Delphine Malassingne</a>, sur le terrain en tant que <strong>Responsable qualité web</strong> depuis bientôt 3 ans et dans deux sociétés très différentes.</p>
<p>Le but de cette conférence était donc de montrer au public en quoi les check-lists sont faites pour eux mais surtout qu&rsquo;elles doivent être &#8230;<strong>faites par eux</strong> !</p>
<p>Déjà, pourquoi faire des check-lists ?</p>
<p>Les référentiels de critères sont utiles à différents moments et dans différents contextes.<br />
En <strong>conception</strong>, pour de la <strong>montée en compétence</strong> et du <strong>suivi de cette évolution</strong> ou du <strong>suivi de production</strong>, pour faire du <strong>contrôle</strong> ou même de la <strong>certification</strong>.<br />
Cela peut intervenir sur <strong>un projet</strong> mais aussi sur <strong>un ensemble de projets</strong>, sur <strong>une équipe</strong>, pour valider <strong>une nouvelle procédure</strong>, etc.<br />
Cela va contribuer à la valorisation des personnes et/ou des savoir-faire, à la communication, à alimenter des argumentaires ; le tout à l&rsquo;<strong>interne</strong> comme à l&rsquo;<strong>externe</strong>.</p>
<p>On part également du constat que l&rsquo;ensemble des professionnels du web détiennent à eux tous un savoir-faire considérable. Si celui-ci est partagé &#8211; entre collègues, sur des blogs, dans des communauté, des mailing-list, des conférences, etc. &#8211; il n&rsquo;en est pas moins dispersé.</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-200" title="savoir-partage" src="https://w3qualite.net/wp-content/uploads/2012/05/savoir-partage.png" alt="" width="584" height="112" srcset="https://w3qualite.net/wp-content/uploads/2012/05/savoir-partage.png 584w, https://w3qualite.net/wp-content/uploads/2012/05/savoir-partage-300x57.png 300w, https://w3qualite.net/wp-content/uploads/2012/05/savoir-partage-500x95.png 500w" sizes="auto, (max-width: 584px) 100vw, 584px" /></p>
<p>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 <strong>utilisées et utilisable librement</strong> par tous : en licence libre.</p>
<p>C&rsquo;est de cette volonté d&rsquo;ailleurs qu&rsquo;était né <a href="http://www.opquast.com/">Opquast</a> (pour OPen QUAlity STandards) : des <strong>standards de qualité ouverts</strong>.</p>
<p>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&rsquo;atelier public vient d&rsquo;ouvrir. (1)</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-209" title="et-apres" src="https://w3qualite.net/wp-content/uploads/2012/05/et-apres.png" alt="" width="322" height="102" srcset="https://w3qualite.net/wp-content/uploads/2012/05/et-apres.png 322w, https://w3qualite.net/wp-content/uploads/2012/05/et-apres-300x95.png 300w" sizes="auto, (max-width: 322px) 100vw, 322px" /></p>
<p>Et il en reste à produire ! Voici les éléments que nous avons souhaité partager pour tous ceux qui sentiraient poindre l&#8217;embryon d&rsquo;une idée <img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f609.png" alt="😉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>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 ?</p>
<p>Prévoir ensuite une « équipe ». Notre conseil est d&rsquo;avoir un expert méthodologique qui assurera le <strong>cadrage</strong>, un expert technique <strong>maîtrisant le sujet</strong> de la check-list et un ou des utilisateurs, c&rsquo;est-à-dire <strong>ceux qui vont utiliser la check-list</strong>.</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-203" title="questions" src="https://w3qualite.net/wp-content/uploads/2012/05/questions.png" alt="" width="509" height="119" srcset="https://w3qualite.net/wp-content/uploads/2012/05/questions.png 509w, https://w3qualite.net/wp-content/uploads/2012/05/questions-300x70.png 300w, https://w3qualite.net/wp-content/uploads/2012/05/questions-500x116.png 500w" sizes="auto, (max-width: 509px) 100vw, 509px" /></p>
<p>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 &#8211; Élie qui l&rsquo;affine depuis des années et moi qui l&rsquo;ai adoptée &#8211; vous pourriez très bien préférer une autre méthode (dites nous laquelle et pourquoi <img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f609.png" alt="😉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> !). Quoi qu&rsquo;il en soit, il faut avoir une méthode prévue.</p>
<p>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&rsquo;ouverture d&rsquo;un atelier public où tout le monde vient challenger les critères retenus, en proposer d&rsquo;autres, faire des améliorations, etc.</p>
<p>Tout le challenge de la création de check-lists est de s&rsquo;assurer qu&rsquo;elles soient suffisamment robustes pour êtres <strong>utilisables</strong> et <strong>pérennes</strong>.</p>
<p style="text-align: center;">
<p>Ayez déjà en tête la façon dont la liste sera utilisée.<br />
Le but d&rsquo;un référentiel n&rsquo;est pas d&rsquo;englober un niveau d&rsquo;excellence difficile à obtenir, difficilement maintenable et souvent générateur de frustration. Il ne s&rsquo;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.<br />
Ces listes n&rsquo;ont pas pour objectif d&rsquo;être des tables de la loi à suivre absolument ; elles sont un rappel des bases, des choses à avoir vu et <strong>sur lesquelles avoir statué</strong>. Et lorsqu&rsquo;on fait l&rsquo;audit, un critère peut tout à fait être passé en non-conforme parce qu&rsquo;on a une contrainte technique, une volonté du client, un souhait, etc.Ce qui compte, c&rsquo;est qu&rsquo;il y ait eu un <strong>arbitrage</strong> qui a motivé cette décision. C&rsquo;est ce <strong>lâcher-prise</strong> et ce <strong>pragmatisme</strong> qui vous aideront à éviter les écueils de la sur-qualité et à gérer le suivi dans une optique d&rsquo;<strong>amélioration continue</strong>.</p>
<p>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 :</p>
<ul>
<li>être <strong>international</strong><br />
« 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 »)</li>
<li>être <strong>vérifiable</strong><br />
« Tous les hyperliens internes du site sont valides » (plutôt que « Les hyperliens sont vérifiés toutes les semaines »)</li>
<li>faire <strong>consensus</strong><br />
« L’utilisateur est averti des ouvertures de nouvelles fenêtres » (plutôt que « Les hyperliens externes s’ouvrent dans une nouvelle fenêtre »)</li>
<li>être <strong>réaliste</strong><br />
« 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 »)</li>
</ul>
<p>C&rsquo;est en faisant une fiche par critère que vous allez valider ces quatre éléments.</p>
<p>NB : Un livre reprenant justement l&rsquo;ensemble de 217 bonnes pratiques de la liste Qualité web avec une fiche détaillée pour chaque va justement bientôt paraître.<br />
(Curieux ? Cliquez sur l&rsquo;aperçu ci-dessous)<br />
<a href="https://w3qualite.net/wp-content/uploads/2012/05/exemple-livre.png"><img loading="lazy" decoding="async" class="aligncenter size-thumbnail wp-image-206" title="exemple-livre" src="https://w3qualite.net/wp-content/uploads/2012/05/exemple-livre-150x150.png" alt="" width="150" height="150" /></a>Je le disais au début, le but de cette présentation était que <strong>vous vous appropriez l&rsquo;envie et la mise en œuvre de check-lists professionnelles pour tous</strong>. Nous avons donc été ravis, Élie et moi, des échanges qui ont suivi la conférence.<br />
Certains ont manifesté l&rsquo;envie d&rsquo;une check-list sur l&rsquo;ergonomie, d&rsquo;autres nous ont parlé de leurs propres référentiels initiés en interne, des questions très pertinentes ont été posées &#8211; sur les contradictions entre deux listes par exemple &#8211; etc.</p>
<p>De beaux projets devraient naître de tout ça !<br />
<strong>Si vous avez des idées, n&rsquo;hésitez pas à vous manifester</strong> ! auprès de l&rsquo;équipe d&rsquo;Opquast, ici-même.- nous relayerons &#8211; ou lors de manifestations publiques.</p>
<p><a href="http://www.slideshare.net/temesis/industrialisons-nos-savoirfaire">Diaporama de la présentation</a></p>
<p>(1) Allez jeter un œil et participer à l&rsquo;appel à commentaire de l&rsquo;<a href="https://checklists.opquast.com/webperf/workshops">atelier sur la performance web</a>.</p>
<p>Nous parlons ici de <em>checklists</em> communautaires. Pour une démarche individuelle et/ou pour vous aider dans votre réflexion, nous vous invitons à consulter aussi <a title="Ma checklist qualité du web designer" href="https://w3qualite.net/demarche/ma-checklist-qualite-du-web-designer">Ma checklist qualité du web designer</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://w3qualite.net/actualites/industrialisons-nos-savoir-faire-kiwiparty/feed</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Atelier pour un référentiel Performance web &#124; Brève</title>
		<link>https://w3qualite.net/actualites/atelier-referentiel-performance-web</link>
					<comments>https://w3qualite.net/actualites/atelier-referentiel-performance-web#respond</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Mon, 06 Feb 2012 10:00:56 +0000</pubDate>
				<category><![CDATA[Actualités]]></category>
		<category><![CDATA[Démarche]]></category>
		<category><![CDATA[référentiel]]></category>
		<guid isPermaLink="false">http://w3qualite.net/?p=178</guid>

					<description><![CDATA[Oyé, oyé, comme annoncé sur le blog de Web Performance Paris, il va y avoir un atelier de lancement d&#8217;un référentiel pour la performance web. L&#8217;occasion de (re)voir la démarche avec laquelle le projet Opquast a déjà créé plusieurs référentiels &#8230; <a href="https://w3qualite.net/actualites/atelier-referentiel-performance-web">Continuer la lecture <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[<p>Oyé, oyé, comme annoncé sur le blog de <a href="http://www.webperf-france.net/2012/01/soiree-de-fevrier-2012-le-13/">Web Performance Paris</a>, il va y avoir un atelier de lancement d&rsquo;un <strong>référentiel pour la performance web</strong>.<span id="more-178"></span></p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-182" title="webperfparis-opquast" src="https://w3qualite.net/wp-content/uploads/2012/02/webperfparis-opquast.jpg" alt="" width="584" height="87" srcset="https://w3qualite.net/wp-content/uploads/2012/02/webperfparis-opquast.jpg 584w, https://w3qualite.net/wp-content/uploads/2012/02/webperfparis-opquast-300x44.jpg 300w, https://w3qualite.net/wp-content/uploads/2012/02/webperfparis-opquast-500x74.jpg 500w" sizes="auto, (max-width: 584px) 100vw, 584px" /></p>
<p>L&rsquo;occasion de (re)voir la <strong>démarche</strong> avec laquelle le projet Opquast a déjà créé plusieurs référentiels ayant tous en commun la <strong>qualité</strong> et la <strong>gestion de la qualité</strong>.</p>
<p>J&rsquo;aurais le plaisir d&rsquo;animer cet atelier avec Élie Sloïm.<br />
Pour toutes les infos pratiques, suivre le flux RSS de Web Performance Paris ou leur Twitter <a href="http://twitter.com/webperfparis">@webperfParis</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://w3qualite.net/actualites/atelier-referentiel-performance-web/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Les bienfaits de l&#8217;inclusive development</title>
		<link>https://w3qualite.net/demarche/les-bienfaits-de-inclusive-development</link>
					<comments>https://w3qualite.net/demarche/les-bienfaits-de-inclusive-development#comments</comments>
		
		<dc:creator><![CDATA[David Lafon]]></dc:creator>
		<pubDate>Thu, 08 Dec 2011 10:00:24 +0000</pubDate>
				<category><![CDATA[Démarche]]></category>
		<guid isPermaLink="false">http://w3q.prelude.me/?p=32</guid>

					<description><![CDATA[Retour sur une conférence que j’attendais avec impatience à Paris Web : SEO, mobilité et accessibilité : la sainte trinité d’un développement Web inclusif (la présentation est disponible) par Denis Boudreau. Denis Boudreau, président de la Coopérative AccessibilitéWeb et expert &#8230; <a href="https://w3qualite.net/demarche/les-bienfaits-de-inclusive-development">Continuer la lecture <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="size-medium wp-image-37 alignleft" title="pw-denis-boudreau" src="/wp-content/uploads/2011/10/pw-denis-boudreau-300x199.jpg" alt="Denis Boudreau à Paris Web 2011" width="300" height="199" srcset="https://w3qualite.net/wp-content/uploads/2011/10/pw-denis-boudreau-300x199.jpg 300w, https://w3qualite.net/wp-content/uploads/2011/10/pw-denis-boudreau-450x300.jpg 450w, https://w3qualite.net/wp-content/uploads/2011/10/pw-denis-boudreau.jpg 500w" sizes="auto, (max-width: 300px) 100vw, 300px" /></p>
<p>Retour sur une conférence que j’attendais avec impatience à Paris Web : <a title="Paris Web : conférence de Denis Boudreau" href="http://www.paris-web.fr/2011/conferences/seo-mobilite-et-accessibilite-la-sainte-trinite-dun-developpement-web-inclusif.php" target="_blank">SEO, mobilité et accessibilité : la sainte trinité d’un développement Web inclusif</a> (la présentation est <a title="Présentation de la conférence" href="http://www.accessibiliteweb.com/presentations/2011/parisweb/" target="_blank">disponible</a>) par <strong>Denis Boudreau</strong>.</p>
<p>Denis Boudreau, président de la <a title="AccessibilitéWeb : formation, certification et consultation en accessibilité Web" href="http://accessibiliteweb.com/fr/" target="_blank">Coopérative AccessibilitéWeb</a> et expert en accessibilité numérique depuis 11 ans, nous a proposé de revoir <strong>l’approche d’un projet face à l’accessibilité</strong>. Comment faire simple et propre (le fameux <a href="http://fr.wikipedia.org/wiki/Keep_it_Simple,_Stupid" target="_blank">KISS</a>) en revoyant la <strong>stratégie de développement</strong> et en convertissant les intervenants et les interlocuteurs plutôt que de chercher à les convaincre.<br />
<span id="more-32"></span>Pour lui, le <a href="http://fr.wikipedia.org/wiki/Keep_it_Simple,_Stupid" target="_blank">KISS</a> est un simple retour à l’intention du web :</p>
<ul>
<li>oublier les obligations : <strong>viser le résultat</strong></li>
<li>ne plus être paralysé par l’ampleur de la tâche : <strong>segmenter</strong> en sous-tâches moins complexes et itérer</li>
</ul>
<p>Pour arriver à cet objectif, il propose l&rsquo;approche suivante, l’<em><strong>inclusive development</strong>.</em> Elle s’appuie sur la “trinité” : <strong>ACCESSIBILITÉ – SEO – MOBILE</strong>.<br />
Elle consiste à faire travailler ensemble différents aspects du web, à inclure différents métiers dans le même développement (au sens réalisation). Cela offre plusieurs avantages :</p>
<ol>
<li>mieux vendre l’accessibilité, en s’appuyant sur d’autres pratiques plus commerciales (SEO, mobilité), <strong>en élargissant le spectre</strong> et en amplifiant les valeurs de l’accessibilité.</li>
<li>englober <strong>une multitude de bonnes pratiques</strong> (qui se recoupent mais qui sont souvent complémentaires) pour mieux réaliser un site et en cela, on atteint une gestion de la qualité web extrêmement complète.</li>
<li>adopter la démarche de l&rsquo;<strong>amélioration continue</strong></li>
</ol>
<p>Cette approche offre un indéniable et appréciable parallèle avec la démarche de qualité web : la <strong>transversalité</strong>. Elle rejoint entièrement la qualité web et la gestion des différentes facettes de sa complexité : standards, performance, compatibilité, interopérabilité, sécurité, ergonomie. Le <strong>développement inclusif</strong> permet d&rsquo;atteindre la quasi-totalité des métiers et des compétences en charge d&rsquo;un projet web.</p>
<p>L&rsquo;arrivée tonitruante de la mobilité et du marché inhérent permettent d&rsquo;ajouter de nouveaux œufs dans le panier de la qualité web. J&rsquo;avais pour usage de défendre l&rsquo;accessibilité en y adjoignant les bonnes pratiques SEO et les bonnes vertues du respect des standards web occasionnant une <strong>meilleure interopérabilité</strong>. Le triptyque proposé par Denis présente l&rsquo;avantage de fournir des arguments percutants pour la gestion de la qualité web mais aussi pour la gestion de projet grâce à ce nouveau vecteur de communication où tout interlocuteur (MOA , marketing, finance&#8230;) prête une oreille attentive dès son évocation.</p>
<p>L&rsquo;<em>inclusive développement</em> associé à la <a title="Méthode Kaizen sur Wikipédia" href="http://fr.wikipedia.org/wiki/Kaizen" target="_blank">méthode <em>Kaizen</em></a> (<strong>amélioration continue</strong>) permettraient-ils d&rsquo;<strong>augmenter considérablement la qualité globale d&rsquo;un projet web</strong> et par conséquent <strong>la satisfaction des clients et utilisateurs</strong> ? Qu&rsquo;en pensez-vous ?</p>
<p>Crédits photo :<br />
<a href="http://www.flickr.com/photos/franck-paul/6250701741/" target="_blank">Franck Paul</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://w3qualite.net/demarche/les-bienfaits-de-inclusive-development/feed</wfw:commentRss>
			<slash:comments>6</slash:comments>
		
		
			</item>
	</channel>
</rss>
