L'Écrit Web, Une Écriture en Heritage

Livre Blanc - Juin 2014
L'crit Web, une

criture en hritage
Content.
Marketing.
Performance.

Introduction
La rdaction Web, une criture dhritage

Rdiger pour le Web consiste maximiser la lisibilit et la
perception des contenus par lutilisateur. On prsente
linformation dune certaine faon, on adapte ses crits aux
normes et usages, on crit pour des utilisateurs
Ces rgles dcriture sont, aussi, des hritages des
techniques de rdaction crite: criture journalistique,
signalisation, typographie
3 de ces hritages sont lhonneur dans ce livre blanc:
lcriture journalistique, la signalisation et la typographie.
travers ces hritages, nous nous proposons de rpondre
ces questions essentielles qui conditionnent lcrit Web:
Comment structurer et hirarchiser son discours?

Comment orienter le lecteur dans lespace-cran?
Comment faciliter le mode de lecture en balayage?
Bonne lecture!
Retrouvez-nous en ligne
www.wearethewords.com
Blog : ecrirepourleweb.com
Twitter : @wearethewords
Facebook : wearethewords
Google+ : wearethewords
Comment lcrit Web a hrit de

lcriture journalistique ?
Techniques de rdaction journalistique, techniques de
rdaction administrative, de rdaction de rapport, de
rdaction dun discours Les mthodes de rdaction sont
lgion. Elles sont, de fait, aussi varies que les mtiers et
environnements dans lesquels elles sinscrivent.
Quelles techniques de rdaction

journalistique applique-t-on lcrit
Web ?
Quand on parle de rdaction, au sens de lcriture, de
laction de rdiger un texte, on dsigne lensemble des
outils de langage qui permettent de construire un texte qui
produit du sens.
Il sagit donc dagencer nos contenus de manire
rpondre aux rgles grammaticales, syntaxiques et
smantiques de la langue. Mais aussi maximiser la
comprhension de notre communication crite, dans la
forme et le fond.
La pyramide inverse et la mthode

