L'Écrit Web, Une Écriture en Heritage

Content. Marketing. Performance.

Livre Blanc - Juin 2014

L'écrit Web, une écriture en héritage

2

Retrouvez-nous en ligne www.wearethewords.com Blog : ecrirepourleweb.com Twitter : @wearethewords Facebook : wearethewords Google+ : wearethewords

La rédaction Web, une écriture d’héritage Rédiger pour le Web consiste à maximiser la lisibilité et la perception des contenus par l’utilisateur. On présente l’information d’une certaine façon, on adapte ses écrits aux normes et usages, on écrit pour des utilisateurs… Ces règles d’écriture sont, aussi, des héritages des techniques de rédaction écrite: écriture journalistique, signalisation, typographie… 3 de ces héritages sont à l’honneur dans ce livre blanc: l’écriture journalistique, la signalisation et la typographie. À travers ces héritages, nous nous proposons de répondre à ces questions essentielles qui conditionnent l’écrit Web:

• Comment structurer et hiérarchiser son discours? • Comment orienter le lecteur dans l’espace-écran? • Comment faciliter le mode de lecture en balayage?

Bonne lecture!

Introduction

3


Techniques de rédaction journalistique, techniques de rédaction administrative, de rédaction de rapport, de rédaction d’un discours… Les méthodes de rédaction sont légion. Elles sont, de fait, aussi variées que les métiers et environnements dans lesquels elles s’inscrivent.

Quelles techniques de rédaction journalistique applique-t-on à l’écrit Web ? Quand on parle de rédaction, au sens de l’écriture, de l’action de rédiger un texte, on désigne l’ensemble des outils de langage qui permettent de construire un texte qui produit du sens. Il s’agit donc d’agencer nos contenus de manière à répondre aux règles grammaticales, syntaxiques et sémantiques de la langue. Mais aussi à maximiser la compréhension de notre communication écrite, dans la forme et le fond.

