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

Étiquettes : hypertexte, microcontenus, titres

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. (lien indisponible)

Par: Muriel Vandermeulen

Expérience Utilisateur

Fondatrice de @wearethewords. Éditrice de @ellesfontduvelo & @ecrirepourleweb. Marketing & Contenu. <3 les mots, les rituels, le citron et la bicyclette!