<?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; lisibilité</title>
	<atom:link href="http://www.ecrirepourleweb.com/tag/lisibilite/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.2.1</generator>
		<item>
		<title>Variez les niveaux de lecture et d&#8217;écriture sur vos pages Web</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/diversifiez-les-niveaux-decriture-sur-vos-pages-web</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/diversifiez-les-niveaux-decriture-sur-vos-pages-web#comments</comments>
		<pubDate>Tue, 21 Dec 2010 12:28:41 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[écriture web]]></category>
		<category><![CDATA[formats éditoriaux]]></category>
		<category><![CDATA[lisibilité]]></category>
		<category><![CDATA[principes formels]]></category>
		<category><![CDATA[principes rédactionnels]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=3315</guid>
		<description><![CDATA[Il existe divers moyens pour diversifier les niveaux de lecture à l'écran. Titraille, entrefilet, chapô, contenu riche, chandelle, encadré, ... Fond et forme gagnent à être traité en plusieurs couches, où la dématérialisation et la déterritorialisation de l'information freinent le processus d'acquisition.]]></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%2Fdiversifiez-les-niveaux-decriture-sur-vos-pages-web"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fdiversifiez-les-niveaux-decriture-sur-vos-pages-web&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Diversifier les niveaux de lecture permet à l’internaute de percevoir plus rapidement et plus facilement le propos publié sur la page-écran. Ainsi, le lecteur s&#8217;oriente plus facilement sur la page et distingue, en un clin d&#8217;oeil, les différentes unités d&#8217;information. Explications&#8230;<br />
<span id="more-3315"></span><br />
Il existe de multiples moyens de diversifier les niveaux de lecture à l&#8217;écran. Titraille, entrefilet, chapô, contenu riche, chandelle, encadré, &#8230; Fond et forme gagnent à être traités en plusieurs couches sur un support où la dématérialisation et la déterritorialisation de l&#8217;information en freinent le processus d&#8217;acquisition.</p>
<p>Lorsque les audiences ciblées sont, toutes ensemble, plus ou moins expertes et, ou concernées par l&#8217;ensemble des informations contenues sur la dite page, cette méthode de présentation par couches et types d&#8217;informations est encore plus prometteuse.</p>
<h2>Du fond et de la forme</h2>
<div>Au niveau du fond, il s’agit donc de traiter les contenus <strong>sous différents angles</strong>, plus ou moins vulgarisants. Attention, cependant, aux formats de contenus que vous utiliserez. L&#8217;internaute en quête de sens reste attaché à scanner du texte avant tout autre type de contenu.</div>
<div>
<p>En effet, sur une page-écran, les internautes feraient, a priori, <strong>davantage attention au contenu textuel qu’aux images</strong> si l’on en croit, notamment, une étude effectuée par l’Université de Stanford en mai 2000. Dont les résultats ont été corroborés par l<a title="Consultez les résultats de l'étude" href="http://www.poynterextra.org/et/i.htm" target="_blank">’étude Eyetrack III du Poynter Institute</a>, en 2004.</p>
<p>N&#8217;utilisez donc l&#8217;image, fixe ou animée, qu&#8217;à bon escient : dans un but précis, que ce soit pour soutenir votre propos ou diffuser un message. Certes, sur une landing page, dans un e-mail promotionnel destiné à convertir, l&#8217;image a un fort pouvoir d&#8217;attraction et soutient votre contenu incitatif.</p>
</div>
<p>Réservez le centre de la page à la cible la moins experte et consacrez, par exemple, une zone de seconde lecture &#8211; dans un tronc droit interne au bloc de contenu &#8211; aux experts. Vous y creuserez le sujet et l’illustrerez à travers un témoignage de spécialiste, une série de liens à télécharger, une brochure à consulter dans un module de feuilletage, etc.</p>
<p>Utilisez aussi les encadrés, chandelles et autres entrefilets pour détailler un point spécifique, destiné à ceux qui ont besoin d&#8217;approfondir un sujet. Ces<strong> aides à la lecture</strong> permettent aussi d&#8217;offrir un autre angle, plus encyclopédique, technique, statistique, ludique, en donnant par exemple un chiffre ou une information « choc ».</p>
<p><strong>Au niveau de la forme</strong>, cette diversité dans les niveaux de lecture portera surtout sur la palette de styles, les outils typographiques et autres éléments de la grammaire visuelle. Je vous renvoie, à ce propos, à l&#8217;<a title="(re)lire l'article" href="http://www.ecrirepourleweb.com/architecture-de-l-information/mettez-du-style-dans-vos-contenus" target="_blank">article que j&#8217;ai dédié à la charte graphique et la feuille de style</a>. J&#8217;y proposais un modèle de feuille de style que vous pouvez <a href="http://www.ecrirepourleweb.com/wp-content/WAW_Detail-style_v1a.pdf">télécharger</a> (pdf, 244 Ko).<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/utilisez-des-tableaux-lisibilite-des-procedures4' title='Utilisez des tableaux (Lisibilité des procédures#4)'>Utilisez des tableaux (Lisibilité des procédures#4)</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/ecrire-simplement-ce-nest-pas-si-simple' title='Ecrire simplement, ce n&#8217;est pas si simple'>Ecrire simplement, ce n&#8217;est pas si simple</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/les-titres-question-de-genre' title='Les titres&#8230; question de genre'>Les titres&#8230; question de genre</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/travailler-la-forme-et-le-fond-suite' title='Travailler la forme et le fond (suite)'>Travailler la forme et le fond (suite)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/diversifiez-les-niveaux-decriture-sur-vos-pages-web/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Écrire pour le Web mobile</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile#comments</comments>
		<pubDate>Thu, 30 Sep 2010 15:35:04 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[lisibilité]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[stratégie de contenu web]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=2725</guid>
		<description><![CDATA[Rédiger pour le Web mobile, plus encore qu'écrire pour Internet, requiert d'être fonctionnel. En effet, l'écriture mobile est une écriture, avant tout, conceptuelle. Une écriture de l'immédiat, dans l'espace et dans le temps. Quelques conseils...]]></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%2Fecrire-pour-le-web-mobile"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fecrire-pour-le-web-mobile&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Rédiger pour le Web mobile, plus encore qu&#8217;écrire pour Internet, requiert d&#8217;être fonctionnel. En effet, l&#8217;écriture mobile est une écriture, avant tout, conceptuelle. Une écriture de l&#8217;immédiat, dans l&#8217;espace et dans le temps. Quelques conseils&#8230;</p>
<p><span id="more-2725"></span></p>
<p><a href="http://www.ecrirepourleweb.com/wp-content/iPhone.png"><img class="alignright size-medium wp-image-2891" title="Rédiger pour le mobile" src="http://www.ecrirepourleweb.com/wp-content/iPhone-300x300.png" alt="Ecrire pour le mobile, une écriture de l'immédiat" width="210" height="210" /></a>Inutile de balader le mobinaute dans une stratiatella de pages, ni de lui faire remplir des formulaires ou un champ de recherche pour qu&#8217;il accède à l&#8217;info critique. Le mobinaute veut tout, tout de suite.</p>
<h2>Impératif éditorial</h2>
<p>Le contenu mobile requiert une stratégie de contenu toute particulière, adaptée au support (un micro-écran, pas de souris, pas de claver digne de ce nom), au mobinaute (qui, appréciant le push des informations et commen Tout d&#8217;abord parce qu&#8217;il est de coutume, pour le mobinaute, d&#8217;avoir du contenu qui lui tombe tout cuit. C&#8217;est le concept du «push» qui existe dans toutes les stratégies marketing, et c&#8217;est un des principes élémentaires de la génération de contenus mobiles.</p>
<p>Les données sont envoyées automatiquement, sans que l’utilisateur ait tapé sur quelque bouton &laquo;&nbsp;OK&nbsp;&raquo; ou &laquo;&nbsp;Recevoir&nbsp;&raquo;. C’est le cas des alertes et notifications locales proposées par les sites de presse et médias sociaux, entre autres.</p>
<p>En d&#8217;autres mots, via ce système, les annonceurs ont habitué les utilisateurs à recevoir de l&#8217;information fraîche et ciblée selon leurs intérêts, de manière régulière et directe. Et nous tenons notre premier impératif, qui est, donc, éditorial.</p>
<p>Ni fioritures, ni détours sur le Web mobile. Les impératifs éditoriaux sont : <strong>simplicité</strong>, <strong>univocité</strong>, <strong>opportunité</strong>, <strong>trouvabilité</strong>.</p>
<p>Bien plus encore que sur le Web desktop, le contenu détermine à lui seul le « produit fini ». Concentrez-vous sur les besoins primaires de vos mobinautes. Inutile de faire une version mobile de tout le site Web. L’adaptation de l’une ou l’autre fonctionnalité suffit: annuaire, configurateur, check-list interactive, &#8230;</p>
<p>Quels sont les ingrédients pour faire un bon éditorial pour le mobile?</p>
<ul>
<li><a href="#contenus">Contenus orientés tâches</a></li>
<li><a href="#URL">URL courtes</a></li>
<li><a href="#architecture">Architecture compacte</a></li>
<li><a href="#editorial">Éditorial compact et fréquent</a></li>
<li><a href="#hypertexte">Hypertexte hyper texte</a></li>
<li><a href="#trouvabilite">Trouvabilité</a></li>
</ul>
<h3><a name="contenus"></a>Contenus orientés tâches</h3>
<p>Pensez toujours que vous devez concevoir un éditorial orienté tâche et non ressource documentaire. Par exemple, les naveteurs n’ont pas besoin que leur opérateur ferroviaire publie sa page « A propos de nous » sur sa plate-forme mobile. En revanche, ils seraient heureux de pouvoir télécharger un module leur donnant l’info du rail en direct et les horaires en temps réel.</p>
<li><a title="Ecrire pour le mobile" href="http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile#more-2725" target="_self">Haut  de la page</a></li>
<h3><a name="URL"></a>URL courtes</h3>
<p>Si vous dédiez un site web au mobile, réservez des url courtes pour en faciliter la saisie &#8211; les claviers mobiles sont de piètres ersatz en termes d’utilisabilité. Préférez donc une adresse du type http://example.org à http://www.example.org/index.html.</p>
<li><a title="Ecrire pour le mobile" href="http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile#more-2725" target="_self">Haut  de la page</a></li>
<h3><a name="architecture"></a>Architecture compacte</h3>
<p>Organisez vos pages en une seule colonne. Réduisez les marges, filets et autres gouttières.<br />
N’encombrez pas votre mobinaute d’un message de bienvenue : proposez-lui un accès direct à l’information, aux outils ou fonctionnalités.</p>
<h4>Pour les menus</h4>
<p>Réservez la page d’accueil à la navigation. Regroupez-y exclusivement les menus, identifiables, éventuellement, par un pictogramme ou une icône (voyez les versions mobiles de Facebook ou LinkedIn). Organisez ces menus en respectant la logique de l’utilisateur.</p>
<p>Inutile, ensuite, de reproduire les menus en haut des pages internes : prévoyez plutôt, dans l’en-tête mais aussi dans le footer de chaque page, un retour à la page de navigation (page d’accueil). Les mobinautes n’auront pas à remonter ou à quitter la page pour accéder au menu principal.</p>
<h4>Chaque page est un tout</h4>
<p>Concevez chaque page comme un tout : les mobinautes rechignent à utiliser les touches Avant et Arrière, ni n’utilisent volontiers le champ de recherche. Votre navigation est leur principale voie d’accès à vos contenus. Sur chaque page interne, concluez par deux ou trois liens vers d’autres pages.<br />
Prévoyez un lien vers votre site Web desktop au bas de chaque page. Les mobinautes super-équipés pourront ainsi profiter de la version complète.</p>
<li><a title="Ecrire pour le mobile" href="http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile#more-2725" target="_self">Haut  de la page</a></li>
<h3><a name="hypertexte"></a>Hypertexte hyper texte</h3>
<p>N’hésitez pas à faire de longs hyperliens (contrairement à ce qui est de mise sur une page Web) : sur un petit écran, un lien de 5 mots est plus facilement accessible qu’un lien d’un ou deux mots.<br />
Si vous faites une liste d’hyperliens, espacez-les correctement pour éviter à l’utilisateur de taper à côté.<br />
Qualifiez clairement les liens cibles :<br />
Évitez les effets qui, sur le Web desktop, nécessitent la souris ou le clavier. En revanche, n’hésitez pas à compenser ces impossibilités en exploitant, par exemple, les raccourcis clavier pour des fonctionnalités récurrentes (retour à l’accueil, par exemple).</p>
<li><a title="Ecrire pour le mobile" href="http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile#more-2725" target="_self">Haut  de la page</a></li>
<h3><a name="trouvabilite"></a>Trouvabilité</h3>
<p>Le principal souci de la plupart des sites mobiles, c’est qu’ils comportent des contenus dupliqués, issus directement du site « complet ». La question du référencement renforce donc l’argument de créer un projet mobile à part entière, également en termes éditoriaux.</p>
<p>Il vous suffit ensuite de reprendre les principes de base de l’optimisation pour le référencement naturel, dont vous connaissez désormais la formule = contenu frais + mots clés + balises. Ne négligez pas les mots clés dans vos contenus mobiles : il y a deux ans déjà, 40% de mobinautes avaient trouvé les sites mobiles qu’ils consultaient via les moteurs de recherche.</p>
<p>N’oubliez pas, par ailleurs, de créer un plan de votre site mobile, que vous syntaxerez sous la forme http://exemple.org/mobilesitemap et le passerez au crible des outils Google pour webmasters.</p>
<p>Tant que vous y êtes, tirez parti d’autres outils Google tels que Google Suggest, une fonctionnalité qui propose des termes de recherche associés à votre requête – encore plus pratique sur le mobile où la saisie est plus laborieuse. L’outil vous permet d’anticiper les requêtes. Il existe même des outils pour importer directement les données Google Suggest dans vos fichiers de mots clés.</p>
<li><a title="Ecrire pour le mobile" href="http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile#more-2725" target="_self">Haut  de la page</a></li>
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/le-contenu-mobile-anti-ergonomique-par-essence' title='Le contenu mobile, anti-ergonomique par essence?'>Le contenu mobile, anti-ergonomique par essence?</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/des-contraintes-aux-libertes-de-lecrit-web' title='Des contraintes aux libertés de l&#8217;écrit web'>Des contraintes aux libertés de l&#8217;écrit web</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/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/strategie-de-contenu-et-marketing-editorial-pour-le-tourisme' title='Stratégie de contenu et marketing éditorial pour l&#8217;e-tourisme'>Stratégie de contenu et marketing éditorial pour l&#8217;e-tourisme</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mettez du style dans vos contenus</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/mettez-du-style-dans-vos-contenus</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/mettez-du-style-dans-vos-contenus#comments</comments>
		<pubDate>Thu, 18 Mar 2010 08:48:50 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[lisibilité]]></category>
		<category><![CDATA[principes formels]]></category>
		<category><![CDATA[téléchargements]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=1514</guid>
		<description><![CDATA[Vous écrivez des contenus en ligne et trouvez souvent, une fois qu&#8217;ils apparaissent à l&#8217;écran, qu&#8217;ils manquent de relief, de punch, de style? En quête de quelques idées pour leur donner du muscle et les mettre en valeur? Voici une palette de styles succincte, efficace et universelle&#8230; Avec, à la clé, un gabarit : n&#8217;hésitez [...]]]></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%2Fmettez-du-style-dans-vos-contenus"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fmettez-du-style-dans-vos-contenus&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Vous écrivez des contenus en ligne et trouvez souvent, une fois qu&#8217;ils apparaissent à l&#8217;écran, qu&#8217;ils manquent de relief, de punch, de style? En quête de quelques idées pour leur donner du muscle et les mettre en valeur? Voici une palette de styles succincte, efficace et universelle&#8230; Avec, à la clé, un gabarit : n&#8217;hésitez pas à le télécharger!<br />
<span id="more-1514"></span></p>
<h2>Mise en forme et relief</h2>
<p>La mise en forme de vos contenus Web contribue énormément à leur <strong>lisibilité</strong>. C&#8217;est même un des principes fondamentaux de l&#8217;écriture Web, qui nécessite d&#8217;<strong>adapter ses contenus au média</strong> (oui, le Web est un média, et pas seulement un support de publication).</p>
<p>Ce travail d&#8217;adaptation vise à exploiter de manière optimale les caractéristiques de la lecture à l&#8217;écran, le potentiel de l&#8217;hypertexte, la profondeur des pages, etc.</p>
<h2>Les 3 grands principes de l&#8217;écriture Web</h2>
<p>J&#8217;ai coutume de distinguer 3 grands axes dans ce travail d&#8217;adaptation : les principes <strong>rédactionnels</strong>, les principes <strong>formels</strong> et les principes <strong>fonctionnels</strong>. L&#8217;aspect formel, qui nous intéresse ici, porte sur le rendu &#8211; la mise en page &#8211; des contenus.</p>
<p>Pour faciliter le <strong>balayage</strong> des pages (propre aux lecteurs pressés que nous sommes), il convient de <strong>structurer</strong> visuellement ses textes, de les <strong>organiser</strong> de manière à faire ressortir la <strong>hiérarchie</strong>, les <strong>types</strong> et les <strong>unités</strong> d&#8217;information.</p>
<p>Voici quelques <strong>styles</strong> que vous pourrez demander d&#8217;intégrer au graphiste, designer ou webmaster dans les CSS (feuilles de style) de votre CMS (système de gestion des contenus):</p>
<ul>
<li>des <strong>titres</strong> de 3 à 4 niveaux à l&#8217;intérieur du texte, pour bien mettre en relief ses principales unités informationnelles et leur hiérarchie;</li>
<li>des <strong>paragraphes</strong> de contenu &laquo;&nbsp;<strong>simple</strong>&laquo;&nbsp;, dotés d&#8217;un interligne confortable et d&#8217;un espacement suffisant jusqu&#8217;au paragraphe suivant;</li>
<li>des paragraphes du type <strong>chapô</strong>, utilisés surtout pour les introductions, accroches et autres micro-contenus destinés à donner rapidement une idée de l&#8217;essence du contenu;</li>
<li>trois formats d&#8217;<strong>hyperlien</strong> (&laquo;&nbsp;vierges&nbsp;&raquo;, survolés et visités), de sorte que le lecteur puisse directement identifier les liens, mais aussi savoir s&#8217;il les a déjà &laquo;&nbsp;utilisés&nbsp;&raquo;;</li>
<li>des <strong>listes à puces</strong> de deux niveaux, pour structurer clairement les énumérations et en faciliter la lecture ;</li>
<li>les <strong>icônes</strong> pour revenir en <strong>haut de la page</strong>, qui seront utilisées en associations avec les <strong>ancres</strong> (liens internes) ;</li>
<li>un style pour les <strong>citations</strong>, qui permet de mettre en relief un témoignage, un &laquo;&nbsp;contenu utilisateur&nbsp;&raquo;, généralement très valorisés par les lecteurs;</li>
<li>et quelques styles pour des <strong>tableaux</strong> de contenu, car les tableaux sont un excellent moyen de présenter certains types de contenus, comme des consignes, des comparaisons de produits, etc.</li>
</ul>
<p><a href="http://www.ecrirepourleweb.com/wp-content/WAW_Detail-style_v1a.jpg"><img class="size-medium wp-image-1517   alignnone" title="Cliquez pour visualiser les styles de la page" src="http://www.ecrirepourleweb.com/wp-content/WAW_Detail-style_v1a-106x300.jpg" alt="" width="106" height="300" /></a></p>
<p style="text-align: center;">
<h3>A propos des CSS</h3>
<p>Le <a href="http://www.cssdebutant.com/index.html">langage CSS</a> (<strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets) est donc utilisé pour <strong>définir les styles qui seront utilisés sur votre site</strong>, c&#8217;est-à-dire le rendu, l&#8217;aspect graphique. Ces styles comprennent, par exemple, la couleur du fond de la page, les fontes (polices de caractères) des différents éléments textuels, (titraille, paragraphes, citation), etc. Concrètement, cette feuille de styles est rassemblée en un petit fichier (« style.css », par exemple) qui comportera toutes les règles de style à appliquer. Ces styles seront ensuite repris également dans la charte graphique.</p>
<h3>Aller plus loin</h3>
<ul>
<li><a title="Tous les articles sur ce thème." href="http://www.ecrirepourleweb.com/tag/principes-redactionnels" target="_self">Les principes rédactionnels</a></li>
<li><a title="Tous les articles sur ce thème." href="http://www.ecrirepourleweb.com/tag/principes-formels" target="_self">Les principes formels</a></li>
<li><a title="Tous les articles sur ce thème." href="http://www.ecrirepourleweb.com/tag/principes-fonctionnels" target="_self">Les principes fonctionnels</a></li>
<li><a title="Un autre moyen de donner du relief à vos contenus" href="http://www.ecrirepourleweb.com/ecriture-web-editorial/lhtml-pour-les-redacteurs-web" target="_self">L&#8217;html pour les rédacteurs Web</a></li>
<li><a title="Un précédent article sur la présentation des contenus en tableaux" href="http://www.ecrirepourleweb.com/ecriture-web-editorial/utilisez-des-tableaux-lisibilite-des-procedures4" target="_self">Utilisez des tableaux</a> (mis à jour)</li>
<li><a href="http://www.ecrirepourleweb.com/wp-content/WAW_Detail-style_v1a.pdf">Téléchargez la &laquo;&nbsp;feuille de styles&nbsp;&raquo;</a> (pdf, 244 Ko)</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/typographie-et-web' title='Typographie et Web'>Typographie et Web</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>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/utilisez-des-tableaux-lisibilite-des-procedures4' title='Utilisez des tableaux (Lisibilité des procédures#4)'>Utilisez des tableaux (Lisibilité des procédures#4)</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/le-vu-et-le-lu-1' title='Le vu et le lu (1)'>Le vu et le lu (1)</a></li>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/apprehender-dynamiquement-les-textes-33' title='Appréhender dynamiquement les textes (3/3)'>Appréhender dynamiquement les textes (3/3)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/mettez-du-style-dans-vos-contenus/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Des besoins des utilisateurs (#2) &#8211; Comportements</title>
		<link>http://www.ecrirepourleweb.com/ergonomie/des-besoins-des-utilisateurs-2-comportements</link>
		<comments>http://www.ecrirepourleweb.com/ergonomie/des-besoins-des-utilisateurs-2-comportements#comments</comments>
		<pubDate>Sun, 12 Jul 2009 21:54:01 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[comportements]]></category>
		<category><![CDATA[lisibilité]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=606</guid>
		<description><![CDATA[Pour comprendre les besoins de vos utilisateurs, vous devez savoir comment l&#8217;internaute se comporte généralement sur le Web. Petit rappel : L’internaute a un objectif Il est actif. Il a un but spécifique. Il cherche quelque chose. Il poursuit sa visite s’il a trouvé ce qu’il cherche. Il veut atteindre son but le plus vite [...]]]></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%2Fergonomie%2Fdes-besoins-des-utilisateurs-2-comportements"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Fergonomie%2Fdes-besoins-des-utilisateurs-2-comportements&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/one-way.jpg"><img class="alignright size-medium wp-image-608" style="float: right;" title="one-way" src="http://www.ecrirepourleweb.com/wp-content/one-way-300x199.jpg" alt="" width="213" height="141" /></a><em><strong>Pour comprendre les besoins de vos utilisateurs, vous devez savoir comment l&#8217;internaute se comporte généralement sur le Web. Petit rappel :</strong></em></p>
<h2>L’internaute a un objectif</h2>
<ul>
<li> Il est actif.</li>
<li> Il a un but spécifique.</li>
<li> Il cherche quelque chose.</li>
<li> Il poursuit sa visite s’il a trouvé ce qu’il cherche.</li>
<li> Il veut atteindre son but le plus vite possible.</li>
<li> Il ne lit la page que lorsqu’il est sûr d’être au bon endroit</li>
</ul>
<h2>L&#8217;internaute veut trouver son chemin seul</h2>
<p>Tous les utilisateurs se posent la même question:</p>
<ul>
<li>Où suis-je ?</li>
<li>Où dois-je aller ?</li>
<li>Comment puis-je y arriver ?</li>
</ul>
<h2>L&#8217;internaute (occidental) a une tendance</h2>
<div>L&#8217;internaute parcourt une page Web de bas en haut et de gauche à droite. C&#8217;est le fameux diagramme de Gutenburg*.</div>
<h2>L&#8217;internaute ne se dit pas</h2>
<ul>
<li>&laquo;&nbsp;Tiens, ce sont mes muscles oculaires qui dirigent le mouvement de mes yeux sur la page (les mouvements oculaires ne sont pas conscients)</li>
<li>&laquo;&nbsp;Pupille, dilate-toi: je ne comprends pas ce qui est écrit, je ne sais pas où cliquer&nbsp;&raquo; (le diamètre de la pupille n&#8217;est pas contrôlé de manière consciente).</li>
<li>&laquo;&nbsp;Quel est donc le type de mémoire que je sollicite pour analyser le contenu de cette page (l&#8217;activité cognitive n&#8217;est pas gérée de manière consciente)</li>
<li>…</li>
</ul>
<p>Sources:</p>
<ul>
<li><a title="Consultez la fiche Formation sur le site d'AGConsult" href="http://agconsult.be/fr/seminars/informationstructure.asp" target="_blank">La formation Architecture de l&#8217;information que je donne pour AGConsult</a></li>
<li><a title="Lire l'article sur Simplifying Interfaces, le blog de Marc Van Rymenant" rel="bookmark" href="http://www.simplifyinginterfaces.com/2008/08/95-percent-of-brain-activity-is-beyond-our-conscious-awareness/" target="_blank">95 percent of brain activity is beyond our conscious awareness</a></li>
<li><a title="Lire l'article (EN) sur le sujet." href="http://www.studiodino.com/info/news47.htm" target="_blank">Le diagramme de Gutenburg</a></li>
<li>*En ce qui concerne les sites Web internationaux et plus encore arabes, je vous invite à lire le billet que Jean-Marc Hardy a consacré à ce sujet &#8211; <a title="Lire l'article sur le blog de Jean-Marc Hardy." href="http://http://blog.60questions.net/index.php/2009/06/10/316-sites-web-arabes-ergonomie-en-miroir" target="_blank">Sites arabes: ergonomie en miroir</a>.</li>
<li><a title="Aussi sur le comportement des utilisateurs sur QualityStreet" href="http://www.qualitystreet.fr/2009/04/07/ergonomie-web-8-conseils-pour-mieux-vendre-sur-internet/" target="_blank">8 conseils pour mieux vendre sur Internet</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/utilisez-des-tableaux-lisibilite-des-procedures4' title='Utilisez des tableaux (Lisibilité des procédures#4)'>Utilisez des tableaux (Lisibilité des procédures#4)</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/le-vu-et-le-lu-1' title='Le vu et le lu (1)'>Le vu et le lu (1)</a></li>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/apprehender-dynamiquement-les-textes-33' title='Appréhender dynamiquement les textes (3/3)'>Appréhender dynamiquement les textes (3/3)</a></li>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/apprehender-dynamiquement-les-textes-23' title='Appréhender dynamiquement les textes (2/3)'>Appréhender dynamiquement les textes (2/3)</a></li>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/apprehender-dynamiquement-les-textes-13' title='Appréhender dynamiquement les textes (1/3)'>Appréhender dynamiquement les textes (1/3)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/ergonomie/des-besoins-des-utilisateurs-2-comportements/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Utilisez des tableaux (Lisibilité des procédures#4)</title>
		<link>http://www.ecrirepourleweb.com/redaction-web/utilisez-des-tableaux-lisibilite-des-procedures4</link>
		<comments>http://www.ecrirepourleweb.com/redaction-web/utilisez-des-tableaux-lisibilite-des-procedures4#comments</comments>
		<pubDate>Fri, 13 Feb 2009 17:20:06 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[comportements]]></category>
		<category><![CDATA[lisibilité]]></category>
		<category><![CDATA[principes formels]]></category>
		<category><![CDATA[principes rédactionnels]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=470</guid>
		<description><![CDATA[La présentation des informations sous forme de tableaux se retrouve non seulement dans les ouvrages didactiques ou documentaires, mais aussi dans les brochures publicitaires, sur les panneaux d’affichage des lieux publics. En fait, ce mode de communication écrite s&#8217;est imposé par sa simplicité, du moins apparente, et son efficacité. C&#8217;est également le cas sur le [...]]]></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%2Futilisez-des-tableaux-lisibilite-des-procedures4"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Fredaction-web%2Futilisez-des-tableaux-lisibilite-des-procedures4&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/1387231480_9d812cc4ff_m.jpg"><img class="alignnone size-medium wp-image-492 alignright" style="float: right;" title="1387231480_9d812cc4ff_m" src="http://www.ecrirepourleweb.com/wp-content/1387231480_9d812cc4ff_m.jpg" alt="" width="240" height="160" /></a>La présentation des informations sous forme de tableaux se retrouve non seulement dans les ouvrages didactiques ou documentaires, mais aussi dans les brochures publicitaires, sur les panneaux d’affichage des  lieux publics. En fait, ce mode de communication écrite s&#8217;est imposé par sa simplicité, du moins apparente, et son efficacité. C&#8217;est également le cas sur le Web, où ils s&#8217;adaptent parfaitement aux besoins de structurer et hiérarchiser visuellement les contenus.</p>
<h2><span id="more-470"></span>Un gain de confort, de vitesse et de compréhension</h2>
<p>Les études pratiquées en sciences cognitives indiquent qu&#8217;entre 60 et  80 % de  l’information traitée par notre cerveau est d’origine visuelle.  Les tableaux permettent d&#8217;organiser et de classer visuellement les informations de  manière à en faire ressortir la structure et la  hiérarchie.</p>
<p>Cette organisation de l&#8217;information, et la rapidité de consultation qu&#8217;elle procure, conviennent parfaitement aux  besoins de rapidité et d’économie, lorsque le lecteur  doit intégrer une  grande quantité d’informations variées et inconnues. Les tableaux sont  considérés dans la pratique  pédagogique comme un outil précieux, qui aide les  élèves à exercer le processus de  construction de leurs  connaissances.</p>
<p>Sur une page Web, les tableaux sont également d&#8217;une grande aide pour présenter simplement des relations complexes, par exemple, pour  mettre en forme des contenus répondant au schéma informationnel <strong>« Si… alors ».</strong> Ce mode de présentation aide aussi bien le rédacteur que le lecteur. En effet, le tableau offre un classement &laquo;&nbsp;à tiroir&nbsp;&raquo; (étapes, conditions, choix, prix, documents, liens externes, etc.), le tout sous un modèle efficace visuellement.</p>
<p><strong>Exemple:</strong></p>
<p><a href="http://www.ecrirepourleweb.com/wp-content/screen-capture-3.png"><img class="alignnone size-medium wp-image-491" title="screen-capture-3" src="http://www.ecrirepourleweb.com/wp-content/screen-capture-3-300x193.png" alt="" width="300" height="193" /></a></p>
<p>Mais attention, on rencontre souvent des tableaux dont la lecture immédiate est en conflit avec la lecture informative (premier balayage contre lecture posée, à la recherche de cohérence). Il conviendra donc de bien exploiter les en-têtes, les marges, le fonctionnement des colonnes et des lignes.</p>
<h2>Liens rapides</h2>
<ul>
<li><a title="Lire le billet " href="http://www.ecrirepourleweb.com/contraintes-formelles/le-vu-et-le-lu-2" target="_self">Un exemple du même type dans un précédent billet</a></li>
<li><a title="Sur Flickr" href="http://www.flickr.com/photos/ebolton/1387231480/" target="_blank">La photo sur Flickr</a></li>
<li><a title="Accédez au billet" href="http://www.ecrirepourleweb.com/contraintes-editoriales/limitez-les-niveaux-hierarchiques-lisibilite-des-procedures-3" target="_self">Limitez les niveaux hiérachiques (Lisibilité des procédures # 3)</a></li>
<li><a title="Accédez au billet" href="../architecture/optez-pour-des-titres-attractifs-et-informatifs-lisibilite-des-procedures2" target="_self">Optez pour des titres attractifs et informatifs (Lisibilité des procédures # 2)</a></li>
<li><a title="Lire le billet 1 de la série" href="../architecture/creez-un-index-de-vos-contenus-lisibilite-des-procedures-1" target="_self">Créez un index de vos contenus (Lisibilité des procédures #1)</a></li>
<li>L’<a title="Voir l'intro de la série" href="../non-classe/lisibilite-des-procedures-en-ligne" target="_self">introduction</a> à la série “Optimisez vos procédures en ligne”</li>
</ul>
<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/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>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/utilisez-linteraction-lisibilite-des-procedures-5' title='Utilisez l&#8217;interaction (Lisibilité des procédures #5)'>Utilisez l&#8217;interaction (Lisibilité des procédures #5)</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/le-vu-et-le-lu-1' title='Le vu et le lu (1)'>Le vu et le lu (1)</a></li>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/apprehender-dynamiquement-les-textes-33' title='Appréhender dynamiquement les textes (3/3)'>Appréhender dynamiquement les textes (3/3)</a></li>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/apprehender-dynamiquement-les-textes-23' title='Appréhender dynamiquement les textes (2/3)'>Appréhender dynamiquement les textes (2/3)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/redaction-web/utilisez-des-tableaux-lisibilite-des-procedures4/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Limitez les niveaux hiérarchiques (Lisibilité des procédures #3)</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/limitez-les-niveaux-hierarchiques-lisibilite-des-procedures-3</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/limitez-les-niveaux-hierarchiques-lisibilite-des-procedures-3#comments</comments>
		<pubDate>Thu, 05 Feb 2009 13:18:39 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[lisibilité]]></category>
		<category><![CDATA[principes rédactionnels]]></category>
		<category><![CDATA[titres]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=467</guid>
		<description><![CDATA[Les niveaux hiérarchiques mettent en évidence l’importance relative des contenus, voir leur &#171;&#160;catégorie&#160;&#187; (introduction, exemple, remarque, exception, etc.). Ils permettent donc aussi de distinguer les étapes et les sous-étapes des procédures, ainsi que les conditions et exceptions. Hiérarchiser ses contenus revêt une grande utilité en termes de lisibilité/balayabilité des contenus. Pour soutenir cette balayabilité, ils [...]]]></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%2Flimitez-les-niveaux-hierarchiques-lisibilite-des-procedures-3"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Flimitez-les-niveaux-hierarchiques-lisibilite-des-procedures-3&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: justify;"><a href="http://www.ecrirepourleweb.com/wp-content/63518025_85cbdb241b_m.jpg"><img class="alignnone size-medium wp-image-480 alignright" style="float: right;margin:0 0 5px 10px" title="63518025_85cbdb241b_m" src="http://www.ecrirepourleweb.com/wp-content/63518025_85cbdb241b_m.jpg" alt="" width="195" height="146" /></a><em><span style="font-style: normal;">Les niveaux hiérarchiques mettent en évidence l’importance relative des contenus, voir leur &laquo;&nbsp;catégorie&nbsp;&raquo; (introduction, exemple, remarque, exception, etc.). Ils permettent donc aussi de distinguer les étapes et les sous-étapes des procédures, ainsi que les conditions et exceptions</span><strong>. </strong></em></p>
<p style="text-align: justify;"><span id="more-467"></span><strong><em>Hiérarchiser ses contenus revêt une grande utilité en termes de lisibilité/balayabilité des contenus. Pour soutenir cette balayabilité, ils respectent généralement  généralement des styles graphiques propres.</em></strong></p>
<p style="text-align: justify;">Cependant, évitez un nombre excessif de niveaux de paragraphes. Ne dépassez pas<strong> les 3 niveaux</strong>, et jamais plus. Si nécessaire, créez davantage de sections au premier niveau Le deuxième exemple ci-dessous simplifie le texte et ajoute un titre à la table des contenus.</p>
<p><strong>Avant :</strong><br />
<strong>A qui s’appliquent ces taxes?</strong><br />
(a) Un propriétaire doit payer :</p>
<p style="padding-left: 30px;">1) La taxe d’habitation…<br />
2) La taxe foncière…<br />
3) La taxe sur les déchets non ménagers…</p>
<p>(b) Un locataire doit payer :</p>
<p style="padding-left: 30px;">1) Une taxe communale…<br />
2) Une taxe de voirie…<br />
3) Une taxe sur les déchets ménagers…</p>
<p><strong>Après :</strong></p>
<p><strong></strong><br />
<strong>Quelles taxes un propriétaire doit-il payer ?</strong><br />
1) La taxe d’habitation…<br />
2) La taxe foncière…<br />
3) La taxe sur les déchets non ménagers…</p>
<p><strong>Quelles taxes un locataire doit-il payer ? </strong></p>
<p>1) Une taxe communale…<br />
2) Une taxe de voirie…<br />
3) Une taxe sur les déchets ménagers…</p>
<h2>Liens rapides</h2>
<ul>
<li><a href="http://www.flickr.com/photos/effpunkt/63518025/" target="_blank">La photo sur Flickr</a></li>
<li>L’<a title="Voir l'intro de la série" href="../non-classe/lisibilite-des-procedures-en-ligne" target="_blank">introduction</a> à la série “Optimisez vos procédures en ligne”</li>
<li><a title="Accédez au billet" href="http://www.ecrirepourleweb.com/architecture/optez-pour-des-titres-attractifs-et-informatifs-lisibilite-des-procedures2" target="_blank">Optez pour des titres attractifs et informatifs (Lisibilité des procédures # 2)</a></li>
<li><a title="Lire le billet 1 de la série" href="../architecture/creez-un-index-de-vos-contenus-lisibilite-des-procedures-1" target="_blank">Créez un index de vos contenus (Lisibilité des procédures #1)</a></li>
<li>Un ancien <a title="A lire absolument" href="../contraintes-editoriales/les-titres-question-de-genre" target="_blank">billet sur les titres</a>…</li>
<li><a title="Accédez au billet" href="hthttp://www.ecrirepourleweb.com/contraintes-editoriales/contenu-preventif-interactif-et-instructif" target="_blank">Contenu préventif, interactif et instructif</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/titres-eloquents-et-dabord-les-mots-importants' title='Titres éloquents, et d&#8217;abord les mots importants&#8230;'>Titres éloquents, et d&#8217;abord les mots importants&#8230;</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>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/utilisez-des-tableaux-lisibilite-des-procedures4' title='Utilisez des tableaux (Lisibilité des procédures#4)'>Utilisez des tableaux (Lisibilité des procédures#4)</a></li>
<li><a href='http://www.ecrirepourleweb.com/outils-widgets/testez-la-lisibilite-de-votre-blog' title='Testez la lisibilité de votre blog'>Testez la lisibilité de votre blog</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/optimisez-votre-contenu-pour-le-referencement-3-titrez-intelligent' title='Optimisez votre contenu pour le référencement (3) &#8211; Titrez intelligent'>Optimisez votre contenu pour le référencement (3) &#8211; Titrez intelligent</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/limitez-les-niveaux-hierarchiques-lisibilite-des-procedures-3/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lisibilité des procédures en ligne &#8211; 7 conseils</title>
		<link>http://www.ecrirepourleweb.com/redaction-web/lisibilite-des-procedures-en-ligne</link>
		<comments>http://www.ecrirepourleweb.com/redaction-web/lisibilite-des-procedures-en-ligne#comments</comments>
		<pubDate>Mon, 19 Jan 2009 09:14:15 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[écriture web]]></category>
		<category><![CDATA[intranet]]></category>
		<category><![CDATA[lisibilité]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=465</guid>
		<description><![CDATA[Les procédures en ligne sont censées aider l&#8217;internaute à comprendre la marche à suivre pour obtenir un congé (sur l&#8217;intranet), soumettre une demande de certificat quelconque (à un guichet électronique), télécharger le bon formulaire, savoir que faire dans quelle situation, &#8230; Lorsqu&#8217;ils répondent à certains critères ergonomiques, ces formulaires, procédures et règlements procurent au commanditaire [...]]]></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%2Flisibilite-des-procedures-en-ligne"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Fredaction-web%2Flisibilite-des-procedures-en-ligne&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/seven-tips.jpg"><img class="alignnone size-medium wp-image-469 alignright" style="float: right;" title="seven-tips" src="http://www.ecrirepourleweb.com/wp-content/seven-tips.jpg" alt="" width="240" height="160" /></a><em><strong>Les procédures en ligne sont censées aider l&#8217;internaute à comprendre la marche à suivre pour obtenir un congé (sur l&#8217;intranet), soumettre une demande de certificat  quelconque (à un guichet électronique), télécharger le bon formulaire, savoir que faire dans quelle situation, &#8230; </strong></em></p>
<p>Lorsqu&#8217;ils répondent à certains critères ergonomiques, ces formulaires, procédures et règlements procurent au commanditaire et à l&#8217;utilisateur final une énorme valeur ajoutée en termes de gain de temps, d&#8217;énergie, de papier,  de ressources, etc. Bref, tout le monde y gagne. Ça vaut donc la peine d&#8217;en faire la première série de l&#8217;année, non ?</p>
<h2>7 conseils pour améliorer la lisibilité des règlements en ligne</h2>
<p>1)    <a title="Le premier billet est en ligne" href="http://www.ecrirepourleweb.com/architecture/creez-un-index-de-vos-contenus-lisibilite-des-procedures-1" target="_blank">Créez un <strong>index</strong> de vos contenus</a><br />
2) Optez pour des titres <strong>attractifs</strong> et<strong> informatifs</strong><strong></strong><br />
3)    Limitez les <strong>niveaux de paragraphes</strong><br />
4)    Utilisez plus de <strong>tableaux </strong>et d&#8217;<strong>illustrations</strong><br />
5)    Utilisez l&#8217;<strong>interaction</strong> (le « vous »)<br />
6) Utilisez des <strong>verbes actifs</strong><br />
7) Utilisez un <strong>langage simple</strong></p>
<p>Sous ces 7 conseils de lisibilité, 2 sont particulièrement efficaces en termes de scannabilité et d&#8217;impact:</p>
<ul>
<li>l&#8217;organisation de vos sections sous la forme de questions-réponses,</li>
<li>l&#8217;utilisation du « vous » (l&#8217;interaction) pour guider votre utilisateur dans les démarches.</li>
</ul>
<p>Demain, le conseil 1 dans le menu détail: <strong>Créez un index de vos contenus</strong>&#8230;</p>
<h3>Liens rapides</h3>
<ul>
<li><a title="Une mise en bouche dans un ancien billet" href="http://www.ecrirepourleweb.com/contraintes-formelles/le-vu-et-le-lu-2" target="_blank">Le vu et le lu (2)</a></li>
<li><a title="Un précédent billet sur l'utilisation de la voix active" href="http://www.ecrirepourleweb.com/ecrire-pour-le-web-cest/opter-pour-un-mode-vivant-dinteraction" target="_blank">Un mode vivant d&#8217;interaction</a></li>
<li><a title="Retour sur une introduction au langage simple" href="http://www.ecrirepourleweb.com/contraintes-editoriales/ce-qui-se-concoit-clairement-se-dit-simplement" target="_blank">Ce qui se conçoit clairement, se dit simplement</a></li>
<li>L&#8217;illu du billet sur <a title="Retrouvez-la sur Flickr" href="http://www.flickr.com/photos/maxbisschop/324291309/" target="_blank">Flickr</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/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>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/ecrire-simplement-ce-nest-pas-si-simple' title='Ecrire simplement, ce n&#8217;est pas si simple'>Ecrire simplement, ce n&#8217;est pas si simple</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/kiss-le-filtre-pour-faire-apprecier-votre-contenu' title='Passer votre contenu au filtre KISS'>Passer votre contenu au filtre KISS</a></li>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/ecrire-est-un-geste' title='Ecrire est un geste'>Ecrire est un geste</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>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/redaction-web/lisibilite-des-procedures-en-ligne/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pour ou contre l&#8217;hyperlien dans les contenus ?</title>
		<link>http://www.ecrirepourleweb.com/ergonomie/pour-ou-contre-lhyperlien-dans-les-contenus</link>
		<comments>http://www.ecrirepourleweb.com/ergonomie/pour-ou-contre-lhyperlien-dans-les-contenus#comments</comments>
		<pubDate>Thu, 08 Jan 2009 04:51:06 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[hypertexte]]></category>
		<category><![CDATA[lisibilité]]></category>
		<category><![CDATA[référencement]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=447</guid>
		<description><![CDATA[Le critère de &#171;&#160;linkage&#160;&#187; devient de plus en plus important dans le domaine du référencement. Pour les robots qui scannent vos pages et les indexent, c&#8217;est un véritable must. Si vous êtes en mesure de collecter, en plus de votre propre contenu, d&#8217;autres informations similaires&#8230; c&#8217;est le signe d&#8217;une expertise globale. Alors que les standards [...]]]></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%2Fergonomie%2Fpour-ou-contre-lhyperlien-dans-les-contenus"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Fergonomie%2Fpour-ou-contre-lhyperlien-dans-les-contenus&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/linkage.jpg"><img class="alignnone size-medium wp-image-448 alignright" style="float: right;" title="linkage" src="http://www.ecrirepourleweb.com/wp-content/linkage.jpg" alt="" width="149" height="206" /></a><em><strong>Le critère de &laquo;&nbsp;linkage&nbsp;&raquo; devient de plus en plus important dans le domaine du référencement. Pour les robots qui scannent vos pages et les indexent, c&#8217;est un véritable must. Si vous êtes en mesure de collecter, en plus de votre propre contenu, d&#8217;autres informations similaires&#8230; c&#8217;est le signe d&#8217;une expertise globale.</strong></em></p>
<p>Alors que les standards de l&#8217;écriture Web proscrivent énergiquement la présence de liens dans le texte, les spécialistes du référencement, eux, vont dans le sens contraire. Cela fonctionne un peu comme pour les images : le contexte textuel disposé autour d&#8217;un élément accroît et maximise son rendement.</p>
<h2>Compromis entre webwriting et SEO&#8230;</h2>
<p>Il existe un moyen pour satisfaire webwriters et référenceurs. La « solution » consiste à contrebalancer le manque à gagner des liens dans le contenu par un autre critère de valorisation. En d&#8217;autres mots, il s&#8217;agit de <strong>rassembler les liens</strong> sur la page en les regroupant dans une zone précise (et de préférence toujours au même endroit sur toutes les pages). On pourrait, par exemple, créer une liste de liens en fin de texte, en valorisant les liens par une des balises hiérarchiques vues précédemment. Pourquoi pas la liste à puces, par exemple ? Une autre options consisterait à rassembler les liens dans un encadré en haut à droite des pages de contenus.</p>
<h2>Titrez vos liens</h2>
<p>Le titre donné à un lien peut influencer, non seulement le positionnement d&#8217;une page, mais aussi la requête via laquelle elle sera retournée. De cet état de fait, est d&#8217;ailleurs né un mouvement, le Google Bombing.</p>
<p>Il fut un temps où, lorsque vous tapiez, par exemple, « miserable failure » dans Google, vous aviez immanquablement la biographie officielle de George W.Bush en tête de la liste de résultats.</p>
<p>Entre-temps, Google est parvenu a minimisé l&#8217;impact de ces Google Bombs, en apportant quelques modifications minimes à ses techniques d&#8217;analyses.  Ces phénomènes problématiques ont donc été neutralisés. Il n&#8217;empêche : donnez un titre explicite à vos liens. Sinon, vous paralysez l&#8217;impact dans les moteurs de recherche. Ayez toujours en tête que ceux-ci ne mangent que du texte et du contenu !  Évitez donc les liens creux de type « Cliquez ici ».</p>
<h3>Liens rapides</h3>
<ul>
<li><a title="Accédez au billet" href="http://www.ecrirepourleweb.com/referencement/optimisez-votre-contenu-pour-le-referencement-un-long-discours-vaut-mieux-quune-image" target="_blank">Optimisez votre contenu pour le référencement (8) : Un long discours vaut mieux qu&#8217;une image</a></li>
<li><a title="Septième épisode de la série" href="http://ecrirepourleweb.com/referencement/optimisez-votre-contenu-pour-le-referencement-chouchoutez-vos-mots-cles" target="_blank">Optimisez votre contenu pour le référencement (7) : Chouchoutez vos mots-clés</a></li>
<li><a title="Consultez l'article" href="../architecture/optimisez-votre-contenu-pour-le-referencement-6-organisez-vos-thematiques" target="_blank">Optimisez votre contenu pour le référencement (6) : Organisez vos thématiques</a></li>
<li><a href="../referencement/optimisez-votre-contenu-pour-le-referencement-5-balisez-et-hierarchisez-votre-contenu" target="_blank">Optimisez votre contenu pour le référencement (5) : Balisez et hiérarchisez votre contenu</a></li>
<li><a title="Lire le 4e billet de la série de l'été" href="../utilisabilite/experience-utilisateur/optimisez-votre-contenu-pour-le-referencement-4-ecrivez-beaucoup-et-souvent" target="_blank">Optimisez votre contenu pour le référencement (4) : Ecrivez beaucoup et souvent</a></li>
<li><a title="Lire le 3e billet de la série" href="../contraintes-editoriales/optimisez-votre-contenu-pour-le-referencement-3-titrez-intelligent" target="_blank">Optimisez votre contenu pour le référencement (3) : Titrez intelligent</a></li>
<li><a href="../utilisabilite/non-classe/optimisez-votre-contenu-pour-le-referencement-2" target="_blank">Optimisez votre contenu pour le référencement (2) : SEO &amp; SEF, c’est quoi? </a></li>
<li><a title="Le 1er billet de la série" href="../utilisabilite/contraintes-editoriales/optimisez-votre-contenu-pour-le-referencement-1" target="_blank">Optimisez votre contenu pour le référencement (1) : les 3 mots-clés du référencement<br />
</a></li>
<li><a title="Le pilote de la série ;-)" href="../utilisabilite/contraintes-de-fond/contenu-et-referencement-la-serie-de-lete" target="_blank">Contenu et référencement, la série de l’été</a></li>
<li><a title="Intermède" href="../utilisabilite/non-classe/a-propos-de-referencement" target="_blank">A propos de référencement</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/outils-widgets/testez-la-lisibilite-de-votre-blog' title='Testez la lisibilité de votre blog'>Testez la lisibilité de votre blog</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/vos-liens-promenent-lutilisateur' title='Promener l&#8217;utilisateur au bout de vos liens'>Promener l&#8217;utilisateur au bout de vos liens</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/developper-la-ligne-editoriale-de-votre-blog-corporate' title='Développer la ligne éditoriale de votre blog corporate'>Développer la ligne éditoriale de votre blog corporate</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/ringarde-la-blogoliste' title='Ringarde, la blogoliste?'>Ringarde, la blogoliste?</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/comment-google-peut-detecter-les-mauvais-contenus' title='Comment Google peut détecter les &laquo;&nbsp;mauvais&nbsp;&raquo; contenus?'>Comment Google peut détecter les &laquo;&nbsp;mauvais&nbsp;&raquo; contenus?</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/ergonomie/pour-ou-contre-lhyperlien-dans-les-contenus/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>La 3D navigue sur le Web</title>
		<link>http://www.ecrirepourleweb.com/outils-widgets/la-3d-navigue-sur-le-web</link>
		<comments>http://www.ecrirepourleweb.com/outils-widgets/la-3d-navigue-sur-le-web#comments</comments>
		<pubDate>Wed, 06 Aug 2008 05:05:32 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[Outils & Widgets]]></category>
		<category><![CDATA[lisibilité]]></category>

		<guid isPermaLink="false">http://ecrirepourleweb.com/?p=381</guid>
		<description><![CDATA[Vous souvenez-vous de ma récente série sur la présentation dynamique des textes à l&#8217;écran ? &#171;&#160;Les nouvelles technologies ont évolué et offrent des possibilités d’affichage de documents intégrant : le flou, la transparence, la spatialisation, le rendu à plusieurs niveaux de détail ou encore l’orientation tridimensionnelle. Ces nouvelles technologies autorisent des accès et des parcours [...]]]></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%2Foutils-widgets%2Fla-3d-navigue-sur-le-web"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Foutils-widgets%2Fla-3d-navigue-sur-le-web&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a rel="attachment wp-att-382" href="http://www.ecrirepourleweb.com/outils-widgets/la-3d-navigue-sur-le-web/attachment/pogo"><img class="alignnone size-medium wp-image-382 alignright" style="border: 5px solid black; margin: 5px; float: right;" title="pogo" src="http://ecrirepourleweb.com/wp-content/pogo.png" alt="" width="174" height="161" /></a><em><strong>Vous souvenez-vous de ma récente série sur la présentation dynamique des textes à l&#8217;écran ? &laquo;&nbsp;Les nouvelles technologies ont évolué et offrent des possibilités d’affichage de documents intégrant : le flou, la transparence, la spatialisation, le rendu à plusieurs niveaux de détail ou encore l’orientation tridimensionnelle. Ces nouvelles technologies autorisent des accès et des parcours nouveaux par rapport aux documents textuels&nbsp;&raquo;&#8230;</strong></em></p>
<p>Non ? Même pas la référence, dans un de ces 3 billets, au moteur de recherche SearchMe ?  Le moteur de recherche dont les résultats sont affichés en 3D (un peu à la façon des pochettes de disques dans iTunes)&#8230; En format &laquo;&nbsp;Carrousel&nbsp;&raquo; comme on dit dans le milieu de l&#8217;architecture d&#8217;information.  Pourtant&#8230; Ce n&#8217;est pas tout !</p>
<p>Bientôt il y aura un navigateur qui fonctionnera selon la même mécanique. Il se nomme POGO. Il est l&#8217;oeuvre de AT&amp;T&#8230;</p>
<blockquote><p>&laquo;&nbsp;Pogo révolutionne à lui tout seul notre façon de naviguer, de bookmarker les sites Web. On s&#8217;habitue depuis fort longtemps à la navigation avec des onglets ( tous les navigateurs s&#8217;y sont mis après Firefox ) mais là, vous pouvez oublier ces onglets, ils ont disparus, remplacés avantageusement par des Thumbnails ( petite capture d&#8217;écran ) qui se situe en bas du navigateur et qui vous permet d&#8217;un clic de revenir sur le site à l&#8217;endroit ou vous l&#8217;avez laissé.&nbsp;&raquo;</p></blockquote>
<p>Je n&#8217;ai pas encore reçu confirmation de mon invitation et ne peux donc vous en faire une présentation circonstanciée. Je vous invite donc à lire le très sérieux article qu&#8217;y consacre <a href="http://www.accessoweb.com/Pogo-Le-navigateur-visuel-selon-AT-T_a3814.html" target="_blank">AccessOweb</a>. Et en passant, je remercie <a title="Visitez le blog de l'excellentissime Laurent Goffin" href="http://www.gwix.net/index.asp" target="_blank">Laurent</a> chez qui j&#8217;ai pioché l&#8217;info. <img src='http://www.ecrirepourleweb.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>Liens rapides</p>
<ul>
<li><a title="La liste des 3 titres" href="http://ecrirepourleweb.com/?s=Appr%C3%A9hender+dynamiquement+les+textes" target="_blank">La série sur le dynamisme des textes</a></li>
<li><a title="Avec une recherche sur Muriel Vandermeulen" href="http://www.searchme.com/#/1/&amp;pi=0/&amp;q=%22muriel%20vandermeulen%22/&amp;ci=null/&amp;session=772FD117653B7267C68E8B685E6AAB8EC7C8F30B/&amp;vs=searchState/" target="_blank">Le moteur de recherche Search Me</a></li>
<li><a title="Le site en version beta (EN)" href="http://www.pogobrowser.com/beta.php" target="_blank">Le navigateur en 3D, Pogo</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/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>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/ecrire-pour-le-web-mobile' title='Écrire pour le Web mobile'>Écrire pour le Web mobile</a></li>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/mettez-du-style-dans-vos-contenus' title='Mettez du style dans vos contenus'>Mettez du style dans vos contenus</a></li>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/des-besoins-des-utilisateurs-2-comportements' title='Des besoins des utilisateurs (#2) &#8211; Comportements'>Des besoins des utilisateurs (#2) &#8211; Comportements</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/utilisez-des-tableaux-lisibilite-des-procedures4' title='Utilisez des tableaux (Lisibilité des procédures#4)'>Utilisez des tableaux (Lisibilité des procédures#4)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/outils-widgets/la-3d-navigue-sur-le-web/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Testez la lisibilité de votre blog</title>
		<link>http://www.ecrirepourleweb.com/outils-widgets/testez-la-lisibilite-de-votre-blog</link>
		<comments>http://www.ecrirepourleweb.com/outils-widgets/testez-la-lisibilite-de-votre-blog#comments</comments>
		<pubDate>Thu, 17 Jul 2008 05:20:18 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Outils & Widgets]]></category>
		<category><![CDATA[lisibilité]]></category>
		<category><![CDATA[principes rédactionnels]]></category>
		<category><![CDATA[référencement]]></category>

		<guid isPermaLink="false">http://ecrirepourleweb.com/?p=370</guid>
		<description><![CDATA[C&#8217;est la seule parade que j&#8217;ai trouvée pour compenser l&#8217;interruption douloureuse pour vous mais momentanée de la super série de l&#8217;été : comment améliorer votre contenu pour le référencement. The Blog Readability Test Parce que j&#8217;ai déjà les cigales qui me chatouillent les tympans, les neurones qui font les bagages, et le coude qui cherche [...]]]></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%2Foutils-widgets%2Ftestez-la-lisibilite-de-votre-blog"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Foutils-widgets%2Ftestez-la-lisibilite-de-votre-blog&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://ecrirepourleweb.com/wp-content/readabilitytest-2.png"><img class="alignnone size-medium wp-image-371 alignright" style="float: right;" title="readabilitytest-2" src="http://ecrirepourleweb.com/wp-content/readabilitytest-2.png" alt="" width="197" height="228" /></a><em><strong>C&#8217;est la seule parade que j&#8217;ai trouvée pour compenser l&#8217;interruption <span style="text-decoration: line-through;">douloureuse pour vous mais</span> momentanée de la <span style="text-decoration: line-through;">super</span> série de l&#8217;été : comment améliorer votre contenu pour le référencement.<br />
</strong></em></p>
<h3>The Blog Readability Test</h3>
<p>Parce que j&#8217;ai déjà les cigales qui me chatouillent les tympans, les neurones qui font les bagages, et le coude qui cherche le pastis <img src='http://www.ecrirepourleweb.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  je ne m&#8217;attarderai même pas à vanter ou à critiquer la fiabilité, les mérites, et donc l&#8217;intérêt de cet outil. Je vous le livre tout froidement. Pour vous faire passer le temps. <a href="http://www.criticsrant.com/bb/reading_level.aspx" target="_blank">Essayez-le</a>.</p>
<p>En vignette, le verdict réservé à Ecrire pour le Web: College (Postgrad). Mouais.</p>
<h2>Liens rapides</h2>
<ul>
<li>La liste des articles de mon blog sur le thème de la <a href="http://ecrirepourleweb.com/?s=Lisibilit%C3%A9" target="_blank">lisibilité</a></li>
<li>Sur le thème du <a href="http://ecrirepourleweb.wordpress.com/?s=plain+language" target="_blank">langage simple</a> (plain language)</li>
<li>L&#8217;annonce de mes vacances sur mon micro-blog <a href="http://wearethewords.tumblr.com/" target="_blank">Tumblr</a> (juste pour rire)</li>
</ul>
<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/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>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/utilisez-des-tableaux-lisibilite-des-procedures4' title='Utilisez des tableaux (Lisibilité des procédures#4)'>Utilisez des tableaux (Lisibilité des procédures#4)</a></li>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/limitez-les-niveaux-hierarchiques-lisibilite-des-procedures-3' title='Limitez les niveaux hiérarchiques (Lisibilité des procédures #3)'>Limitez les niveaux hiérarchiques (Lisibilité des procédures #3)</a></li>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/pour-ou-contre-lhyperlien-dans-les-contenus' title='Pour ou contre l&#8217;hyperlien dans les contenus ?'>Pour ou contre l&#8217;hyperlien dans les contenus ?</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/optimisez-votre-contenu-pour-le-referencement-3-titrez-intelligent' title='Optimisez votre contenu pour le référencement (3) &#8211; Titrez intelligent'>Optimisez votre contenu pour le référencement (3) &#8211; Titrez intelligent</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/outils-widgets/testez-la-lisibilite-de-votre-blog/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