La pyramide inversée et la méthode des 5W Rédiger selon la règle de la pyramide inversée (http://bit.ly/1q7Pfrn) consiste à traiter le sujet du plus pertinent et universel au plus généraliste et secondaire. Il s’agit de commencer le propos par les concepts les plus importants. Autrement dit, il faut attaquer le sujet par la conclusion. D’où l’idée de la pyramide inversée. Ensuite, viennent les développements, un à un, en suivant le déroulé logique de l’entrée en matière. On termine par les détails, les éléments plus spécifiques.

Comment l’écrit Web a hérité de l’écriture journalistique ?

4


On applique cette méthode entre autres pour maximiser l’information clé au-dessus de la ligne de flottaison sur la lecture.

La méthode des 5 W, chère au journalisme (http://bit.ly/1pjntvz), est aussi pratiquée dans la rédaction 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 schéma logique de l’esprit humain lorsqu’il appréhende une information.

2. Elle permet de hiérarchiser le récit selon l’importance qu’accorde le lecteur aux différents niveaux d’information. En B2B, on préférera souvent dire qui a fait quoi en premier, tandis qu’en B2C, on aura tendance à traiter la quoibilité avant toute chose.

Les techniques d’écriture ou le bon sens formalisé Au final, ces techniques de rédaction formalisent des bonnes pratiques et principes évidents : lisibilité, plan d’exposé, priorisation des éléments, rédiger pour le lecteur,…

5


L’utilité de ces méthodes d’écriture devient évidente lorsqu’on les considère comme de véritables outils d’aide à la transmission et la communication. Tout rédacteur peut y puiser le ou les trucs et astuces pour mieux construire ses textes et s’assurer de répondre le plus parfaitement possible à son objectif initial: informer, éduquer, divertir, convertir,…

Les techniques de rédaction: une garantie d’efficacité Sachant que la plupart des contributeurs aujourd’hui n’ont pas été formés à la communication et la rédaction, ces techniques de rédaction sont largement méconnues ou négligées par la plupart des rédacteurs. Or elles s’avèrent essentielles à une bonne transmission de l’information vers les publics visés. Autrement dit, toute organisation qui confie à certains de ses collaborateurs la charge de contribuer au site Internet, à la newsletter et même à l’intranet ou au blog de l’entreprise gagne à procurer à ces rédacteurs une formation à l’écriture Web (http://bit.ly/1jOqEDo) qui intègre ces bonnes pratiques rédactionnelles.

6


Oui, l’écriture Web s’apparente à la signalisation en design d’espace puisqu’elle consiste à présenter l’information de manière à permettre l’orientation, l’identification et la visualisation de cette information dans l’espace de l’écran. Exactement comme il s’agirait de développer la signalisation dans un lieu public, hôpital ou aéroport. Vous connaissez le concept de wayfinding1 ? Le terme fait référence au processus de planification et de communication visant à guider des passants dans un lieu, un environnement. C’est une stratégie d’orientation qui fait appel à des outils de signalisation. Une discipline assez proche, au fond, de l’architecture de l’information.

L’écriture Web, ou comment présenter l’information dans l’espace-écran Tout visiteur arrivant sur une page Web se pose 3 questions par rapport à l’espace environnant. Il veut pouvoir aisément:

1. Repérer sa situation – Le visiteur doit pouvoir se situer ici et maintenant.

2. Décider de son orientation – Le visiteur doit pouvoir faire un choix délibéré de mouvement (pour autant qu’on lui indique le chemin pour aller où il veut).

3. Se représenter l’espace – Le visiteur doit pouvoir se représenter la totalité de l’espace dans lequel il évolue (ses clics et actions doivent lui permettre de prédire où il va aboutir).

L’écriture Web, ou comment orienter le lecteur dans l’espace-écran

1. Inventé par l'architecte Kevin Lynch en 1960, le wayfinding désigne le dispositif d'orientation, d'identification et d'informations visuelles dans un lieu. Les mêmes dispositifs sont utilisés en architecture de l’information.

7


Quels outils pour représenter l’espace à l’écran? En formalisant ces 3 critères essentiels à une bonne technique de guidage visuel dans un lieu, l’architecte Kevin Lynch identifia également 5 types d’outils auxquels recourent les usagers des lieux publics pour s’orienter: les chemins, les frontières, les zones, les embranchements, les points de repère.

1. Les chemins : créez des chemins de navigation clairs sur votre site Web (le plan de site, les diagrammes des tâches et modèles d’utilisation devraient vous y aider)

2. Les frontières : indiquez clairement lorsque les

hyperliens, boutons, incitants, etc. emmènent le visiteur hors (ou non) les limites du site Web courant.

3. Les zones : attribuez à chaque rubrique particulière

une identité, un « paysage » propre – sans la dissocier complètement de son environnement plus large.

4. Les embranchements : Optimisez vos pages

d’orientation pour qu’elles soient des carrefours, des totems clairs et avenants. Ne multipliez pas inutilement les embranchements: vous risqueriez d’effrayer votre visiteur en mouvement.

5. Les points de repère : votre fil d’Ariane, 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 repérer dans un espace non linéaire et désintermédié, pouvoir choisir librement où se diriger ensuite, voilà qui détermine pour beaucoup la qualité de l’expérience utilisateur sur une interface Web. Comme ces mêmes critères déterminent la capacité d’un usager

8


d’aéroport ou d’hôpital à trouver son chemin dans le méandre des portes, niveaux, étages et secteurs.

9


Comment la typographie nous aide à structurer visuellement nos textes, à les organiser de manière à faire ressortir la hiérarchie, les types et les unités d’information sur la page-écran?

La typographie pour nous aider à composer nos écrits Web La typographie est un héritage essentiel dans la conception éditoriale des sites Internet. Or si l’écran impose de sérieuses contraintes aux concepteurs-rédacteurs, il a aussi des répercussions importantes sur les manières de traiter les aspects graphiques des interfaces numériques. Par exemple, la gestion du corps de texte est très différente entre un écrit écran et un écrit imprimé. Le corps d’un texte écran est beaucoup plus grand que son pendant papier. Autre différence: le texte noir sur fond blanc, très plébiscité par dans l’imprimerie, est déconseillé pour une lecture à l’écran en raison du contraste agressif qu’il produit. On préférera les nuances de gris.

Les bonnes pratiques héritées de la typographie De manière générale, parmi les bonnes pratiques héritées de la typographie adaptée au Web, citons (nous nous inspirons ici de la check-list Opquast http://bit.ly/1pSNTBC):

1. la cohérence de la charte graphique, 2. le contraste suffisant entre le texte et le fond, 3. la hiérarchie de styles (dont certains dédiés au

mobile et une feuille de style pour l’impression), 4. l’économie de la palette des polices

Lisibilité des contenus Web: au secours la typographie

10


5. Le contenu de chaque page est organisé selon une structure de titres et sous-titres hiérarchisée.

La rédaction Web, une écriture en fragments? On dit souvent, dans le métier, que l’écriture Web est une écriture en fragments. Le lecteur assimile l’information par bribes. Ces « morceaux » seront le titre de l’article et son chapô, une citation ou une exergue, un encadré, un bouton d’action… Toutes ces aides à la lecture s’inspirent des « outils » typographiques. Intégrer les bonnes pratiques de la typographie, c’est composer vos contenus Web par association de forme et couches, en hiérarchisant 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 l’écrit Web? Dans un Web idéal, les sites Internet sont dotés de feuille de style (styles graphiques et typographiques) qui permettent de créer un relief suffisant dans les contenus, assurant contraste, hiérarchie et granularité de l’information. A minima, cette feuille de style comprendra:

• des titres de 3 à 4 niveaux à l’intérieur du texte; • des paragraphes de contenu « simple » et des

paragraphes du type « exergue »; • 3 formats d’hyperlien (« vierges », survolés et

visités); • des listes à puces de 2 niveaux; • Un symbole visuel associé à l’ancre « Retour en

haut »; • Un style pour les citations; • Un style Tableau, • …

11


Besoin d’aide pour améliorer 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 [email protected]

L'Écrit Web, Une Écriture en Heritage

Documents

Transcript of L'Écrit Web, Une Écriture en Heritage