Après m’être étendue sur notre mode de lecture tout court, je reviens brièvement sur notre comportement de lecture à l’écran. Pour rappel, ce billet fait suite, en ricochet, à un article de Slate, que Jean-Marc Hardy et Denis Balencourt.

On ne lit pas, on balaie les pages

J’ai constaté, en préparant cet article, que j’ai déjà consacré un bon nombre de billets aux contraintes formelles de l’écriture pour le Web, dues, notamment au fait que le support de lecture est un écran d’ordinateur. Un des derniers en date m’avait été inspiré par une bonne vieille référence de l’ergonomie Web : le réputé “Don’t make me think” de Steve Krug. Qu’avais-je épinglé ? Que, précisément, on ne lit pas les pages Web, mais qu’on les scanne, on les balaie. Pourquoi ? Parce que généralement:

• Nous sommes pressés.
• Nous n’éprouvons pas le besoin de lire tout le contenu de la page.
• Notre œil est un excellent “scanner.

En images…

Je vous propose d’illustrer l’importance du visuel dans le contenu web par quelques captures d’écran. Ces exemples sont issus d’une mission de coaching pour un client. Ma tâche consiste à accompagner et former les rédacteurs amenés à revoir le contenu de leur intranet.

Soyez direct et concis

Le texte original

Le texte final

La transformation

Mon conseil : écrivez comme pense votre utilisateur : en termes d’informations (qui, quoi, pourquoi, comment, etc.). Qu’est-ce que cette assurance, pour qui a-t-elle été conçue, sous quelles conditions, etc.

Tenez compte du balayage dans la présentation de votre contenu: donnez de la saillance aux mots importants.

Structurez votre contenu

Le texte original

Le texte final

La transformation

Mon conseil : en organisant logiquement votre contenu, vous écrivez comme votre utilisateur pense. Utilisez des titres, des sous-titres et des listes pour donner cette structure. Vous facilitez le balayage.

Le tableau, contenu visuel par excellence

L’original

Le résultat final

La transformation

Mon conseil: Soyez toujours visuel quand vous rédigez pour le Web. Aux mots, préférez les chiffres, les signes et symboles universels quand vous le pouvez. Exemples:

• Ecrivez les chiffres en chiffres et non en lettres
• Préférez les V et les X au oui et au non
• Evitez les répétitions.

Sources

• New eyetrack research can help online editors (article EN)
• How do we use the Web (article EN, Steve Krug, Don’t make me think)
• How we read online (l’article de Slate, qui a instigué ce billet)
• Les conseils de Jakob Nielsen (sur son terrible site Useit.com)
• Le vu et le lu (1)
• Mon billet précédent sur Steve Krug et “Comment ne lit-on pas sur le Web”
• Retrouvez l’image sur Flickr

Je rebondis sur le billet que Jean-Marc a consacré à un récent article de Slate, inspiré par Denis Balencourt. L’article titré “How we read online” revient (étonnamment ?) sur des principes élémentaires de l’écriture sur le Web – ou devrais-je dire de la lecture sur le Web – telles que Jakob Nielsen, que l’auteur cite d’ailleurs, nous les enseigne depuis plus de 15 ans.

Dans la suite donc de ces deux billets francophones sur l’article “How we read” paru dans le magazine Slate, je propose deux billets : un premier sur notre mode de lecture “tout court” et un second, qui sortira dans le courant de la semaine, sur le mode de lecture en ligne.

Dans ce deuxième billet, je reviendrai sur quelques grandes références sur la question (Jakob Nielsen, Steve Krug, etc.) et je vous donnerai un exemple pratique. Mais procédons par procédure

De la reconnaissance formelle ou comparative à un modèle mixte…

Il serait intéressant, disais-je, avant que de commenter notre mode de lecture à l’écran, de revenir sur notre mode de lecture… tout court.

On a longtemps cru que la lecture se faisait via une reconnaissance optique de la forme des mots. D’aucuns ont priviligié le repérage sériel des lettres. Enfin, il a été question d’une identification parallèle des lettres… Revenons brièvement sur ces 3 modes de reconnaissance optique.

La reconnaissance formelle

Dans la littérature spécialisée, le plus ancien modèle de reconnaissance optique des mots prévoit que les mots sont reconnus en tant qu’unités totales [...] Nous reconnaissons les mots comme des séquences unifiées plutôt que comme la somme de lettres distinctes [...] Nous voyons ces séquences comme des images (qui nous évoquent des séquences que nos yeux ont déjà maintes fois repérées et enregistrées).

Le repérage sériel

Le modèle qui a le moins vécu est celui qui veut que nous lisons les mots lettre après lettre, de gauche à droite. Ce modèle de reconnaissance sérielle a surtout été un échec face au test de l’effet de supériorité du mot.

Ce concept d’Effet de supériorité du mot signifie que le lecteur est bien plus capable d’identifier des lettres quand elles sont mises dans un contexte (les mots) que lorsqu’elles sont isolées.

La reconnaissance par comparaison

Un 3e modèle de reconnaissance des mots repose sur un schéma de reconnaissance par comparaison (en anglais: parallel letter recognition model). Selon cette théorie, nous reconnaîtrions toutes les lettres d’un mot simultanément, et les informations contenues dans chaque lettre nous serviraient à reconnaître les mots.

Le modèle mixte

La théorie qui prévaudrait aujourd’hui est un modèle mixte : outre la reconnaissance perceptuelle (forme du mot & reconnaissance des lettres par comparaison), nous recourons aussi aux informations contextuelles pour reconnaître les mots dans le processus de lecture.

Le mouvement des yeux: entre saccades et fixations

Lorsque nous lisons, nous bougeons continuellement les yeux. Nous faisons des saccades oculaires. Entre les saccades, les yeux restent immobiles ; ce sont des fixations.

Pendant les saccades, l’œil est pratiquement aveugle. Cela signifie qu’au cours d’une saccade nous ne capturons pas d’informations nouvelle de la phrase lue par contre, il est vraisemblable que nous continuions le traitement commencé avant la saccade. L’information visuelle est donc extraite du texte pendant les fixations.

Sources

• The science of word recognition (article EN)
• Cognition et lecture, Processus de base de la reconnaissance des mots écrits chez l’adulte
• Hidden method of reading revealed
• Retrouver l’illustration de ce billet
• Le billet sur 60questions.net
• Le billet sur le blog Denis au fil du 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. 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.

En anglais, on parle de « plain language » lorsqu’on veut évoquer un langage simple. Mais qu’entend-on par langage simple ?

