Hiérarchie (visuelle) de l’information (textuelle)

Posted on | juin 8, 2008 | 2 Comments

J’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 entonnoir. Entre micro- et macro contenu, c’est cette structure, cette hiérarchie qui va guider les lecteurs dans vos pages.

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.

Vos guides de lecture

Les titres : 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.

Les intertitres : Capter l’attention, c’est bien. La conserver, c’est mieux. L’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’ordonner les paragraphes en groupes cohérents. D’autant que les intertitres peuvent servir d’index pour des contenus longs (+ de 3 écrans).

Les accroches : 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’ils recherchent. L’accroche résume l’essentiel de votre page en 2 à 5 lignes. Elle répond aux fameuses questions « Who, what, when, why, where, how ».

Les chandelles : Il arrive de plus en plus qu’une page Web propose 2 niveaux de contenus. Ce à des fins de simplification de la langue, d’optimisation du référencement ou d’universalisation de l’information. Ces contenus doivent être simples, distincts du contenu principal, courts et faciles à balayer

Les paragraphes : Ne développez qu’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’hésitez pas à alléger vos contenus. Comme dirait Steve Krugs, « omit useless words ».

Les liens (rapides) : 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’é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.

Liens rapides

La mise en page et ses règles, un article sur le site pédagogique DismoiTIC.net
Comment organiser son contenu, un ancien article toujours pertinent de Jean-Marc
Un mien ancien article sur le légendaire « Don’t make me think » de Steve Krug (EN). Je n’ai toujours pas eu le temps de le traduire. C’est pour bientôt
Un petit outil sympa chez Laurent Goffin, qui vous montre les zones les plus visibles et donc cliquables de votre site.

If you enjoyed this post, make sure you subscribe to my RSS feed!

Comments

2 Responses to “Hiérarchie (visuelle) de l’information (textuelle)”

Max
juin 10th, 2008 @ 14:16

Article très interessant, évidemment plus facile à appliquer dans un site purement éditorial cependant. Finalement, on se rend compte qu’on est assez proche de la logique « papier »
links for 2008-06-13 | Les Giraultises blogguent
juin 13th, 2008 @ 9:08

[...] Hiérarchie (visuelle) de l’information (textuelle) « écrire pour le web J’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 entonnoir. (tags: information structuration webmaster conseil ecrire) [...]

Mon livre

"Stratégie de contenu Web" sur Amazon

Bénéficiez de -5% sur Amazon

[Témoignage] "Ce livre est un véritable manuel. Si vous ne voulez pas rater une étape de votre démarche stratégique, cochez simplement chaque titre et sous-titre du manuel après avoir suivi les (bons) conseils qui y reposent." Alexandre Martinez, fondateur de GA&C.