Comment écrire des contenus Web lorsqu’il s’agit de promouvoir une marque? Quelles sont les spécificités de l’écriture Web axée marketing? Quelques conseils.

Le rédacteur Web, chercheur en « branded ADN »

Lorsqu’il s’agit de « vendre » une marque en ligne, les spécificités de l’écriture Web visent surtout le positionnement éditorial.

Il s’agit pour le rédacteur Web de comprendre les besoins et demandes des communautés visées par l’annonceur, de développer des “expériences éditoriales”, c’est-à-dire des histoires singulières, utiles. Ces histoires ou expériences éditoriales seront « brandées » dès lors qu’elles intègrent l’ADN de l’annonceur: sa philosophie d’entreprise, sa manière de relation client, ses messages clés, les atouts de son offre et les caractéristiques de sa demande, sa stratégie de vente, etc.

C’est quoi l’ADN de l’annonceur?

Pour définir l’ADN des marques pour lesquelles on produit des contenus, il suffit de se poser ces questions:

• quel est notre signe distinctif, à nous PME, association, grand groupe, concurrent de X et Y, etc. ?
• pourquoi nos clients nous font-ils confiance?
• en quoi sommes-nous vraiment, vraiment bons?

Même une petite entreprise peut être leader dans un service, une façon d’être en relation avec ses clients, ou de vendre un produit courant…

Après, tout est question de “storytelling”. Comment le rédacteur Web va-t-il raconter cette histoire. Et c’est là qu’interviennent 3 fondamentaux, trop souvent négligés aujourd’hui au profit de la seule stratégie de marketing: à savoir, l’ergonomie éditoriale.

L’écriture Web, ce sont 3 fondamentaux en amont

Rédiger pour Internet repose, de manière générale, sur trois types de fondamentaux : rédactionnels, formels et fonctionnels. Le rédacteur Web doit:

1. écrire pour toutes les cibles de l’annonceur, en utilisant leur vocabulaire
2. adapter ses contenus à l’écran: être lisible et compenser la dématérialisation des contenus
3. tenir compte des contraintes techniques de l’interface pour laquelle il produit ces contenus (CMS, CSS, métadonnées, etc.)

Vous retrouverez ces notions plus largement explicitées dans une interview qui m’a été proposée par Olivier Caussin, publiée sur le blog de PR Rooms.

Sur le même sujet