Si l’on se place du côté du recepteur-lecteur, un langage simple consiste à comprendre et entendre du premier coup un contenu. En ancien français « entendre » et « comprendre » pouvaient d’ailleurs tous les deux s’appliquer au domaine de l’intellection.

En d’autres termes, l’internaute doit pouvoir :

• trouver ce dont il a besoin ;
• comprendre ce qu’il trouve ;
• utiliser ce qu’il trouve pour aller à la rencontre de ces besoins.

L’enjeu est majeur car nul n’a envie de perdre son temps sur le Web à traduire les différentes difficultés que peut présenter un texte.

Un service-client

C’est une question de gain d’énergie. Ainsi, on peut voir le « plain language » comme un service-client à part entière, déterminant en termes de crédibilité et de lisibilité.

Pour les professionnels, adopter une forme simple et claire pour la communication sur le Web est directement porteur d’économie matérielle. Ainsi, on évitera toutes les demandes d’informations complémentaires : téléphone, mails, envoie de brochures etc. Ne perdons pas de vue qu’une mauvaise communication se paie toujours cash !

Conseils pratiques

Il n’y a pas de recette miracle, ni de techniques vraiment définies. Mais en bref, il faut veiller à :

• se mettre tout le temps à la place du lecteur
• organiser logiquement le contenu
• utiliser la voix active
• faire usage de phrases courtes
• faire appel à des mots communs, quotidiens
• s’adresser directement au lecteur
• disposer le texte dans un design lisible

Liens rapides

• Conseils en ergonomie
• Ecrire simplement, ce n’est pas si simple
• “Bien” écrire pour le Web
• Ce qui se conçoit clairement se dit simplement

J’ai trouvé sur Action-Rédaction un succinct billet sur les usages typographiques sur le Web… Juste une petite mention avant que de revenir vers vous sur la question de la dénomination de la home page…

Ce qu’écrit l’auteur du site…

“Les règles de typographie sont simplifiées sur Internet: accentuation, ponctuation, espaces, casse. Adopter un code typographique présente l’avantage d’uniformiser le rendu écrit et de crédibiliser le contenu en garantissant un confort de lecture à l’internaute”

Ce que j’en dis…

C’est d’autant plus vrai que l’internaute recherche harmonie et cohérence sur le Web, et, plus particulièrement, au sein de pages identiquement labellisées. C’est ainsi que j’invite souvent les clients à créer une charte éditoriale pour leurs contenus Web : quand mettre des majuscules, que faire des listes à puces, comment traiter les abréviations et les majuscules…

La bonne nouvelle, c’est que ce sont toujours les mêmes questions que l’on se pose. Donc, il suffit de prendre, une seule fois (mais cela peut durer un peu) le temps de développer cette charte. Si vous souhaitez un conseil sur le sujet, contactez-moi…

Que dit ensuite l’auteur du site ?

Accents sur les capitales

Accentuer une capitale ou non ? La seule règle est de prendre la décision de mettre un accent sur les capitales ou non et de s’y tenir.

Cependant, utiliser des accents sur les capitales permet une lecture plus facile et lève certaines ambiguïtés. Utiliser une majuscule accentuée ou non accentuée peut également être un choix stratégique de référencement : en effet, pour certains robots, la casse n’est pas respectée et « Histoire » majuscule retournera les mêmes résultats que « histoire » minuscule… mais lorsqu’il s’agit d’intégrer des mots clés dans le texte, intégrer un « Ecrire» majuscule permet d’afficher un mot clé sans accent sur le « e » sans que cela ne passe pour une faute de frappe dans le texte. Le mot « ecrire » sans accent aigu sur le « e » au milieu du texte est une faute d’orthographe..

Ce que j’en dis…

UN HOMME TUE ou UN HOMME TUÉ … L’exemple se suffit à lui-même, non ? Le code du e accentué aigu étant & E acute (sans espace entre les caractères).

Insérer une espace ? La ponctuation des signes simples et doubles

Les signes simples sont :

• la virgule “,”
• le point “.”
• les points de suspension “…”

La règle est : “signe simple, espace simple” ; l’espace se trouve après le signe.

Les signes doubles sont :

• le point-virgule “;”
• les deux-points “:”
• le point d’exclamation “!”
• le point d’interrogation “?”

Ce qu’en dit l’auteur du site…

La règle est : “signe double, espace double” (une espace avant, une espace après).

Néanmoins, sur Internet, mieux vaut ne pas intégrer d’espace pour éviter le retour à la ligne d’un élément isolé. Autre solution : ajouter un espace insécable en HTML représenté par & nbsp (à nouveau, sans les espaces).

Ce que j’en dis…

Par simplification (et par sécurité), je suggère toujours de laisser tomber les espaces insécables. D’autant que souvent, les contenus sont préparés dans un traitement de texte. Le codage des insécables n’est donc pas automatiquement assuré.

Et puis, n’est-ce pas Le Monde ou Libé qui a abandonné, il y a quelques années, les insécables même dans le format papier ? Soyons dans notre temps, dans le média et innovons

La ponctuation des parenthèses, guillemets, crochets, accolades

Laisser des espaces à l’extérieur, mais pas à l’intérieur. 2 exceptions:

• il n’y a pas d’espace entre la parenthèse finale et la ponctuation simple qui suit
• pour les guillemets à la française « », appliquer la règle des signes doubles, soit des espaces avant et après sauf s’ils sont suivis d’une ponctuation simple

Ce que j’en dis…

Voir ma bafouille sur les espaces insécables ci-dessus.

Quelle ponctuation pour les listes à puces et à numéros ?

Pour les listes, il faut laisser une espace entre le tiret et le mot qui suit ; pour terminer une liste, 2 solutions sont possibles avec une préférence pour la seconde:
1) pas de virgule à la fin de chaque élément de la liste, ni de point à la fin :

• ligne 1
• ligne 2

2) un point-virgule à la fin de chaque élément de la liste, un point à la fin :

• ligne 1 ;
• ligne 2.

Ce que j’en dis…

Par simplification (et par sécurité, à nouveau), je préconise la première solution. Cette solution est d’autant plus recommandée aux gestionnaires de contenus multilingues. Les règles typographiques varient d’une langue à l’autre. Et ces variations se ressentent pas mal dans la liste à puces.

Présentation des noms et prénoms

• écrire les initiales en capitales
• écrire les prénoms en minuscules devant le nom
• écrire les noms en (petites) capitales
• petites capitales:
  Les petites capitales sont utilisées pour donner le nom de l’auteur dans une référence bibliographique; les petites capitales peuvent être codées en définissant une taille de police inférieure au reste du texte.
  Amélie N<font size -1>othomb</font>
  Les petites capitales sont peu utilisée sur le Web.
