<?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>Ecrire pour le Web @ WAW &#187; 5W</title>
	<atom:link href="http://www.ecrirepourleweb.com/tag/5w/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ecrirepourleweb.com</link>
	<description>Rédaction Web &#38; Communication en ligne</description>
	<lastBuildDate>Mon, 30 Jan 2012 09:51:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Qui? Quoi? Quand? Où? Pourquoi? Comment?</title>
		<link>http://www.ecrirepourleweb.com/redaction-web/qui-quoi-quand-ou-pourquoi-comment</link>
		<comments>http://www.ecrirepourleweb.com/redaction-web/qui-quoi-quand-ou-pourquoi-comment#comments</comments>
		<pubDate>Mon, 18 May 2009 05:22:51 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[5W]]></category>
		<category><![CDATA[check-lists]]></category>
		<category><![CDATA[principes rédactionnels]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=578</guid>
		<description><![CDATA[Qui a fait quoi où comment et pourquoi? C&#8217;est la question que vous devriez vous poser avant d&#8217;écrire pour le Web. La technique des 5 W (en anglais: who, what, when, where, why) permet de structurer vos contenus en adoptant la logique au schéma mental de l&#8217;utilisateur en quête d&#8217;information. La méthode appelée « les [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Fredaction-web%2Fqui-quoi-quand-ou-pourquoi-comment"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Fredaction-web%2Fqui-quoi-quand-ou-pourquoi-comment&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.ecrirepourleweb.com/wp-content/question-panneau.jpg"><img class="alignright alignnone size-medium wp-image-579" style="float: right;" title="question-panneau" src="http://www.ecrirepourleweb.com/wp-content/question-panneau-280x300.jpg" alt="" width="100" height="108" /></a><em><strong> </strong></em></p>
<p>Qui a fait quoi où comment et pourquoi? C&#8217;est la question que vous devriez vous poser avant d&#8217;écrire pour le Web. La technique des 5 W (en anglais: <span style="color: #ff0000;">w</span>ho, <span style="color: #ff0000;">w</span>hat, <span style="color: #ff0000;">w</span>hen, <span style="color: #ff0000;">w</span>here, <span style="color: #ff0000;">w</span>hy) permet de structurer vos contenus en adoptant la logique au schéma mental de l&#8217;utilisateur en quête d&#8217;information.</p>
<p><span id="more-578"></span>La méthode appelée « les 5 W » en anglais est enseignée depuis belle lurette en journalisme, mais elle pratiquée aussi dans le reporting, par exemple en gestion de projet. Elle aide à <strong>structurer </strong>un exposé en un <strong>minimum</strong> de <strong>questions</strong> et de suivre le schéma logique de l&#8217;esprit humain lorsqu&#8217;il appréhende une information.</p>
<p>Cette méthode s&#8217;applique également à l&#8217;<strong>écriture Web</strong>, pour 2 raisons principales:</p>
<h2><span style="color: #000000;"><strong>La concision</strong></span></h2>
<p>La méthode des 5 W permet de concentrer le message sur les <strong>informations essentielles</strong>.</p>
<h2>Le pli de la page</h2>
<p>Sur un écran, l&#8217;utilisateur n&#8217;accède, dans un premier temps, qu&#8217;à la partie supérieure de la page Web. La méthode des 5 W permet d&#8217;isoler les informations qui doivent impérativement se trouver dans le chapeau ou dans les 2 ou 3 premiers paragraphes du texte.</p>
<p>Petite <strong>check-list</strong> en 6 questions pour bien structurer vos contenus dédiés au Web.</p>
<h3>Qui ?</h3>
<ul>
<li>Quels sont les personnes, services et sites concernés par la situation ?</li>
<li>Qui est acteur, responsable ?</li>
<li>Quelle est la fonction impliquée ?</li>
</ul>
<h3>Quoi ?</h3>
<ul>
<li>Qu&#8217;est-il arrivé ? Quelle est l&#8217;histoire?</li>
<li>De quoi s&#8217;agit-il ?</li>
<li>Quels sont les éléments, actions, opérations qui caractérisent la situation ?</li>
<li>Qu&#8217;est ce que c&#8217;est ?</li>
<li>Que fait-on ?</li>
</ul>
<h3>Quand ?</h3>
<ul>
<li>Quand cela a-t-il eu lieu ?</li>
<li>Quand se passe la situation : date, mois, jour, poste&#8230;</li>
<li>Quelle est la fréquence ?</li>
<li>Quel est le planning ?</li>
<li>Depuis quand ? À quel moment ?</li>
</ul>
<h3>Où ?</h3>
<ul>
<li>Dans quel lieu ?</li>
<li>À quelle distance ?</li>
<li>À quelle étape ?</li>
</ul>
<h3>Pourquoi ?</h3>
<ul>
<li>Pourquoi cela est-t-il arrivé ?</li>
</ul>
<h3>Comment ?</h3>
<ul>
<li>Comment se déroule la situation ?</li>
<li>De quelle manière : procédure, instructions, modalités, moyens ?</li>
<li>Avec quel outillage ? Quelle machine ?</li>
</ul>
<p>Pour chaque question, il faut aussi se demander &laquo;&nbsp;<strong>combien</strong>&laquo;&nbsp;?.</p>
<ul>
<li>Quelle quantité ?</li>
<li>Quel budget ?</li>
<li>Quel gain?</li>
</ul>
<p>Le principe de ce concept est que chaque question doit obtenir une <strong>réponse factuelle</strong>. Bien entendu, aucune des questions ne peut se satisfaire d&#8217;un « oui » ou d&#8217;un « non » pour toute réponse.<br />
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/combien-de-signes-pour-mes-titres-chapo-paragraphes-etc' title='Combien de signes pour mes titres, chapô, paragraphes, etc.'>Combien de signes pour mes titres, chapô, paragraphes, etc.</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/5-petits-conseils-pour-ecrire-utile' title='5 petits conseils pour écrire utile!'>5 petits conseils pour écrire utile!</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/template-en-tete' title='Template en tête'>Template en tête</a></li>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/redaction-web-et-brand-content-tout-est-dans-ladn' title='Rédaction Web et brand content: tout est dans l&#8217;ADN!'>Rédaction Web et brand content: tout est dans l&#8217;ADN!</a></li>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/diversifiez-les-niveaux-decriture-sur-vos-pages-web' title='Variez les niveaux de lecture et d&#8217;écriture sur vos pages Web'>Variez les niveaux de lecture et d&#8217;écriture sur vos pages Web</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/redaction-web/qui-quoi-quand-ou-pourquoi-comment/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Pyramide inversée, micro &amp; macro contenus</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/pyramide-inversee-micro-et-macro-contenus</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/pyramide-inversee-micro-et-macro-contenus#comments</comments>
		<pubDate>Wed, 18 Mar 2009 14:23:28 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[5W]]></category>
		<category><![CDATA[page d'accueil]]></category>
		<category><![CDATA[page d'aperçu]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=551</guid>
		<description><![CDATA[Petit clin d&#8217;œil à Sébastien Billard, qui me dédicace un charmant billet sur le Chaperon Rouge. Sisi, le Chaperon Rouge en chair et en os (c&#8217;est le cas de le dire . La prolifération des articles de type  &#171;&#160;dépêches&#160;&#187; sur le Web, présentées sous forme de liste sur la page, mentionnant le titres des articles [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fpyramide-inversee-micro-et-macro-contenus"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fpyramide-inversee-micro-et-macro-contenus&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><em><strong>Petit clin d&#8217;œil à Sébastien Billard, qui me dédicace un charmant billet sur le Chaperon Rouge. Sisi, le Chaperon Rouge en chair et en os (c&#8217;est le cas de le dire <img src='http://www.ecrirepourleweb.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> .</strong></em></p>
<p>La prolifération des articles de type  &laquo;&nbsp;dépêches&nbsp;&raquo; sur le Web, présentées sous forme de liste sur la page, mentionnant le titres des articles et un chapô ont remis au goût du jour l’art de la manchette (ou accroche) et du titre. <a href="http://www.ecrirepourleweb.com/wp-content/inverted-pyramid.png"><img class="size-medium wp-image-552 alignleft" title="inverted-pyramid" src="http://www.ecrirepourleweb.com/wp-content/inverted-pyramid-300x243.png" alt="" width="296" height="240" /></a></p>
<h2>Micro et macros contenus</h2>
<p>Le titre et l’accroche <strong>titillent la curiosité</strong> du lecteur, qui sera plus susceptible de cliquer sur le lien pour atteindre l’article en question et de poursuivre sa lecture jusqu’au bout. Les titres, sous-titres et accroches jouent, en effet, un rôle extrêmement important. Ce sont des « micro-contenus », qui se doivent d’être clairs et pertinent. Clarté et concision sont d’autant plus nécessaires que les titres et accroches se présentent souvent sans contexte.<br />
Jacob Nielsen, spécialiste en tests et ergonomie d’utilisation de sites, estime que la longueur idéale d’un microcontenu se situe entre 40 et 60 caractères; s’il ne transmet pas fidèlement ce que contient l’article, le lecteur ou destinataire risque de se sentir floué. Qui plus est, Nielsen étend ce principe de clarté des titres à toute liste de contenus : titres des messages qui se retrouvent dans nos boîte aux lettres électroniques, titres de pages dans les résultats de moteurs de recherche et donc des signets, aide de navigation, etc.</p>
<p>L’<strong>introduction</strong> joue aussi, un rôle important : en quelques phrases, elle doit donner un avant-goût du contenu qui suit. Il faut aussi qu’elle soit rédigée de manière attrayante, pour que le lecteur ait envie de poursuivre sa lecture.</p>
<h2>L&#8217;internaute surfe, mais n&#8217;a pas le pied marin</h2>
<p>Ce n’est pas parce que vos utilisateurs naviguent sur votre site qu’il faut les mener en bateau : dès que le lecteur commence à lire un de vos textes, il doit savoir si les informations qu’il contient répondent à sa demande.  Sur le net, l’introduction d’un article ressemble davantage à une conclusion. En fait, pour écrire votre texte de l’introduction, il convient que vous procédiez de la même manière que pour le titre – analyser le contenu et identifier les mots-clés.</p>
<p>Vous écrirez donc l’introduction après avoir rédigé votre article. Vous visualiserez et maîtriserez mieux la structure de votre article, et pourrez mieux en dégager les idées principales.</p>
<p>L’introduction est une promesse : vous y annoncez au lecteur ce qui va suivre. C’est à ce stade qu’il décide bien souvent de prendre ou non la peine de poursuivre sa lecture. L’introduction reprend les données qui, quoi, quand, pourquoi, comment car ce sont les mots-clés de votre article. Elle les précise pour que le lecteur sache s’il peut poursuivre sa lecture et s’il trouvera les informations qu’il veut. Ou, inversement, pour qu’il comprenne que le texte en question n’offre pas ce qu’il recherche.</p>
<h2>Le corps du texte : macro-contenu</h2>
<p>La partie n’est pas gagnée ! Ne croyez-pas que votre lecteur restera passivement accroché à votre hameçon. Il se peut fort qu’il se contente de lire le titre et l’accroche sur la page d’accueil, de cliquer sur le lien vers l’article, de lire l’introduction puis de s’en aller. Or ce n’est pas nécessairement la longueur du texte qui décourage le lecteur mais sa présentation…</p>
<p>Structurer l&#8217;information vaut pour les <strong>micro-contenus</strong> et les <strong>macro-contenus</strong> comme l&#8217;illustrent les schémas ci-dessous:</p>
<p style="text-align: center;"><a href="http://www.ecrirepourleweb.com/wp-content/screen-capture-28.png"><img class="alignnone size-medium wp-image-555 aligncenter" style="border: 20px solid white; margin: 20px;" title="screen-capture-28" src="http://www.ecrirepourleweb.com/wp-content/screen-capture-28-300x116.png" alt="Micro et macro contenus" width="300" height="116" /></a></p>
<p>Les macro-contenus (page de détail)</p>
<p><a href="http://www.ecrirepourleweb.com/wp-content/screen-capture-30.png"><img class="size-medium wp-image-554 alignleft" title="screen-capture-30" src="http://www.ecrirepourleweb.com/wp-content/screen-capture-30-300x164.png" alt="" width="298" height="163" /></a></p>
<h3>Ailleurs sur le même sujet</h3>
<ul>
<li><a title="Le Chaperon Rouge au crible de la pyramide inversée" href="http://s.billard.free.fr/referencement/?2009/03/18/540-la-pyramide-inversee-par-lexemple-le-petit-chaperon-rouge" target="_blank">Le billet de Sébastien</a></li>
<li><a title="A lire (en anglais)" href="http://en.wikipedia.org/wiki/5_Ws" target="_blank">Les 5 W sur Wikipédia</a></li>
<li><a title="Autre variation sur le thème ;-)" href="/?p=191" target="_self">Un de mes précédents billets sur la pyramide inversée</a></li>
</ul>
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/template-en-tete' title='Template en tête'>Template en tête</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/quatre-criteres-editoriaux-de-credibilite' title='Quatre critères éditoriaux de crédibilité'>Quatre critères éditoriaux de crédibilité</a></li>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/page-daccueil-chronique-dune-mort-annoncee' title='Page d’accueil, chronique d’une mort annoncée…'>Page d’accueil, chronique d’une mort annoncée…</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/qui-quoi-quand-ou-pourquoi-comment' title='Qui? Quoi? Quand? Où? Pourquoi? Comment?'>Qui? Quoi? Quand? Où? Pourquoi? Comment?</a></li>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/tous-egaux-devant-la-home-page' title='Tous égaux devant la home page'>Tous égaux devant la home page</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/pyramide-inversee-micro-et-macro-contenus/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Check-list Newsletter (5)</title>
		<link>http://www.ecrirepourleweb.com/redaction-web/check-list-newsletter-5</link>
		<comments>http://www.ecrirepourleweb.com/redaction-web/check-list-newsletter-5#comments</comments>
		<pubDate>Thu, 27 Mar 2008 21:35:37 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[5W]]></category>
		<category><![CDATA[newsletter & e-mailing]]></category>
		<category><![CDATA[pyramide inversée]]></category>

		<guid isPermaLink="false">http://ecrirepourleweb.wordpress.com/?p=459</guid>
		<description><![CDATA[Après les contraintes fonctionnelles et formelles, venons-en au contenu. Les règles de l&#8217;écriture Web s&#8217;appliquent aussi au contenu des newsletters (normal, puisque la lecture se fait également sur un écran &#8211; bien que de nombreux abonnés impriment leurs newsletters, surtout lorsqu&#8217;elles sont spécialisées). Cependant&#8230; La newsletter est un outil de communication qui a ses caractéristiques [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Fredaction-web%2Fcheck-list-newsletter-5"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Fredaction-web%2Fcheck-list-newsletter-5&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p align="right"><a title="Voir la photo sur Flickr" rel="attachment wp-att-462" href="http://www.ecrirepourleweb.com/?attachment_id=462" target="_blank"><img src="http://ecrirepourleweb.files.wordpress.com/2008/03/122633281_cb36f96d0e_m.jpg" alt="http://www.flickr.com/photos/ravahna1/122633281/" align="right" /></a><em><strong></strong></em></p>
<p>Après les contraintes fonctionnelles et formelles, venons-en au contenu. Les règles de l&#8217;écriture Web s&#8217;appliquent aussi au contenu des newsletters (normal, puisque la lecture se fait également sur un écran &#8211; bien que de nombreux abonnés impriment leurs newsletters, surtout lorsqu&#8217;elles sont spécialisées). Cependant&#8230;</p>
<p><span id="more-283"></span><strong>La newsletter est un outil de communication qui a ses caractéristiques propres.  Envoyée vers le client de messagerie de l&#8217;abonné (car, il va de soi, vous n&#8217;enverrez vos newsletters qu&#8217;aux personnes qui se sont librement inscrites, n&#8217;est-ce pas), elle revêt un caractère plus confidentiel. Elle véhicule un lien plus étroit entre l&#8217;expéditeur et le destinataire qu&#8217;une page Web.</strong></p>
<p>C&#8217;est donc davantage dans la stratégie éditoriale que la différence va se marquer. Le ton, le choix des contenus, l&#8217;emplacement des rubriques, leur dénomination, tous ces éléments sont vraiment critiques. <span style="background-color:#ff0000;"><span style="color: #eeeeee;">Check-list</span></span>:</p>
<ol>
<li><a title="Voir un ancien billet sur les titres du contenu Web" href="http://ecrirepourleweb.wordpress.com/2007/03/15/les-titres-question-de-genre/" target="_blank">Titres</a> (courts) clairs et informatifs (sans oublier le titre de l&#8217;objet)</li>
<li>Titre et accroche répondent aux <acronym title="Who, What, Where, Why, When">5W</acronym></li>
<li>Accroche répond ou soutient le titre.</li>
<li>Intertitre après 2 ou 3 paragraphes.</li>
<li>Les <a title="http://web.archive.org/web/20070115225357/www.premier.be/fr/" href="http://ecrirepourleweb.wordpress.com/2006/12/19/ecrire-est-un-geste/" target="_blank">mots importants</a> d&#8217;abord</li>
<li>1 idée par paragraphe</li>
<li>Liens regroupés et éloquents</li>
<li>Voix active</li>
<li>Phrases courtes</li>
<li>Contenu organisé logiquement</li>
<li>Contenu orienté sur l&#8217;utilisateur</li>
<li>Interaction orientée client (&laquo;&nbsp;vous trouverez dans ces pages&nbsp;&raquo;, &laquo;&nbsp;nous vous invitons à&#8230;&nbsp;&raquo;)</li>
<li>Marqueurs de temps utilisés à bon escient.</li>
<li>Commencer par la &laquo;&nbsp;conclusion&nbsp;&raquo; (pyramide inversée)</li>
<li>S&#8217;en tenir aux rubriques et au &laquo;&nbsp;tone of voice&nbsp;&raquo;</li>
</ol>
<p>Liens rapides</p>
<ul>
<li><a title="Sur ce blog" href="http://ecrirepourleweb.wordpress.com/2008/02/14/newsletter-modeles-et-templates/" target="_blank">Modèles de newsletters</a></li>
<li><a title="Dans la même série" href="http://ecrirepourleweb.wordpress.com/2008/02/06/check-list-newsletter-1/" target="_blank">check-list Newsletter 1 (les contraintes fonctionnelles) </a></li>
<li><a title="Dans la même série" href="http://ecrirepourleweb.wordpress.com/2008/02/11/check-list-newsletter-2/" target="_blank">check-list Newsletter 2 (les contraintes fonctionnelles &#8211; suite)</a></li>
<li><a title="Le 1er billet sur les contraintes formelles)" href="http://ecrirepourleweb.wordpress.com/2008/02/28/check-list-newsletter-3/" target="_blank">check-list Newsletter 3 (les contraintes formelles)</a></li>
<li><a title="Le 2e billet sur les contraintes formelles" href="http://ecrirepourleweb.wordpress.com/2008/03/03/check-list-newsletter-4/" target="_blank">check-list Newsletter 4 (les contraintes formelles &#8211; suite)</a></li>
</ul>
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/le-contenu-web-renversant' title='Le contenu Web&#8230; renversant!'>Le contenu Web&#8230; renversant!</a></li>
<li><a href='http://www.ecrirepourleweb.com/formations/cycle-de-formation-strategie-et-marketing-editorial' title='Cycle de formation stratégie et marketing éditorial'>Cycle de formation stratégie et marketing éditorial</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/7-conseils-pour-augmenter-la-fidelite-a-votre-newsletter' title='7 conseils pour augmenter la fidélité à votre newsletter'>7 conseils pour augmenter la fidélité à votre newsletter</a></li>
<li><a href='http://www.ecrirepourleweb.com/formations/newsletter-frequence-obligee' title='Newsletter : attention à la périodicité&#8230;'>Newsletter : attention à la périodicité&#8230;</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/conseils-pour-gerer-son-courrier-electronique' title='Conseils pour gérer son courrier électronique'>Conseils pour gérer son courrier électronique</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/redaction-web/check-list-newsletter-5/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Le contenu Web&#8230; renversant!</title>
		<link>http://www.ecrirepourleweb.com/redaction-web/le-contenu-web-renversant</link>
		<comments>http://www.ecrirepourleweb.com/redaction-web/le-contenu-web-renversant#comments</comments>
		<pubDate>Wed, 09 May 2007 14:26:08 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[5W]]></category>
		<category><![CDATA[microcontenus]]></category>
		<category><![CDATA[pyramide inversée]]></category>

		<guid isPermaLink="false">http://ecrirepourleweb.wordpress.com/2007/05/09/le-contenu-web-renversant/</guid>
		<description><![CDATA[Pour les familiers du journalisme (voir ma précédente citation &#171;&#160;Ecrire c&#8217;est&#160;&#187;) et du webwriting, le principe est connu. Mais il m&#8217;arrive encore souvent de rencontrer des interlocuteurs qui se méfient du concept ou qui, plus simplement, ne le connaissent pas. J&#8217;ai nommé : la pyramide inversée. Cette expression fait référence à la structure de votre [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Fredaction-web%2Fle-contenu-web-renversant"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Fredaction-web%2Fle-contenu-web-renversant&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Pour les familiers du journalisme (voir ma précédente <a href="http://ecrirepourleweb.wordpress.com/2007/05/07/the-give-it-to-me-now-medium/" target="_blank">citation</a> &laquo;&nbsp;Ecrire c&#8217;est&nbsp;&raquo;) et du webwriting, le principe est connu. Mais il m&#8217;arrive encore souvent de rencontrer des  interlocuteurs qui se méfient du concept ou qui, plus simplement, ne le connaissent pas. J&#8217;ai nommé : la <strong>pyramide inversée</strong>.</p>
<p>Cette expression fait référence à la structure de votre contenu et veut que vous écriviez d&#8217;abord les <strong>informations</strong> <strong>essentielles</strong> (titre, accroche/chapeau) en allant ensuite graduellement vers les niveaux de détail.</p>
<p>Je vous livre ici une illustration trouvée sur le Web, que je trouve assez claire, concise et efficace.</p>
<p><a title="invertedp.gif" rel="attachment wp-att-237" href="http://www.ecrirepourleweb.com/ecriture-web-editorial/le-contenu-web-renversant/attachment/quelle-taille-votre-contenu"><img src="http://ecrirepourleweb.files.wordpress.com/2007/05/invertedp.gif" alt="invertedp.gif" /></a></p>
<p>Pourquoi pas commencer une collection des pyramides inversées ? Je lance l&#8217;idée&#8230; A vous de me faire <a href="mailto:lexis@skynet.be" target="_blank">parvenir</a> les vôtres&#8230;<br />
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/optez-pour-des-titres-attractifs-et-informatifs-lisibilite-des-procedures2' title='Des titres attractifs et informatifs (Lisibilité des procédures #2)'>Des titres attractifs et informatifs (Lisibilité des procédures #2)</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/check-list-newsletter-5' title='Check-list Newsletter (5)'>Check-list Newsletter (5)</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/marketing-editorial-et-strategie-de-contenu-web-predictions-pour-2012' title='Marketing éditorial et stratégie de contenu Web: prédictions pour 2012'>Marketing éditorial et stratégie de contenu Web: prédictions pour 2012</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/quand-le-visuel-concurrence-leditorial' title='Quand le visuel fait le travail éditorial'>Quand le visuel fait le travail éditorial</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/qui-quoi-quand-ou-pourquoi-comment' title='Qui? Quoi? Quand? Où? Pourquoi? Comment?'>Qui? Quoi? Quand? Où? Pourquoi? Comment?</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/redaction-web/le-contenu-web-renversant/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Template en tête</title>
		<link>http://www.ecrirepourleweb.com/redaction-web/template-en-tete</link>
		<comments>http://www.ecrirepourleweb.com/redaction-web/template-en-tete#comments</comments>
		<pubDate>Thu, 15 Feb 2007 10:34:38 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[5W]]></category>
		<category><![CDATA[page d'aperçu]]></category>
		<category><![CDATA[principes rédactionnels]]></category>

		<guid isPermaLink="false">http://ecrirepourleweb.wordpress.com/2007/02/15/template-en-tete/</guid>
		<description><![CDATA[Ci-dessous, je vous livre deux captures d&#8217;écran prises chez Fedasil. J&#8217;y ai donné une formation il y a déjà un petit paquet de temps ; ils ont beaucoup travaillé à la qualité de leur contenu. Une de leurs difficultés est la grande décentralisation de leurs agences et leur souci de donner sur le site un [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Fredaction-web%2Ftemplate-en-tete"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Fredaction-web%2Ftemplate-en-tete&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Ci-dessous, je vous livre deux captures d&#8217;écran prises chez <a href="http://www.fedasil.be">Fedasil</a>. J&#8217;y ai donné une formation il y a déjà un petit paquet de temps ; ils ont beaucoup travaillé à la qualité de leur contenu. Une de leurs difficultés est la grande décentralisation de leurs agences et leur souci de donner sur le site un contenu harmonieux, cohérent, professionnel.</p>
<p><span id="more-134"></span></p>
<p>Ils parviennent néanmoins à appliquer de manière assez constante des &laquo;&nbsp;modèles de contenu&nbsp;&raquo;.<br />
J&#8217;ai pris cet exemple car il illustre clairement  <strong>un schéma</strong> couramment rencontré sur les sites Web institutionnels ou informatifs (je pense à la presse, par exemple).</p>
<p><strong>Sur la page d&#8217;aperçu, un titre et une accroche</strong> (cliquez sur la miniature pour agrandir le texte) :</p>
<p style="text-align: center;"><a title="fedasil_3.png" href="http://ecrirepourleweb.files.wordpress.com/2007/02/fedasil_3.png"><img class="aligncenter" src="http://ecrirepourleweb.files.wordpress.com/2007/02/fedasil_3.miniature.png" alt="fedasil_3.png" width="128" height="68" /></a></p>
<p><strong>En cliquant sur le lien &laquo;&nbsp;En lire plus&nbsp;&raquo; </strong>(le titre devrait lui-même être cliquable en fait), vous accédez au contenu:</p>
<p style="text-align: center;"><a title="fedasil_4.png" rel="attachment wp-att-142" href="http://www.ecrirepourleweb.com/ecriture-web-editorial/template-en-tete/attachment/les-7-peches-capitaux-du-contenu-web-1"><img class="aligncenter" src="http://ecrirepourleweb.files.wordpress.com/2007/02/fedasil_4.miniature.png" alt="fedasil_4.png" width="98" height="128" /></a></p>
<p><strong>La structure<br />
</strong></p>
<p>Cet article répond à une grille habituelle sur des pages de contenu informatif. Cette grille ou structure se présente comme suit :</p>
<ol>
<li>titre</li>
<li> accroche</li>
<li> intro (conclusion, en fait)</li>
<li> paragraphe +p</li>
<li> sous-titre</li>
<li> paragraphe p</li>
<li> liens utiles et sources</li>
</ol>
<p><strong>Le template</strong></p>
<p>Je vous livre ici un template utile à retenir pour ce type de contenu.</p>
<ul>
<li>[Titre de cinq à six mots qui répond à la question <strong>Quoi/Qui + Où/Comment/Pourquoi/Quand/Combien</strong>]</li>
<li>[<strong>Accroche</strong> (formule d’introduction ou chapeau) de <strong>10 à 20 mots</strong> qui complète le titre]</li>
<li>[<strong>Premier paragraphe</strong> qui reprend des informations sur les premières questions - Qui/Quoi + Où/Comment...]</li>
<li>[<strong>Deuxième paragraphe</strong> qui reprend les informations sur une à deux des questions suivantes]</li>
<li>[<strong>Sous-titre</strong> de 5 à dix mots qui évoque une question que le titre principal ne donne pas]</li>
<li>[<strong>Troisième paragraphe</strong> qui répond cette question]</li>
<li>[Quatrième paragraphe lié au précédent]</li>
<li>[<strong>Sous-titre</strong> de 5 à 10 mots qui donne des informations complémentaires]</li>
<li>[Cinquième paragraphe sur une information similaire passée, sur les précédents de l'info actuelle, sur les prix, contacts etc.]</li>
<li>[<strong>Liens, Notes, Sources</strong>]</li>
<li>[<strong>Remarque importante</strong>]</li>
</ul>
<p>Il va de soi que l&#8217;architecture du site, la navigation, le CMS sont autant d&#8217;éléments qui déterminent l&#8217;utilisabilité de ce type de contenus. Cette grille ne fonctionne pas dans toutes les situations. En revanche, il est bon d&#8217;avoir en tête des schémas pour organiser ses zones de contenu, que ce soit pour les pages d&#8217;aperçu ou de détail.<br />
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/qui-quoi-quand-ou-pourquoi-comment' title='Qui? Quoi? Quand? Où? Pourquoi? Comment?'>Qui? Quoi? Quand? Où? Pourquoi? Comment?</a></li>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/pyramide-inversee-micro-et-macro-contenus' title='Pyramide inversée, micro &amp; macro contenus'>Pyramide inversée, micro &#038; macro contenus</a></li>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/redaction-web-et-brand-content-tout-est-dans-ladn' title='Rédaction Web et brand content: tout est dans l&#8217;ADN!'>Rédaction Web et brand content: tout est dans l&#8217;ADN!</a></li>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/combien-de-signes-pour-mes-titres-chapo-paragraphes-etc' title='Combien de signes pour mes titres, chapô, paragraphes, etc.'>Combien de signes pour mes titres, chapô, paragraphes, etc.</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/5-petits-conseils-pour-ecrire-utile' title='5 petits conseils pour écrire utile!'>5 petits conseils pour écrire utile!</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/redaction-web/template-en-tete/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