• Variez les niveaux de lecture et d’écriture sur vos pages Web
• L’html pour les rédacteurs Web
• Utilisez l’interaction (Lisibilité des procédures #5)
• Utilisez des tableaux (Lisibilité des procédures#4)
• Conversation Marketing ou Content Marketing ?

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’oriente plus facilement sur la page et distingue, en un clin d’oeil, les différentes unités d’information. Explications…

Il existe de multiples moyens de diversifier les niveaux de lecture à l’écran. Titraille, entrefilet, chapô, contenu riche, chandelle, encadré, … Fond et forme gagnent à être traités en plusieurs couches sur un support où la dématérialisation et la déterritorialisation de l’information en freinent le processus d’acquisition.

Lorsque les audiences ciblées sont, toutes ensemble, plus ou moins expertes et, ou concernées par l’ensemble des informations contenues sur la dite page, cette méthode de présentation par couches et types d’informations est encore plus prometteuse.

Du fond et de la forme

Réservez le centre de la page à la cible la moins experte et consacrez, par exemple, une zone de seconde lecture – dans un tronc droit interne au bloc de contenu – 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.

Utilisez aussi les encadrés, chandelles et autres entrefilets pour détailler un point spécifique, destiné à ceux qui ont besoin d’approfondir un sujet. Ces aides à la lecture permettent aussi d’offrir un autre angle, plus encyclopédique, technique, statistique, ludique, en donnant par exemple un chiffre ou une information « choc ».

Au niveau de la forme, 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’article que j’ai dédié à la charte graphique et la feuille de style. J’y proposais un modèle de feuille de style que vous pouvez télécharger (pdf, 244 Ko).

Sur le même sujet

• Combien de signes pour mes titres, chapô, paragraphes, etc.
• Utilisez des tableaux (Lisibilité des procédures#4)
• Ecrire simplement, ce n’est pas si simple
• Les titres… question de genre
• Travailler la forme et le fond (suite)

Vous écrivez des contenus en ligne et trouvez souvent, une fois qu’ils apparaissent à l’écran, qu’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… Avec, à la clé, un gabarit : n’hésitez pas à le télécharger!

Mise en forme et relief

La mise en forme de vos contenus Web contribue énormément à leur lisibilité. C’est même un des principes fondamentaux de l’écriture Web, qui nécessite d’adapter ses contenus au média (oui, le Web est un média, et pas seulement un support de publication).

Ce travail d’adaptation vise à exploiter de manière optimale les caractéristiques de la lecture à l’écran, le potentiel de l’hypertexte, la profondeur des pages, etc.

Les 3 grands principes de l’écriture Web

J’ai coutume de distinguer 3 grands axes dans ce travail d’adaptation : les principes rédactionnels, les principes formels et les principes fonctionnels. L’aspect formel, qui nous intéresse ici, porte sur le rendu – la mise en page – des contenus.

Pour faciliter le balayage des pages (propre aux lecteurs pressés que nous sommes), il convient de structurer visuellement ses textes, de les organiser de manière à faire ressortir la hiérarchie, les types et les unités d’information.

Voici quelques styles que vous pourrez demander d’intégrer au graphiste, designer ou webmaster dans les CSS (feuilles de style) de votre CMS (système de gestion des contenus):

• des titres de 3 à 4 niveaux à l’intérieur du texte, pour bien mettre en relief ses principales unités informationnelles et leur hiérarchie;
• des paragraphes de contenu « simple« , dotés d’un interligne confortable et d’un espacement suffisant jusqu’au paragraphe suivant;
• des paragraphes du type chapô, utilisés surtout pour les introductions, accroches et autres micro-contenus destinés à donner rapidement une idée de l’essence du contenu;
• trois formats d’hyperlien (« vierges », survolés et visités), de sorte que le lecteur puisse directement identifier les liens, mais aussi savoir s’il les a déjà « utilisés »;
• des listes à puces de deux niveaux, pour structurer clairement les énumérations et en faciliter la lecture ;
• les icônes pour revenir en haut de la page, qui seront utilisées en associations avec les ancres (liens internes) ;
• un style pour les citations, qui permet de mettre en relief un témoignage, un « contenu utilisateur », généralement très valorisés par les lecteurs;
• et quelques styles pour des tableaux de contenu, car les tableaux sont un excellent moyen de présenter certains types de contenus, comme des consignes, des comparaisons de produits, etc.

A propos des CSS

Le langage CSS (Cascading Style Sheets) est donc utilisé pour définir les styles qui seront utilisés sur votre site, c’est-à-dire le rendu, l’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.

Aller plus loin

• Les principes rédactionnels
• Les principes formels
• Les principes fonctionnels
• L’html pour les rédacteurs Web
• Utilisez des tableaux (mis à jour)
• Téléchargez la « feuille de styles » (pdf, 244 Ko)

Sur le même sujet

• Typographie et Web
• Variez les niveaux de lecture et d’écriture sur vos pages Web
• Utilisez des tableaux (Lisibilité des procédures#4)
• Le vu et le lu (1)
• Appréhender dynamiquement les textes (3/3)

Ce n’est pas parce qu’on est rédacteur Web qu’on est un as de l’html. Je sais de quoi je parle. Pourtant, il nous arrive à tous de devoir, un jour ou l’autre, mettre les mains dans le cambouis – lisez: intégrer du texte dans un éditeur html. Voici donc quelques codes html essentiels au webwriter.

Langage et balises

Pour rappel, HTML est un langage de balisage qui permet d’écrire de l’hypertexte. Les balises sont des marqueurs ou commandes HTML constitués d’une directive. Encadrée par les signes inférieur à (<) et supérieur à (>), cette directive permet de mettre en forme le texte, et indique au navigateur Web comment doit être affiché le document concerné.

Généralement, il y a 2 balises:

1. La balise ouvrante indique à partir de quel endroit la directive doit être prise en compte : <p>.
2. La balise fermante précise à quel endroit la directive prend fin : (</p>).

Rudiments de vocabulaire

Nous vous proposons ci-dessous quelques balises particulièrement intéressantes pour optimiser vos contenus Web.

Ci-dessous, les balises sont mises entre parenthèses pour éviter leur mise en forme.

Les titres

Il y a 6 niveaux de titres en html : de h1 à h6, h1 correspondant à la typographie la plus grande et h6, la plus petite. Ainsi, vous placerez vos titres de premier niveau entre les balises (<h1>) et (</h1>).

Utilisez des titres pour

• organiser votre information,
• hiérarchiser visuellement vos contenus,
• créer de la saillance,
• permettre un balayage facile.

Le gras

Le gras est indiqué par les balises (<strong>) et (</strong>) ou (<b>) et (</b>). Ces balises sont intéressantes pour mettre vos mots-clés en évidence. De cette manière, ils ont une meilleure saillance et sont plus facilement repérables dans le texte.

Utilisez le gras pour

• mettre vos mots-clés en évidence (qui n’apparaissent pas déjà dans votre titre),
• faire ressortir les concepts et mots qui comptent dans vos pages
• créer de la saillance,
• permettre un balayage facile,
• aider au référencement.

Les listes à puces

Les balises utilisées pour créer une liste à puces sont : (<ul>)(<li>)(</li>)…(<li>)(</li>)(</ul>). Utilisez le (<ul>) pour ouvrir la liste, le (</ul>) pour la fermer et les (<li>)(</li>) pour créer les lignes de votre liste.

Utilisez les listes à puces pour

• mettre une énumération en évidence,
• organiser et structurer vos contenus
• créer de la saillance,
• permettre un balayage facile,
• aider au référencement.

N’exagérez pas dans vos énumérations : ne dépassez pas 6 à 7 lignes, regroupez logiquement les éléments de vos listes et évitez les répétitions dans les premiers mots de vos lignes.

Les hyperliens

(<a href= »http://www.wearethewords.com »>We are the words a un nouveau site Web ! (</a>) est la syntaxe de la balise utilisée pour indiquer un hyperlien. Dans cette structure, l’adresse elle-même est invisible pour l’utilisateur, qui ne voit que la mention « We are the words a un nouveau site Web ! ».

Utilisez les hyperliens pour

• permettre la navigation interne dans une longue page (via les ancres),
• donner plus d’informations à l’utilisateur (en lui suggérant, par exemple, d’autres ressources via une série de liens du type « En savoir plus »)
• favoriser le côté « acteur » de l’internaute. L’internaute est un utilisateur ; une page Web sans hyperlien n’est donc pas une page Web optimisée en termes d’utilité, d’utilisation et d’action.
• aider au référencement.

Vous veillerez à regrouper les hyperliens en bas de la page ou sur le côté lorsque les pages en comptent beaucoup. Vous veillerez également à toujours prévoir un « titre » pour votre hyperlien (ici : We are the words a un nouveau site Web) plutôt que de fournir l’adresse web « en dur ».

Les paragraphes

Les balises de paragraphe sont (<p>) qui se place avant la première lettre du paragraphe et (</p>) à la fin du paragraphe.

Utilisez les paragraphes pour

• « aérer » vos pages Web,
• « découper » l’information en paquets de 2 à 3 idées max. pour s’adapter à la « capacité d’appréhension immédiate » de l’internaute
• organiser son information par thèmes.

Vous n’hésiterez pas à prévoir un titre tous les 2, 3 paragraphes pour que l’internaute suive le développement. Vous veillerez à placer les éléments les plus informatifs dès le début des paragraphes. De cette manière, si, à la lecture de la première phrase, l’utilisateur ne se sent pas concerné par tel paragraphe, il pourra passer directement au paragraphe suivant. Cela lui permet de parcourir une page en diagonale et d’évacuer directement les éléments qui ne l’intéressent pas.

Le saut de ligne

La balise « saut de ligne » est une mono-balise (elle fonctionne seule, sans balise ouvrante). Le marqueur est  (<br />). Il se place en fin de la phrase, avant celle que vous souhaitez forcer de passer à la ligne.

Utilisez le saut de ligne pour

• réduire la largeur de vos textes. Une ligne de texte à l’écran doit faire env. 60 à 100 ca pour être lue confortablement.
• corriger visuellement un bloc de texte trop confus sans alignement à droite. En général, un texte à l’écran n’est pas justifié, mais seulement aligné à gauche. Parfois, il convient de « tricher » un peu la présentation, notamment, des listes à puces ou paragraphes pour que le balayage de la page reste facile.

Petit bonus

En début d’article, j’ai utilisé la balise Acronyme pour expliquer le sigle HTML. Son marqueur est (<acronym title= »HyperText Mark-up Language »>HTML(</acronym>).

Poursuivre votre lecture

1. Sur les contraintes formelles de l’écriture Web
2. Sur les contraintes fonctionnelles de l’écriture Web
3. Sur le référencement

Vous êtes rédacteur Web ? Avez-vous acquis le langage HTML ? Quelles sont les balises que vous utilisez le plus ?

Sur le même sujet

• Rédaction Web et brand content: tout est dans l’ADN!
• Ecrivez pour l’internet mobile
• Promener l’utilisateur au bout de vos liens
• Ringarde, la blogoliste?
• Comment Google peut détecter les « mauvais » contenus?

Tout est dans le « vous ». Adressez-vous directement à votre utilisateur lambda lorsque vous lui donnez des explications écrites en ligne.

Cette approche directe transforme des déclarations ou des faits vagues et passifs en instructions beaucoup plus parlantes : « Le plan doit être suivi (par qui ?) » devient « Vous devez suivre le plan » ou «  Suivez le plan ».

Adressez-vous à un seul lecteur. Bien que votre procédure s’applique à des milliers de personnes, seule l’une d’entre elles lira votre texte à la fois.

Voici quelques façons de jouer sur l’interaction :

• Utilisez une section « Définitions » ou « Qui cela concerne » ou « Êtes-vous concerné? » pour identifier le « vous ».

« Vous êtes cadre supérieur. »

• Utilisez des titres directs, sous forme de questions, par exemple

« Comme contractant, puis-je… ? »

• Répondez directement au titre – dès les premiers mots donc.

« Qui doit suivre cette réglementation ? Vous êtes une institution publique. Cette règlementation s’adresse donc également à vous…»

• Pour annoncer un nouveau « vous », utilisez un titre ou la formule « Vous êtes… ».

Dans le secteur privé, à qui s’applique la loi du 10 avril 1971 sur les accidents du travail ?

(a) Toutes personnes assujettie à la Sécurité Sociale.

Si vous êtes assujetti à la sécurité sociale, …

(b) Certaines personnes non assujetties à la Sécurité Sociale.

Vous êtes étudiant jobiste, travailleur occasionnel ? La loi du 10 avril 1971 sur les accidents de travail s’applique aussi à certaines personnes non assujetties à la Sécurité Sociale.

Liens rapides

• Utilisez des tableaux (Lisibilité des procédures # 4)
• Limitez les niveaux hiérachiques (Lisibilité des procédures # 3)
• Optez pour des titres attractifs et informatifs (Lisibilité des procédures # 2)
• Créez un index de vos contenus (Lisibilité des procédures #1)
• L’introduction à la série “Optimisez vos procédures en ligne”
• Un ancien billet sur les titres…
• Contenu préventif, interactif et instructif

Sur le même sujet

• Utilisez des tableaux (Lisibilité des procédures#4)
• Rédaction Web et brand content: tout est dans l’ADN!
• Variez les niveaux de lecture et d’écriture sur vos pages Web
• Le vu et le lu (1)
• Appréhender dynamiquement les textes (3/3)

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’est imposé par sa simplicité, du moins apparente, et son efficacité. C’est également le cas sur le Web, où ils s’adaptent parfaitement aux besoins de structurer et hiérarchiser visuellement les contenus.

Un gain de confort, de vitesse et de compréhension

Les études pratiquées en sciences cognitives indiquent qu’entre 60 et 80 % de l’information traitée par notre cerveau est d’origine visuelle. Les tableaux permettent d’organiser et de classer visuellement les informations de manière à en faire ressortir la structure et la hiérarchie.

Cette organisation de l’information, et la rapidité de consultation qu’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.

Sur une page Web, les tableaux sont également d’une grande aide pour présenter simplement des relations complexes, par exemple, pour  mettre en forme des contenus répondant au schéma informationnel « Si… alors ». Ce mode de présentation aide aussi bien le rédacteur que le lecteur. En effet, le tableau offre un classement « à tiroir » (étapes, conditions, choix, prix, documents, liens externes, etc.), le tout sous un modèle efficace visuellement.

Exemple:

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.

Liens rapides

• Un exemple du même type dans un précédent billet
• La photo sur Flickr
• Limitez les niveaux hiérachiques (Lisibilité des procédures # 3)
• Optez pour des titres attractifs et informatifs (Lisibilité des procédures # 2)
• Créez un index de vos contenus (Lisibilité des procédures #1)
• L’introduction à la série “Optimisez vos procédures en ligne”

Sur le même sujet

• Variez les niveaux de lecture et d’écriture sur vos pages Web
• Utilisez l’interaction (Lisibilité des procédures #5)
• Le vu et le lu (1)
• Appréhender dynamiquement les textes (3/3)
• Appréhender dynamiquement les textes (2/3)

Lors de la soirée e-criture de vendredi dernier, j’avais promis de vous communiquer ce petit outil mis en place par mes amis de Hypertexte pour tester le rendu de vos micro-contenus pour les téléphones mobiles.

Tanguy De Lestré, spécialiste développement mobile chez Agoria a évoqué la question de la rédaction pour les téléphones portables (iPhone, Blackberry et autres téléphones intelligents).

Interactivité, modularité, géolocalisation… L’avenir des micro-contenus se jouerait bientôt définitivement sur le téléphone mobile. Autant s’y préparer quand on est dans le webwriter, le journalisme électronique ou tout autre métier de l’écriture pour les médias électroniques…

Faites la simulation sur Hypertexte…

Liens rapides

• Les premiers magazines belges féminins sur mobile (communiqué de presse, 1er juillet 2008)
• Libération Expresso, les micro-contenus du quotidien français pour l’iPhone
• Quel contenu pour l’Internet mobile, un article de Jean-Marie Le Ray (fin 2007)
• The First Ladies Female Mobile Network
• e-criture, association professionnelle francophone des métiers de l’écriture web
• Plug & Play Mobile Solutions pour les agences Web

Sur le même sujet

• Rédaction Web et brand content: tout est dans l’ADN!
• L’html pour les rédacteurs Web
• Marketing éditorial et stratégie de contenu Web: prédictions pour 2012
• Variez les niveaux de lecture et d’écriture sur vos pages Web
• Quand le visuel fait le travail éditorial

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

Sur le même sujet

• Utilisez des tableaux (Lisibilité des procédures#4)
• Appréhender dynamiquement les textes (3/3)
• Appréhender dynamiquement les textes (2/3)
• Appréhender dynamiquement les textes (1/3)
• Variez les niveaux de lecture et d’écriture sur vos pages Web

Le laboratoire LIMSI-CNRS (Laboratoire d’Informatique pour la Mécanique et les Sciences de l’Ingénieur) s’est penché sur l’analyse cognitive des nouvelles lectures possibles pour les documents électroniques, mettant plus particulièrement en évidence le dynamisme et les différents niveaux de détail. Nous nous proposons de rendre compte de l’étude et de ses résultats en trois parties :

1. Nouvelles lectures
2. Titre et hiérarchie
3. Lien entre interface et compréhension

Lien entre interface et compréhension

La compréhension d’un document électronique est étroitement liée à la qualité de l’interface visuelle et aux modes de présentation de l’information. La manière la plus simple de tester cela est de construire trois interfaces pour un même texte :

• interface simple
• interface plane
• interface 3D

Ces trois interfaces ont en commun une page centrale de même dimension, mais seules les interfaces plane et 3D possède des pages contextuelles latérales (gauche et droite).

Tous les tests utilisateurs sont unanimes : pour un niveau de compréhension équivalent, le nombre moyen de pages lues est moins important pour l’interface 3D que pour les interfaces plane et simple.

En fait, c’est justement la présence des pages contextuelles qui facilite la compréhension : le lecteur peut aisément lier ce qu’il lit avec du texte déjà lu ou du texte prévu. Il contextualise le paragraphe courant dans l’ensemble du document et hiérarchise ainsi l’information traitée en l’intégrant au contexte global.

Sommaire

1. Nouvelles lectures
2. Titre et hiérarchie
3. Lien entre interface et compréhension

Liens rapides

• Le site de l’IMSI
• La règle des trois « R »
• Une application concrète : le moteur de recherche Search Me
• Téléchargez le rapport de recherche en pdf (124 kO)

Sur le même sujet

• Utilisez des tableaux (Lisibilité des procédures#4)
• Le vu et le lu (1)
• Appréhender dynamiquement les textes (2/3)
• Appréhender dynamiquement les textes (1/3)
• Variez les niveaux de lecture et d’écriture sur vos pages Web

Le laboratoire LIMSI-CNRS (Laboratoire d’Informatique pour la Mécanique et les Sciences de l’Ingénieur) s’est penché sur l’analyse cognitive des nouvelles lectures possibles pour les documents électroniques, mettant plus particulièrement en évidence le dynamisme et les différents niveaux de détail. Nous nous proposons de rendre compte de l’étude et de ses résultats en trois parties :

1. Nouvelles lectures
2. Titre et hiérarchie
3. Lien entre interface et compréhension

Titres et hiérarchie

Les considérations sur les nouvelles formes et possibilités de lecture conduisent forcément à accorder une place privilégiée au titre. En réalité, le titre a un rôle triple :

1. il délimite les zones de texte ;
2. il fournit des informations sur la nature ou le contenu des segments ;
3. il permet d’établir des liens entres ces segments.

Les travaux de dynamisation textuelle ont ainsi trois grands buts concernant les titres :

1. définir une grammaire des titres : structure et régularités observées, analyse de ses fonctions d’annonce par rapport au contenu ;
2. envisager les titres comme des contenus autonomes : analyse des liens entre les différents titres d’un document ;
3. étudier les liens entre titre et texte : vers l’avant ou vers l’arrière.

Dans ce contexte, un des principaux enjeux est de réaliser des programmes permettant de collecter automatiquement les titres, et donc de les reconnaître et de les identifier. Il existe en cela deux approches.

Dans la première approche, le but est de partir de patrons de reconnaissance. Les algorithmes s’appuient alors sur ces données pour retrouver dans d’autres documents des occurrences de forme proche.

Cette approche nécessite donc de faire appel à l’expertise linguistique, et donc de :

• caractériser formellement des titres (« grammaire des titres ») ;
• caractériser fonctionnelle des titres dans les documents longs ;
• étudier des liens entre titres, en tenant compte de leur niveau dans la hiérarchie du document ;
• étudier des liens entre titres et textes : reprises d’éléments et/ou annonces, pour déterminer entre autres les pertinences respectives.

Dans la deuxième approche, on cherche à attribuer automatiquement des titres à des passages textuels. Il s’agit d’une méthode en deux phases : le système découvre d’abord différents concepts (ensembles de mots représentatifs) présents dans un texte, et ensuite, segmente le texte en paragraphes en utilisant une technique de partitionnement basée sur la vraisemblance.

La suite très prochainement : Lien entre interface et compréhension…

Sommaire

1. Nouvelles lectures
2. Titre et hiérarchie
3. Lien entre interface et compréhension

Liens rapides

• Le site de l’IMSI
• La règle des trois « R »

Sur le même sujet

• Utilisez des tableaux (Lisibilité des procédures#4)
• Le vu et le lu (1)
• Appréhender dynamiquement les textes (3/3)
• Appréhender dynamiquement les textes (1/3)
• Variez les niveaux de lecture et d’écriture sur vos pages Web