• les titres en exposant:
  Le texte en exposant est peu utilisé sur le Web, ainsi on écrira :
  Mlle, Mme, Mlles, Mmes et non M^lle qui est une écriture très lourde.
  Idem pour les adjectifs numéraux ordinaux : 1er, 2e, 3e, etc.

Ce que j’en dis…

Je suis assez contre (à un point qui frise l’obstination) l’usage des capitales dans un contenu. Je les tolère dans des surtitres et titres de pages… A peine dans des titres d’articles. C’est dire. Donc, en ce qui me concerne, je fais fi (shame on me) des règles typographiques pour ce qui est des prénoms et des noms. il suffit de voir sur certaines pages du site public du Parlement européen pour se rendre compte de l’effet visuel de ce type de choix. Dès que sont citées plusieurs personnes dans 1 paragraphe, la lisibilité en est beaucoup atténuée.

Insertion des références bibliographiques

Plusieurs normes existent:
NOM Prénom, titre, ville, éditeur, année, autres renseignements.
ou
NOM Prénom, article, titre de revue, ville, éditeur, année, autres renseignements

Ce que j’en dis…

En général je laisse au graphiste le soin de trouver une manière soignée et web-enabled de présenter ce type de références. Je préconise les taxonomies et autres syndications pour de tels contenus. Cela donne une utilité supplémentaires à ces informations.

Acronymes

Ecrire les acronymes en majuscules, avec ou sans points :
On écrira HTML, CSS, ONU, PAM, O.C.D.E. ou OCD

Ce que j’en dis…

Parfaitement d’accord. Mais, à la première occurence de l’abréviation, selon le public cible, je donne d’abord le nom complet qui réfère à l’acronyme.

Les unités

Laisser une espace entre les chiffres et l’unité de mesure :
3,3 cm
3 000 000,00 EUR
33,3 %

Ce que j’en dis…

Dur dur, les espaces insécables sur une page Web, on l’a vu. Mais, c’est vrai que la lisibilité impose une espace. Pour les chiffres de manière générale, on suivra le conseil de Jakob Nielsen : en chiffres et pas en lettres.

Etc., et cetera, et caetera

« Etc. » n’est jamais suivi de points de suspension.

Plus d’infos ?

• Action-Rédaction… Les usages typographiques sur le Web
• Le grand déclin de la homepage?
• La homepage, la malnommée…
• Une liste des codes pour les accentués (les entités ou entities, comme disent les “Pro”, je crois)
  

Je vous recommande la lecture de Don’t Make Me Think: A Common Sense Approach to Web Usability, signé Steve Krug. C’est un grand classique, un peu daté, mais que je relis toujours avec plaisir. Je vous en laisse quelques extraits en anglais, que je traduirai plus tard, lorsque j’aurai un peu de temps:

“When we’re creating sites, we act as though people are going to pore over each page, reading our finely crafted text, figuring out how we’ve organized things, and weighing their options before deciding which link to click.

What they actually do most of the time (if we’re lucky) is glance at each new page, scan some of the text, and click on the first link that catches their interest or vaguely resembles the thing they’re looking for. There are usually large parts of the page that they don’t even look at.”

Krug de poursuivre: “if one wants to design effective Web pages, there are three facts about real-world Web use to consider:

1. We don’t read pages. We scan them.

Why? Because:

2. We don’t make optimal choices. We satisfice.

Why? Because:

3. We don’t figure out how things work. We muddle through.

Why? Because:

Les contraintes formelles (suite)

Saviez-vous que vous pouvez améliorer de beaucoup l’appréciation subjective de votre contenu Web par les lecteurs en n’agissant que sur l’aspect formel de ce contenu. Il va de soi que le fond revêt toute son importance : mon but n’est pas de privilégier la forme au détriment du fond. Mais, dans de nombreux cas, un simple “lifting”, une retouche esthétique de vos contenus, conforme au mode de lecture à l’écran, leur procure une nette valeur ajoutée.

1. Préférez un contenu de newsletter en html, pas en image.
2. Les liens non visités auront une couleur différente des liens visités.
3. Pour épouser le comportement de balayage de l’utilisateur, les images seront placées à droite.
4. Le header permettra de reconnaître directement l’expéditeur de la newsletter.
5. Le footer sera bien distingué du tronc de la newsletter.
6. De manière générale, le look & feel ne fera pas trop racoleur…

Liens rapides

• La photo sur Flickr
• Modèles de newsletters
• check-list Newsletter 1 (les contraintes fonctionnelles)
• check-list Newsletter 2 (les contraintes fonctionnelles – suite)
• check-list Newsletter 3 (les contraintes formelles)

Les contraintes formelles

Ces contraintes qui touchent à la mise en page ainsi qu’à l’appréciation visuelle de votre newsletter sont essentielles. Car, plus encore dans sa messagerie que sur la page Web, le lecteur est exigeant dans son strict mode de balayage.

• Rubricage & colonnage ; compatibilité avec les tailles d’écran.
• Lisibilité : saillance, titres, accroches, liens
• Typographie : fonte sans empattement, assez grande, sombre, justifiée à gauche, pas d’italique, pas de capitales (sauf pour les rubriques & titres), pas de souligné (sauf pour les liens)
• Fond : clair, uni
• Respect de la charte graphique du site
• Pas d’éléments animés dans le contenu ; Pas de Flash
• Limiter le nombre et la taille des illustrations

Liens rapides

• La photo sur Flickr
• Modèles de newsletters
• check-list Newsletter 1
• check-list Newsletter 2

C’est un petit jeu imaginé par mes camarades d’Hypertexte… Pascal m’a invité à tenter ma chance. Et, en cas de bons résultats (réputation oblige), à faire passer l’info. Je m’y suis donc collée. Et tant pis pour les Indiens (pour comprendre, lisez la suite)…

Vous connaissez déjà l’oculométrie, n’est-ce pas? Moi-même j’ai déjà commis quelques billets sur la question. Pour rappel, l’oculométrie est “l’ensemble de techniques consistant à capter les mouvements de l’œil, notamment à l’aide d’une caméra infrarouge, ce qui permet de déterminer les endroits où l’utilisateur pose son regard.”

L’étude Eyetrack III du Poynter Institute est considérée comme une étude de référence en la matière. Pascal et Cyril se sont plus à en faire un petit Quiz. A vous de jouer !

Comment ? Mon score ? A votre avis ? Amateur ou Pro ?

Il va de soi que ce type de célébrations est parfaitement adéquat sur le Web également. Mais… n’oubliez pas que vos utilisateurs viennent sur votre site surtout pour trouver de l’information.

