<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress.com" -->
<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/"
	>

<channel>
	<title>micro-contenu &amp;laquo; WordPress.com Tag Feed</title>
	<link>http://en.wordpress.com/tag/micro-contenu/</link>
	<description>Feed of posts on WordPress.com tagged "micro-contenu"</description>
	<pubDate>Wed, 10 Feb 2010 08:52:34 +0000</pubDate>

	<generator>http://en.wordpress.com/tags/</generator>
	<language>en</language>

<item>
<title><![CDATA[Hiérarchie (visuelle) de l'information (textuelle)]]></title>
<link>http://ecrirepourleweb.wordpress.com/2008/06/08/lentonnoir-du-contenu-web/</link>
<pubDate>Sun, 08 Jun 2008 18:05:34 +0000</pubDate>
<dc:creator>muriel vandermeulen</dc:creator>
<guid>http://ecrirepourleweb.wordpress.com/2008/06/08/lentonnoir-du-contenu-web/</guid>
<description><![CDATA[J&#8217;ai déjà évoqué les micro et les macro contenus, la pyramide inversée, les gabarits de pages ]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><address><img class="alignright" style="float:right;" src="http://mgnt.khm.de:8080/images/webdev/scannotread.gif" alt="Steve Krug We dont read we scan" width="423" height="216" /><strong>J&#8217;ai déjà évoqué les micro et les macro contenus, la pyramide inversée, les gabarits de pages web, etc. Tout cela pour dire que vos pages de contenu doivent fonctionner comme un </strong><strong>entonnoir. Entre micro- et macro contenu, c&#8217;est cette structure, cette hiérarchie qui va guider les lecteurs dans vos pages.</strong></address>
<p>Sur toutes les pages de votre site, présentez vos contenus de la façon la plus cohérente possible. Pensez toujours à la hiérarchie des informations, aux messages essentiels à faire passer sur les pages, et à la structure de votre plan de contenu pour chacune des pages et sous-pages également.</p>
<h2>Vos guides de lecture</h2>
<p><strong>Les titres : </strong>Clairs, courts, explicatifs. Plus de la moitié de vos lecteurs quitteront votre page si elle ne comporte pas de titre, ou si celui-ci ne décrit pas clairement le contenu de la page.</p>
<p><strong>Les intertitres : </strong>Capter l&#8217;attention, c&#8217;est bien. La conserver, c&#8217;est mieux. L&#8217;inter-titre vous permet de rattraper un lecteur qui allait quitter la page. Vous pouvez placer un inter-titre tous les 4 à 6 paragraphes. Cette habitude va vous permettre de mieux construire vos pages et d&#8217;ordonner les paragraphes en groupes cohérents. D&#8217;autant que les intertitres peuvent servir d&#8217;index pour des contenus longs (+ de 3 écrans).</p>
<p><strong>Les accroches : </strong>Situées sous le titre (en caractère gras, de préférence), les accroches permettent aux lecteurs de vérifier, en quelques mots, que le contenu proposé correspond bien à ce qu&#8217;ils recherchent. L&#8217;accroche résume l&#8217;essentiel de votre page en 2 à 5 lignes. Elle répond aux fameuses questions &#8220;Who, what, when, why, where, how&#8221;.</p>
<p><strong>Les chandelles </strong>: Il arrive de plus en plus qu&#8217;une page Web propose 2 niveaux de contenus. Ce à des fins de simplification de la langue, d&#8217;optimisation du référencement ou d&#8217;universalisation de l&#8217;information. Ces contenus doivent être simples, distincts du contenu principal, courts et faciles à balayer</p>
<p><strong>Les paragraphes : </strong>Ne développez qu&#8217;une seule idée par paragraphe. Espacez vos paragraphes. Organisez vos idées logiquement, par mot-clé. En suivant le même ordre que dans votre accroche. N&#8217;hésitez pas à alléger vos contenus. Comme dirait Steve Krugs, &#8220;omit <span style="text-decoration:line-through;">useless</span> words&#8221;.</p>
<p><strong>Les liens (rapides</strong>) : de préférence rassemblés en bout de page (soit, parfois, après 2 ou 3 écrans) ou dans une colonne latérale de l&#8217;écran, les liens donnent des accès vers des informations (internes ou externes au site) apparentées au contenu traité dans la page. Ils doivent être clairs, distinctifs et correctement syntaxés.</p>
<p>Liens rapides</p>
<ul>
<li><a title="Accédez au contenu de l'article sur le site dédié" href="http://www.dismoitic.net/article.php3?id_article=13" target="_blank">La mise en page et ses règles</a>, un article sur le site pédagogique DismoiTIC.net</li>
<li><a title="Accédez au site Redaction.be" href="http://www.redaction.be/instructions/organiser.htm" target="_blank">Comment organiser son contenu</a>, un ancien article toujours pertinent de Jean-Marc</li>
<li><a title="Lire l'article en anglais" href="http://ecrirepourleweb.wordpress.com/2008/04/08/dont-make-me-think/" target="_blank">Un mien ancien article sur le légendaire &#8220;Don&#8217;t make me think&#8221; de Steve Krug (EN)</a>. Je n&#8217;ai toujours pas eu le temps de le traduire. C&#8217;est pour bientôt <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </li>
<li><a title="Voir la simulation avec Ecrire pour le Web" href="http://www.gwix.net/winstat/index.asp?u=ecrirepourleweb.wordpress.com" target="_blank">Un petit outil sympa</a> chez Laurent Goffin, qui vous montre les zones les plus visibles et donc cliquables de votre site.</li>
</ul>
</div>]]></content:encoded>
</item>

</channel>
</rss>