des 5W
Rdiger selon la rgle de la pyramide inverse
(http://bit.ly/1q7Pfrn) consiste traiter le sujet du plus
pertinent et universel au plus gnraliste et secondaire. Il
sagit de commencer le propos par les concepts les plus
importants.
Autrement dit, il faut attaquer le sujet par la conclusion.
Do lide de la pyramide inverse. Ensuite, viennent les
dveloppements, un un, en suivant le droul logique de
lentre en matire. On termine par les dtails, les
lments plus spcifiques.
On applique cette mthode entre autres pour maximiser

linformation cl au-dessus de la ligne de flottaison sur la
lecture.
La mthode des 5 W, chre au journalisme

(http://bit.ly/1pjntvz), est aussi pratique dans la rdaction
de rapports, par exemple en gestion de projet. Elle a 2
atouts:
1. Elle aide structurer un expos en un minimum de
questions et de suivre le schma logique de lesprit
humain lorsquil apprhende une information.
2. Elle permet de hirarchiser le rcit selon
limportance quaccorde le lecteur aux diffrents
niveaux dinformation. En B2B, on prfrera souvent
dire qui a fait quoi en premier, tandis quen B2C, on
aura tendance traiter la quoibilit avant toute
chose.
Les techniques dcriture ou le bon

sens formalis
Au final, ces techniques de rdaction formalisent des
bonnes pratiques et principes vidents : lisibilit, plan
dexpos, priorisation des lments, rdiger pour le
lecteur,
Lutilit de ces mthodes dcriture devient vidente

lorsquon les considre comme de vritables outils daide
la transmission et la communication. Tout rdacteur peut y
puiser le ou les trucs et astuces pour mieux construire ses
textes et sassurer de rpondre le plus parfaitement
possible son objectif initial: informer, duquer, divertir,
convertir,
Les techniques de rdaction: une

garantie defficacit
Sachant que la plupart des contributeurs aujourdhui nont
pas t forms la communication et la rdaction, ces
techniques de rdaction sont largement mconnues ou
ngliges par la plupart des rdacteurs. Or elles savrent
essentielles une bonne transmission de linformation vers
les publics viss.
Autrement dit, toute organisation qui confie certains de
ses collaborateurs la charge de contribuer au site Internet,
la newsletter et mme lintranet ou au blog de
lentreprise gagne procurer ces rdacteurs une
formation lcriture Web (http://bit.ly/1jOqEDo) qui
intgre ces bonnes pratiques rdactionnelles.
Lcriture Web, ou comment orienter

le lecteur dans lespace-cran
Oui, lcriture Web sapparente la signalisation en design
despace puisquelle consiste prsenter linformation de
manire permettre lorientation, lidentification et la
visualisation de cette information dans lespace de lcran.
Exactement comme il sagirait de dvelopper la
signalisation dans un lieu public, hpital ou aroport.
Vous connaissez le concept de wayfinding1 ? Le terme fait
rfrence au processus de planification et de
communication visant guider des passants dans un lieu,
un environnement.
1. Invent par l'architecte

Kevin Lynch en 1960, le
wayfinding dsigne le
dispositif d'orientation,
d'identification et
d'informations visuelles dans
un lieu. Les mmes dispositifs
sont utiliss en architecture de
linformation.
Cest une stratgie dorientation qui fait appel des outils

de signalisation. Une discipline assez proche, au fond, de
larchitecture de linformation.
Lcriture Web, ou comment prsenter

linformation dans lespace-cran
Tout visiteur arrivant sur une page Web se pose 3
questions par rapport lespace environnant. Il veut
pouvoir aisment:
1. Reprer sa situation Le visiteur doit pouvoir se
situer ici et maintenant.
2. Dcider de son orientation Le visiteur doit pouvoir
faire un choix dlibr de mouvement (pour autant
quon lui indique le chemin pour aller o il veut).
3. Se reprsenter lespace Le visiteur doit pouvoir se
reprsenter la totalit de lespace dans lequel il
volue (ses clics et actions doivent lui permettre de
prdire o il va aboutir).
Quels outils pour reprsenter lespace

lcran?
En formalisant ces 3 critres essentiels une bonne
technique de guidage visuel dans un lieu, larchitecte Kevin
Lynch identifia galement 5 types doutils auxquels
recourent les usagers des lieux publics pour sorienter: les
chemins, les frontires, les zones, les embranchements, les
points de repre.
1. Les chemins : crez des chemins de navigation clairs
sur votre site Web (le plan de site, les diagrammes
des tches et modles dutilisation devraient vous y
aider)
2. Les frontires : indiquez clairement lorsque les
hyperliens, boutons, incitants, etc. emmnent le
visiteur hors (ou non) les limites du site Web
courant.
3. Les zones : attribuez chaque rubrique particulire
une identit, un paysage propre sans la
dissocier compltement de son environnement plus
large.
4. Les embranchements : Optimisez vos pages
dorientation pour quelles soient des carrefours, des
totems clairs et avenants. Ne multipliez pas
inutilement les embranchements: vous risqueriez
deffrayer votre visiteur en mouvement.
5. Les points de repre : votre fil dAriane, votre
navigation principale et locale, le graphisme des
pages, les styles typographiques sont autant de
signes qui doivent guider le visiteur sur le long
cours .
Pouvoir se reprer dans un espace non linaire et

dsintermdi, pouvoir choisir librement o se diriger
ensuite, voil qui dtermine pour beaucoup la qualit de
lexprience utilisateur sur une interface Web. Comme ces
mmes critres dterminent la capacit dun usager
daroport ou dhpital trouver son chemin dans le

mandre des portes, niveaux, tages et secteurs.
Lisibilit des contenus Web: au

secours la typographie
Comment la typographie nous aide structurer
visuellement nos textes, les organiser de manire faire
ressortir la hirarchie, les types et les units dinformation
sur la page-cran?
La typographie pour nous aider composer

nos crits Web
La typographie est un hritage essentiel dans la conception
ditoriale des sites Internet. Or si lcran impose de
srieuses contraintes aux concepteurs-rdacteurs, il a aussi
des rpercussions importantes sur les manires de traiter
les aspects graphiques des interfaces numriques.
Par exemple, la gestion du corps de texte est trs
diffrente entre un crit cran et un crit imprim. Le corps
dun texte cran est beaucoup plus grand que son pendant
papier. Autre diffrence: le texte noir sur fond blanc, trs
plbiscit par dans limprimerie, est dconseill pour une
lecture lcran en raison du contraste agressif quil
produit. On prfrera les nuances de gris.
Les bonnes pratiques hrites de la

typographie
De manire gnrale, parmi les bonnes pratiques hrites
de la typographie adapte au Web, citons (nous nous
inspirons ici de la check-list Opquast
http://bit.ly/1pSNTBC):
1. la cohrence de la charte graphique,
2. le contraste suffisant entre le texte et le fond,
3. la hirarchie de styles (dont certains ddis au
mobile et une feuille de style pour limpression),
4. lconomie de la palette des polices
10

5. Le contenu de chaque page est organis selon une
structure de titres et sous-titres hirarchise.
La rdaction Web, une criture en

fragments?
On dit souvent, dans le mtier, que lcriture Web est une
criture en fragments. Le lecteur assimile linformation par
bribes. Ces morceaux seront le titre de larticle et son
chap, une citation ou une exergue, un encadr, un bouton
daction Toutes ces aides la lecture sinspirent des
outils typographiques.
Intgrer les bonnes pratiques de la typographie, cest
composer vos contenus Web par association de forme et
couches, en hirarchisant vos textes et en structurant les
informations en zones en associant des blocs de contenus
courts et longs, facilite ce balayage, cette consommation
en mode snacking .
Quels styles utiliser pour lcrit Web?

Dans un Web idal, les sites Internet sont dots de feuille
de style (styles graphiques et typographiques) qui
permettent de crer un relief suffisant dans les contenus,
assurant contraste, hirarchie et granularit de
linformation.
A minima, cette feuille de style comprendra:
des titres de 3 4 niveaux lintrieur du texte;
des paragraphes de contenu simple et des
paragraphes du type exergue ;
3 formats dhyperlien ( vierges , survols et
visits);
des listes puces de 2 niveaux;
Un symbole visuel associ lancre Retour en
haut ;
Un style pour les citations;
Un style Tableau,

11

Besoin daide pour amliorer la feuille de style de votre
dispositif ditorial interactif et donner plus de relief vos
crits Web? Contactez-nous !
+32 2 340 16 80
300 av. Van Volxem, 1190 Bruxelles
+33 1 84 17 82 43
21-23 bd. Haussmann, 75009 Paris
info@wearethewords.com


L&#39;Écrit Web, Une Écriture en Heritage

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

L&#39;Écrit Web, Une Écriture en Heritage

Transféré par

Droits d'auteur :

Formats disponibles

Livre Blanc - Juin 2014

L'crit Web, une

La rdaction Web, une criture dhritage

Comment structurer et hirarchiser son discours?

Comment lcrit Web a hrit de

Quelles techniques de rdaction

La pyramide inverse et la mthode

On applique cette mthode entre autres pour maximiser

La mthode des 5 W, chre au journalisme

Les techniques dcriture ou le bon

Lutilit de ces mthodes dcriture devient vidente

Les techniques de rdaction: une

Lcriture Web, ou comment orienter

1. Invent par l'architecte

Cest une stratgie dorientation qui fait appel des outils

Lcriture Web, ou comment prsenter

Quels outils pour reprsenter lespace

Pouvoir se reprer dans un espace non linaire et

daroport ou dhpital trouver son chemin dans le

Lisibilit des contenus Web: au

La typographie pour nous aider composer

Les bonnes pratiques hrites de la

La rdaction Web, une criture en

Quels styles utiliser pour lcrit Web?

Vous aimerez peut-être aussi

L'Écrit Web, Une Écriture en Heritage

L'Écrit Web, Une Écriture en Heritage