Les petites lumières clignotantes, les flocons de neige et autres fonds sonores de circonstance ont tendance à les irriter (surtout quand ces petites musiques se lancent sans qu’ils aient rien demandé, à l’ouverture de la page).

A trop bien vouloir faire, ce genre de fioritures altère non seulement votre image professionnelle, mais en outre, elles ont une influence négative sur l’expérience utilisateur.

Vous voulez partager de bons ou mauvais exemples d’habillages de circonstances de pages Web ? Envoyez-moi un mail.

PS : le lien vers l’image sur Flickr. D’ailleurs, pouvez-vous m’aider à résoudre ceci : je n’arrive pas à télécharger les images Flickr (via leur adresse Web) dans mes billets. Une explication ? Un conseil ? Merci d’avance.

Au fil des projets, je constate que nombre de clients veulent alléger le contenu textuel au point de le limiter parfois plus qu’au strict minimum. “Nous en sommes au Web 2.0 désormais. Ce n’est plus le texte qui compte”… Pourtant l’internaute (et les moteurs de recherche) demandent (exigent) du texte…

Certains clients veulent des pages très légères en contenu, histoire de “rester sobres”, ne pas “étaler trop la confiture”. Ils rechignent à mettre trop de texte de peur de saoûler leurs visiteurs et brandissent pour sentence : de toute façon, vous le dites vous-mêmes : les internautes ne lisent pas…

S’il est vrai que le balayage est le mode d’appréhension par excellence sur l’écran, bien loin devant la lecture (environ 80 % versus 20 %), il n’empêche que vos visiteurs vous trouvent (via les moteurs de recherche) grâce à votre contenu accessible, et non celui des images et de vos séquences Flash.

Quelques conseils :

1. Déterminez les mots-clés sur lesquels vous souhaitez être trouvé. Attention ! Il s’agit des mots que vos internautes utilisent (ce ne sont donc pas nécessairement les vôtres).

2. Soignez le contenu de toutes vos pages. En effet, vos internautes peuvent aboutir sur n’importe quelle page. Seuls 25% environ de vos visiteurs entrent sur votre site via la page d’accueil – merci Google et consorts.

3. Faites circuler l’info, vous augmentez la popularité de vos contenus. Comment ? Si vous placez des liens pertinents sur vos pages vers d’autres sites, vous favoriserez la circulation de vos contenus et des leurs. Or la popularité est un facteur important pour les moteurs de recherche. Plus les internautes sont nombreux à juger un contenu pertinent, plus ce connu sera référencé.

4. Evitez les liens creux (“Cliquez ici”, “en savoir plus”, …) Utilisez plutôt des labels clairs pour étiqueter vos liens (lisez ce billet intéressant sur le référencement. Cela me rappelle une chronique de McGovern sur API : “Links are the grammar of the Web“.

5. Actualisez votre contenu. Comment être pertinent si votre contenu n’est pas actualisé. Imaginez la vitrine d’une boutique qui ne changerait pas tous les mois, ne serait pas réassortie, adaptée aux saisons, aux modes, etc. D’autant que l’actualisation de votre site influe sur les fréquences de visite du moteur sur vos pages et donc sur votre position dans la liste des résultats.

Vous êtes convaincu, mais pas sûr d’avoir les ressources ni les compétences pour prendre en charge ce défi essentiel du contenu ? Faites donc appel à un webwriter. C’est un métier, à part entière. La preuve : j’en suis. Vous voulez un conseil personnalisé ? Ecrivez-moi.

Encore deux mots bien français, qui sont de mise dans votre stratégie éditoriale. Les instructions de wording et de tone of voice sont au contenu Web ce que les anotations “adagio”, “vivace” etc. sont aux partitions musicales…

 

Le wording

Une des règles d’or de l’écriture pour le web consiste à utiliser un langage simple. Pourquoi ? Voici, au moins trois raisons:

1. votre utilisateur balaie le contenu de vos pages.
2. Il veut pouvoir comprendre rapidement et aisément l’info qu’il recherche.
3. Il veut sentir que vous vous mettez à sa place.

Qu’entend-on par langage simple ?

C’est un phrasé que votre utilisateur peut comprendre à la première lecture. Mais attention : un langage simple pour un utilisateur ne l’est pas nécessairement pour d’autres. Les résultats des tests utilisateurs, par exemple, ou le feed-back de vos collaborateurs, des avocats, des notaires, des universitaires, etc. – vous aideront à déterminer si votre communication est simple: simple à lire, à comprendre et à exploiter.

En savoir plus…

Le tone of voice

Les recherches et tests utilisateurs basés sur la crédibilité des sites Web le confirment: les visiteurs apprécient les sites “qui nous ressemblent”.

En termes de contenu, qu’est-ce qui va contribuer à cette identification de vos utilisateurs ? Et donc à la crédibilité de votre site ?

1. Orientez votre contenu sur l’utilisateur: donnez des informations qui le concernent.
2. Utilisez un mode d’écriture interactif : p.ex. “vous trouverez dans ces pages”, “nous vous invitons à…”, “vous avez d’autres questions?” “Cliquez ici”…
3. Remerciez-le de visiter vos pages, de remplir les formulaires, de soumettre leurs commentaires, etc.
4. Privilégiez les pages légères. Allez à l’essentiel, purgez votre contenu superflu.
5. Mettez vos utilisateurs en avant: prévoyez des “témoignages” et des avis d’experts.
6. Invitez vos utilisateurs à être actif et s’approprier votre contenu : prévoyez des call-to-actions, des liens directs, etc.
7. Mâchez la besogne de vos utilisateurs: proposez de les recontacter en un clic, créez des formulaires simplissimes.

Contenu, volume et usability

D’aucuns disent que du point de vue de l’utilisabilité, il vaut mieux ne pas créer des pages contenant moins de 200 mots. Ceci pour éviter que l’utilisateur doive naviguer d’un lien à l’autre, dans les profondeurs de votre architecture, pour obtenir l’info qu’il recherche (vraisembablement).

Il existe un petit outil en ligne, qui vous donne des infos sur la taille (en bytes) de vos pages, le volume du contenu et la part que prend le contenu dans le poids de la page…

L’outil s’apppelle GetContentSize et je l’ai testé sur ma page “A propos de ce blog“. Cela donne ceci :

On en entend parler de plus en plus, surtout dans les milieux institutionnels : j’ai nommé la simplification des contenus. En soi, qui s’opposerait à ce principe ? De là à transformer le principe en recette magique, il y a un pas, et un grand danger.

Des règles telles que limiter ses titres à 5 ou 6 mots, ses accroches à 20 mots et ses phrases à moins de 15 mots, ou encore supprimer les adjectifs et les adverbes, utiliser la voix active, appliquer une syntaxe simple de type sujet-verbe-complément, etc. ne peuvent s’appliquer à tous les contenus.

Dernièrement, j’ai proposé une check-list à télécharger pour vérifier la lisibilité de vos contenus. Il va de soi que cette check-list n’est pas un passe-partout, ni un remède universel. C’est pourquoi j’ai veillé à ne pas y intégrer ce genre de contraintes recommandations abstraites, voire absurdes.

L’utilisateur et le contexte

L’utilisateur et le contexte sont les deux éléments qui détermineront toujours votre contenu Web (je fais référence ici au contenu textuel, s’entend). Quand vous récoltez, organisez, élaborez, rédigez et intégrez votre contenu, c’est toujours à l’aune des exigences imposées par ces deux déterminants, l’utilisateur et le contexte.

Information et navigation

C’est l’autre dichotomie, directement liée à la précédente : on distingue deux types de contenus Web. A savoir le contenu informatif et le contenu navigationnel. Le rôle de ces deux types de contenu est fort différent, et partant, les règles d’écriture qui les concernent le sont tout autant.

C’est toujours en fonction de l’utilisateur et du contexte (des pages de notre site Web) que nous devons élaborer notre contenu. En fonction de nos utilisateurs, pour ce qui est du niveau de langue, du jargon, de la longueur des textes, de leur complexité, etc. Et en fonction du contexte pour ce qui est des titres, des liens, des labels de navigation etc. C’est pourquoi j’utilise souvent le terme “localisation” pour le contenu navigationnel.

Quelques billets précédents à ce sujet:

• Sur le micro- et le macro-contenu
• Les 7 péchés du contenu Web
• Nos billets “Ecrire (pour le Web) c’est”
• Ce qui se conçoit clairement, se dit simplement
• Sur la localisation du contenu Web

et deux liens extérieurs

• Ergologique
• Plain language

La lisibilité (legibility) fait référence à la mise en forme (scannability) et au contenu (readibility). Lorsque vous n’avez pas le temps de changer vos contenus Print en profondeur pour les rendre “Webfriendly”, il suffit parfois de quelques aménagements pour améliorer la lisibilité de vos contenus Web.

Voici une check-list en 30 points que vous pouvez suivre chaque fois que vous devez mettre du contenu en ligne (avec ou sans CMS).

Pour plus de détails sur les éléments qui constituent cette check-list, je vous invite à consulter ce blog en utilisant la fonction Recherche. Tous les concepts y sont déjà abordés pour la plupart.

Check-List Lisibilité

Lay-out

1. Police sans serif (Verdana, Tahoma, Arial)
2. Police de taille suffisante (10 ou 12)
3. Fond d’écran clair et uni.
4. Police sombre.
5. Pas d’italique
6. Ni titres, ni phrases en majuscules.
7. Texte aligné à gauche & Images d’illustration à droite des pages.
8. Paragraphes aérés.
9. Mots clés en gras
10. Liens visibles.

Contenu

Micro-contenu

1. Titres clairs et informatifs.
2. Titre et accroche répondent aux 5 W.
3. Premier paragraphe suivant le titre répond au titre.
4. Intertitre après 2 ou 3 paragraphes.
5. Les mots importants d’abord.
6. 1 idée par paragraphe
7. Commencer par la “conclusion”
8. Liens regroupés
9. Liens éloquents et utiles
10. Liens sous les adresses web et mail.

Macro-contenu

1. Contenu organisé logiquement
2. Contenu orienté sur l’utilisateur
3. Interaction orientée client (“vous trouverez dans ces pages”, “nous vous invitons à…”)
4. Voix active
5. Phrases courtes
6. Vocabulaire courant
7. Verbes simples
8. Aller à l’essentiel dès la première phrase des paragraphes
9. Conjugaisons simples
10. Marqueurs de temps utilisés à bon escient.

Télécharger la check-list-lisibilite.pdf (52 kO)

Je sais que dans ce billet, j’enfonce des portes grand ouvertes. Mais néanmoins, à rencontrer au jour le jour des pages Web qui ne sont absolument pas optimisées pour une lecture à l’écran, on se demande parfois s’il n’est pas bon de rappeler périodiquement les rudiments qui font notre métier. Il sera donc question aujourd’hui de balayage et donc de lisibilité.

Nous ne lisons pas de la même manière sur un écran que sur une feuille. Le grand gourou de l’ergonomie Web, Jakob Nielsen, ne cesse de le répéter : écrire pour le Web nécessite, avant même le talent d’écriture, la maîtrise de quelques règles issues des comportements de l’utilisateur face à un écran d’ordinateur.

L’internaute n’est pas un lecteur !

Nielsen a observé le trajet de l’œil sur une page en ligne. Résultat : les internautes ne lisent pas: ils “balaient” les pages. Ainsi, 79% des utilisateurs “balaient” la page contre seulement 16% qui la lisent mot à mot.

La règle des trois R

Dès lors, pour être lisibles, vos contenus Web doivent, selon le grand théoricien de la lisibilité, répondre à la règle des trois R

• Résumer
• Restructurer
• Réécrire

Résumer revient à réduire son texte de 50 % pour qu’il devienne balayable rapidement à l’écran ;

Restructurer consiste à reconstruire son texte en faisant apparaître plusieurs niveaux de lectures, soit :

• Micro-contenu et macro-contenu, ou
• Conclusion, puis développement, puis détails

Réécrire implique de s’adapter à “la voix du Web“, active, dynamique et simple : une sorte de voix entre l’oral et l’écrit.

Plus d’infos:

• Un précédent billet sur l’eyetracking
• Un autre, sur le F-Pattern cher à Nielsen
• L’article de Nielsen à ce sujet.

If U Cn Rd Ths, U Cn Mk Bg Mny

C’est ce que voit notre oeil… Mais notre cerveau, lui, comprend parfaitement la phrase If you can read this, you can make big money. Cet exemple est présenté par Gerry McGovern dans son ouvrage Killer Web Content.

Ce faisant, il veut expliquer le fait que notre oeil scanne les mots les plus importants dans le contenu Web, les carewords, comme il les appelle.

… et le “coeur”

Les carewords… C’est une approche que je préfère aussi en lieu et place du concept éculé de mots clés. McGovern de dire, à ce propos :

“Your customers have a small set of words that summarize what they care about. Find those words, and you’re half way to success… When people go to a search engine, are they more likely to type “low fares” or “cheap flights?”

Aujourd’hui, je vous propose un tour d’horizon sur les différents genres de titres qui marchent. Les deux derniers péchés du contenu Web seront donc pour la semaine prochaine puisque demain, c’est vendredi !

Il existe deux grandes catégories de titres :

• Les titres directs
• Les titres indirects

Les titres directs

Ex. : Tout savoir sur l’écriture pour le Web

Leur sens est littéral. Ils ne font pas de mystère. Ne cherchent pas la ruse ni le jeu de mot. Ils vont droit au but.

Les titres indirects

Ex. : En mal d’appât ?

Ils exploitent une voie “oblique”. Titillent la curiosité du lecteur. Posent une question auquel le contenu qui suit donne la réponse (cette règle élémentaire est encore souvent négligée). Jouent souvent sur un double sens.

Dans ces deux catégories, on distingue des sous-catégories, telles que:

• Les titres impératifs
• Les titres “à la une”
• Les titres sous forme de question
• Les titres “Comment…”
• Les titres “X bonnes raisons de”
• Les titres “témoignage”

Les titres impératifs

Ex. : Mettez de l’ordre dans vos titres !

On se souvient des pub Vitel “Buvez, éliminez” … Dans vos titres impératifs, le premier mot sera généralement un verbe qui encourage l’utilisateur à agir…

Les titres “à la une”

Ex. : “Une interview exclusive de Jakob Nielsen…”

Les titres à la une ont le chic de faire choc, en général. Pour autant qu’ils se réfèrent effectivement à un fait actuel ; qu’ils portent sur l’annonce d’un événement, un lancement de produit, un changement de stratégie, … bref un sujet d’actualité.

Ou qu’ils soient circonstanciels. Et se rapportent littéralement au contenu de la page, de la rubrique ou du site Web en question.

Les titres sous forme de question

Ex. : De quel genre, votre titre ?

Ces titres ne sont efficaces que s’ils sont “empathiques“. C’est-à-dire qu’ils posent les questions que se posent les utilisateurs et dont ils cherchent, précisément, la réponse.

Les titres “Comment…”

Ex. : Comment écrire de bons titres ?

Parmi les titres-questions, ceux-ci fonctionnent très bien. Et sur le support papier aussi d’ailleurs. Un confrère copywriter disait toujours qu’un titre commençant par “Comment…” n’est jamais un mauvais titre.

Les titres “x bonnes raisons de…”

Ex. : Cinq bonnes raisons de soigner vos titres

Autre modèle très efficace, les titres “x raisons de…” annoncent un contenu clair, généralement présenté sous la forme d’une énumération de conseils ou de caractéristiques.

Ces titres ne demandent même pas de justification : inutile donc de titrer “cinq bonnes raisons qui démontrent pourquoi il est important de soigner vos titres”.

Les titres “Témoignages”

Ex. : Ils ont testé la méthode Ecrire pour le Web

Ces titres ont l’avantage, en moins de dix mots, de présenter un article, de sous-entendre que cet article est qualitatif et d’en donner la preuve à travers le témoignage d’un utilisateur. Et cela, ça rassure vos lecteurs.

On veillera à ne pas oublier de fournir une ou deux citations dans le contenu qui suit vos titres-témoignage, pour authentifier votre intention.

Ex. : “Je lis Ecrire pour le Web tous les jours depuis deux mois. Désormais, quand je mets à jour notre page d’actualité, je perds beaucoup moins de temps, je suis plus sûr de moi”.

Alors, convaincus ?

Un troisième péché qui enfonce des portes ouvertes. Pourtant, il n’a de cesse de susciter des discussions entre partisans et détracteurs de cette recommandation élémentaire qui régit à la fois le contenu, l’accessibilité et l’ergonomie… bref la qualité générale de votre site Web : l’orthographe…

Je suis nul en orthographe…

Vous êtes nul en orthographe et votre grammaire laisse à désirer ? Dans ce cas, vous ne ferez jamais un rédacteur Web professionnel. Ecrire pour le Web est une discipline complexe. Qui demande à la fois des compétences et une expérience approfondies. Soit dit en passant, les e-mails négligés font également mauvaise impression.

Plus d’infos

• Lire le péché n°1
• Lire le péché n°2
• Accéder au site de Gerry McGovern
• Clin d’oeil chez Jean-Marc Hardy
• La citation en anglais :

I can’t spell and I’ve awful grammar
If you can’t spell and you’ve awful grammar, you’re not going to make it as a business writer. Take up avant garde fiction, but forget about writing for the Web. Good web writing is difficult. It requires a lot of skill and experience. Also, sloppy emails create a very bad impression.

Une petite note d’humour aujourd’hui. Eh oui, à chaque révolution, l’écriture a secoué l’homme… On n’a pas fini d’en voir (et d’en lire)… Attention : cette vidéo s’adresse aux lecteurs comprenant l’anglais… ou le danois

This content in English

Les deux, mon général !

Le débat est fréquent : les textes pour le Web doivent-ils, oui ou non, être courts ?

La formule consiste à diviser votre contenu papier par deux, disent certains. En d’autres mots, un A4 donne un A5 sur le Web (façon de parler, bien entendu). Tout dépend du projet, du site Web, de la stratégie de communication, de l’audience, disent d’autres. En fait, il n’y a pas de règle universelle, une fois de plus.

Qu’en dit l’utilisateur ?

Précisément, celui-ci semble avoir changé d’attitude ces dernières années face au défilement vertical (scrolling) des pages Web. Qui dit défilement, dit page (plus) longue, vous l’aurez compris. S’il n’appréciait pas trop la manœuvre avant (jusqu’en 2000 plus ou moins), il s’y est aujourd’hui bien accoutumé. Par ailleurs, il est vrai que les pages Web ont pas mal augmenté en taille.

Même si la technologie a évolué, que le contenu multimédia et interactif est venu se mêler au texte, certaines ficelles sont (restent) précieuses pour augmenter le taux de lecture de vos pages (longues).

Quelques rappels

Publiez d’abord la conclusion, puis le développement et la conclusion (bref, la fameuse pyarmide inversée). Votre contenu principal doit rester concentré sur le haut de la page (au-dessus du pli). Un exemple…

Badie

Avant les internautes ne lisaient pas les pages trop longues. Ils n’utilisaient pas non plus volontiers la fonction de défilement vertical. Avec l’évolution du Web, ils ont eu tendance à modifier leur comportement. Si bien qu’aujourd’hui, ils sont plus nombreux à faire défiler verticalement le contenu web qu’ils consultent.

Goodie

Les internautes utilisent aujourd’hui plus aisément la fonction de défilement sur les pages Web. Ils se sont sans doute adaptés aux évolutions du Web. Il est vrai que les pages tendent à être plus longues qu’avant.

Habillez vos pages. Prévoyez des sections à l’aide de titres et d’intertitres, faites des listes à puces (bullets), graissez les mots clés, mettez les citations en exergue, espacez vos paragraphes…)

Utilisez des hyperliens pour sectionner de trop longs contenus en plusieurs pages.

Quelques précisions

Puzzlavie publiait dernièrement un billet en citant un de mes anciens articles (de mon ancien blog) sur la lisibilité. J’y écrivais que l’internaute n’aime pas les longs contenus. En fait, jusqu’il y a peu, je soutenais encore que cela était vrai. Les chiffres sont aujourd’hui trop nombreux pour ne pas me faire fléchir.

Pour des chiffres précis sur l’utilisation de la fonction de défilement et sa fréquence sur les sites Web, voir le blog de ClickTale (en anglais) et ce billet de Jean-Marc Hardy.

Short or long content ? There’s no absolute rule

In order to determine the best way to display large amounts of information on the web, several studies were conducted to compare paging versus scrolling. For text content, paging was found to be slower but it did not result in comprehension differences or overall preference over scrolling conditions.Even if scrolling is more common used today, there are still some rules to apply to facilitate the reading of web content. Those are, for example:

• Be succinct: write no more than 50% of the text you would have used in a hardcopy publication
• Write for scannability (titles, subtitles, bullet lists, short text blocks, …)
• Use hypertext to split up long information into multiple pages

You can read this post in English here

Merci à Aimzon qui m’a inspiré ce billet… Vous verrez au bas de cet article comment. Oui au bas de cet article. Sinon, vous allez tout de suite cliquer sur le lien du blog d’Aimzon, et comme elle écrit bien, et qu’on a envie de butiner entre ses billets comme une abeille gourmande de pollen, vous ne reviendrez plus chez moi. Z’avez qu’à prendre l’ascenseur si vous voulez vous rendre directement sur la case à Aimzon.

Notons, au passage que c’est aussi une règle de l’écriture web, tiens : ne pas flanquer ses liens d’entrée de jeu. Imaginez un peu que la deuxième porte que vous ouvrez après l’entrée principale de la banque, avant les guichets donc, soit une boutique Chanel, ou une librairie spécialisée, ou un snack italien, ou un musée Picasso, ou …bref, vous avez compris… ?

Simple ou… plain in English

Une des règles d’or de l’écriture pour le web consiste à utiliser un langage simple. Pourquoi ? Voici, au moins trois raisons:

1. votre utilisateur balaie le contenu de vos pages.
2. Il veut pouvoir cerner rapidement et aisément l’info qui lui convient.
3. Il veut sentir que vous vous mettez à sa place.

En anglais, on parle de plain language lorsqu’on veut évoquer un langage simple. J’en profite pour vous signaler que cet article figure en anglais au bas de cette page. C’est nouveau, oui, ça vient de sortir. Voir mon billet précédent.

Qu’entend-on par langage simple ?

C’est une communication que votre public peut comprendre à la première lecture. Mais attention : un langage simple pour un utilisateur ne l’est pas nécessairement pour d’autres. Votre contenu est considéré comme rédigé dans un langage simple dès votre public peut:

• trouver ce qu’il recherche;
• comprendre ce qu’il a trouvé;
• et utiliser ce qu’il a trouvé pour satisfaire à son besoin.

L’utilisateur (n’oubliez pas que nous sommes tous des utilisateurs) ne veut pas perdre son temps à “traduire” du contenu Web difficile et dense. En d’autres mots, lorsque vous utilisez une communication simple, vous épargnez le temps et l’argent de votre utilisateur. C’est une forme de service à la clientèle, qui réduit l’écart entre vous et votre public.

Les avantages du langage simple

Utiliser un langage simple veut dire que vos utilisateurs:

• comprennent rapidement votre contenu
• vous téléphoneront moins pour recevoir de plus amples explications
• feront moins d’erreurs lorsqu’ils rempliront les formulaires
• rempliront plus aisément et plus vite les exigences que vous demandez.

Au contraire, si vos visiteurs ne comprennent pas votre contenu, il y a beaucoup de chance que vous deviez:

• prendre le téléphone plus souvent,
• écrire des lettres ou des mails d’explications,
• envoyer une brochure ou un catalogue,
• etc.

Comment écrire simplement?
Très brièvement, écrire simplement consiste, entre autres, à:

• organiser logiquement votre contenu en pensant à votre utilisateur;
• opter pour un mode d’interaction orienté client, c’est-à-dire le “vous”;
• écrire à la voix active;
• faire des phrases courtes;
• utiliser un vocabulaire courant.

Mais il n’existe pas une seule technique éprouvée pour écrire en langage simple. C’est davantage les résultats – des tests utilisateurs, par exemple, ou le feed-back de vos collaborateurs, clients et prospects- qui déterminent si votre communication est simple: simple à lire, à comprendre et à exploiter.

Pour conclure, nous dirons que pratiquer le langage simple, c’est être conscient du coût total énorme d’une communication pauvre. Et si le procédé n’est pas simple, il est en revanche payant. Nous le verrons prochainement.

Nos sources :

• Ergologique
• Plain language, le site gouvernemental des Etats-Unis pour l’application du plain language dans les institutions
• Le blog d’Aimzon donc. Soit dit en passant, on constatera dans ce billet qu’Aimzon parvient à défier toutes les règles de l’écriture web mais qu’on lit son article jusqu’au bout… Effet blog ? Bonne plume ? Ou les deux ? A moins que ce ne soit parce qu’elle utilise un langage simple… Quoique. Jugez plutôt en lisant ce passage de son billet:

“Evitez les mots inutiles, évincez les termes techniques, éliminez le jargon, les régionalismes, les clichés”. Toutes ces règles, vous les avez là, c’est la première méthode, celle qui dit oui, affirme et interdit. La seconde, elle dirait avec un peu plus d’ironie : “souquons !” Et oui, “souquer”, un régionalisme, un jargon, un cliché, qui signifie : “busions !!!” ou encore “pinsons !” Quelle poésie, pinsons pour pensons, busions pour pensons, souquons pour pensons… Quand je pense qu’on a trois mots en ch’ti pour dire “penser” ! Quin je souque qu’on avio tros mots en ch’ti pour busier…”

You can read this post in English here

Clear Thinking and Plain Language

You know that one of the golden rules of writing for the web is, as you know, using a simple langage. Why ? At least for those three reasons :

• your user scans your pages content
• he wants to quickly understand the information he looks for
• he wants to feel you think as he thinks

In English, another way to refer to simple language is “Plain Language“.

Plain language is communication your audience can understand the first time they read or hear it. Language that is plain to one set of readers may not be plain to others. Written material is in plain language if your audience can:

• Find what they need;
• Understand what they find; and
• Use what they find to meet their needs.

Users (and we are users too) don’t want to waste a lot of time “translating” difficult, wordy Web content. Plain-language communication saves our time and money. It’s a form of customer service that reduces the burden you place on the public.

The advantages of plain language

Plain language means your readers

• can understand your content more quickly
• won’t call you so much for explanations
• will make fewer errors filling out your forms
• will comply more accurately and quickly with requirements.

On the contrary, if your users do not understand your content, there’s a bigger probability that you will have to:

• Answer phone calls
• Write explanatory letters or mail
• Send a brochure or a catalogue
• Etc.

In brief, writing your content in plain language consists, e.a., of:

• Logical organization of your content, with the reader in mind
• Opt for a interactive way of communicating, by using the “you” and the “we” pronouns
• Active voice
• Short sentences
• Common, everyday words

No one technique defines plain language. Rather, plain language is defined by results— the user tests results, or the feed-back given by your co-workers, clients and prospects : it is easy to read, understand, and use.

In conclusion, practising plain language communication is being conscious of how high amounts the total cost of poor communication. Writing in plain language is not simple, but it pays off in positive results. We’ll see that later…

Sources :

• Ergologique
• Plain language

Imaginez que les titres et les liens sont équivalentes à des portes dans le monde physique … Vous devez donner une description claire et concise de ce que votre visiteur va découvrir en ouvrant la porte – en cliquant sur le titre ou le lien.

C’est la même logique que pour les icônes. Vos icônes, censées figurer ce qui se cache derrière les portes qu’elles représentent, doivent avoir le sens le plus universel et le plus éloquent. Je me suis déjà retrouvée devant des portes de W.C dans des endroits publics où les pictogrammes étaient tellement “stylés” que je n’étais pas sûre de ne pas me tromper en ouvrant la porte que je pensais m’être destinée.

Une fois que votre visiteur ouvre la porte, il doit directement trouver la “thématique” de la pièce. Si l’utilisateur ouvre une porte sur laquelle est écrit Pharmacie homéopathique, il doit pouvoir trouver de l’hépar sulfur ou de l’échinacéa au comptoir. S’il trouve aussi des produits allopathiques, on ne s’étonnera pas que le pharmacien ne fasse pas un bon chiffre dans ce créneau – puisque cette part de son activité n’est pas indiquée sur sa porte !

Cela vaut aussi pour votre contenu : votre utilisateur, quand il a cliqué sur le titre, doit tout de suite cerner le sujet. Tout le sujet.

Cela vous semble évident et vous pensez le faire déjà. Et pourtant, la règle est tellement sensible qu’elle peut, à deux ou trois mots près, être transgressée sans que vous le sachiez. Pour m’expliquer, j’ai pris un exemple – très – fort, je l’admets. Produit par un utilisateur lambda – d’e-Bay, en l’occurence -, on excusera plus aisément l’erreur. Et je ne soulèverai pas la question de l’orthographe.

Il va sans dire que, sur e-Bay, le titre en soi est attirant. Sauf qu’on ne sait pas, précisément, ce qui est à donner. L’utilisateur curieux clique sur le titre et trouve ceci :

On a tout de même fortement l’impression, sur le vif, que la personne veut donner sa petite fille de 2 ans et demi, qui grandit très (trop ?) vite !

Si cette femme avait agencé son contenu en respectant la pyramide inversée*, cela aurait donné ceci (et nous aurait moins effrayés) :

———————————————————————————————

à donner :

Linge fillette taille 18 mois. A venir chercher à mon domicile : adresse, etc.

Ma petite fille de 2 ans et demi grandit tellement vite que ses vêtements deviennent vite trop petits. Elle n’a donc pas le temps de les user. Ils sont dans un état impeccable (Cette phrase accessoire confère néanmoins à l’annonce le caractère de convivialité que l’utilisateur apprécie sur e-Bay. De plus, en ajoutant que le fait que sa petite fille grandit vite assure le bon état des vêtements, on comprend – enfin – pourquoi cela valait la peine d’être mentionné).

Bonne journée à tous,

Nathalie, la maman de Jennyfer.

———————————————————————————————

La pyramide inversée

La pyramide inversée correspond à la forme et la structure de votre contenu. Le squelette de votre contenu doit respecter la structure suivante : le contenu le plus pertinent et éloquent d’abord, le développement, les informations complémentaires et détails en dernier lieu.

Pour une illustration de la pyramide inversée, tapez “pyramide inversée” dans la fenêtre de recherche de Google Images.

L’important dans votre communication internet c’est de parler (oui, parler) dans une langue simple. Nous vous l’avons déjà dit, et nous vous le dirons encore …

L’exemple que j’utilise toujours (voyez la page “à propos de ce blog” dans la navigation) est le suivant : sur votre site grand public réservé aux désinfectants, quel ton allez-vous prendre : celui du pharmacien ou celui du chimiste ?

Parfois, même, pour faire court et aller droit au but, on peut utiliser d’autres modes de contenu : un graphique, une vidéo, un fichier audio, un wizard… ou un dessin !

http://www.webcredible.co.uk/webcreds/episode7.shtml

N’oubliez pas d’actualiser vos informations. Surtout lorsque votre site dispose d’une page… Actualités ! Cela vous coûtera moins cher que de perdre un client (potentiel).

Au rayon frais de votre supermarché, si vous trouvez des articles périmés, vous tournez instantanément les talons, voire vous vous plaignez à la direction…

Que pensent les internautes selon vous lorsque vous leur proposez une rubrique Actualités périmé

Exemple # 1

Sur sa page d’accueil, le site des Socialistes de Silly souligne son dynamisme et assure le visiteur de sa mise à jour régulière.

Or on constate, à la date de publication du présent billet, que sur cette page Actualités, la dernière info date d’octobre 2006…

Exemple # 2

Une mesure de sécurité consiste à dater les dernières et prochaines mises à jour de votre page Actualités… Avec le risque de faire lambiner vos visiteurs dans l’intervalle… Surtout quand cet intervalle pèse un mois et qu’il n’y a, à part cette info, pas d’autre “actualité” sur votre page Actualités.

Exemple # 3

Vous êtes tellement sensible à cette exigence d’ergonomie que vous truffez votre page Actualités d’actualités… qui n’auront pas lieu avant un bon bout de temps…