Petit manuel d écriture web

Petit manuel d écriture web «Every sentence, every phrase, every word, has to fight for its life» (Crawford KILIAN, Writing for the web) PROJET TUTEURE MASTER 2 PRO Communication dans l Espace Local et Régional 2008

SOMMAIRE I. POURQUOI LE WEB EST-IL DIFFÉRENT?... 3 1. Le texte web est difficile à lire... 3 2. Les visiteurs sont impatients... 3 3. Le texte web est un hypertexte... 4 II. LE PROFIL DES SURFEURS... 5 1. Les visuels et auditifs... 5 2. Les utilisateurs... 5 3. Les lecteurs... 5 4. Les parleurs... 6 5. Les travailleurs... 6 III. TROIS PRINCIPES DE BASE... 7 1. Orientation... 7 2. Information... 8 3. Action... 8 IV. 10 CONSEILS... 9 1. Tenez compte du principe de la pyramide inversée... 9 2. Soyez concis... 10 3. Fournissez un format imprimable... 11 4. Découpez en paragraphes... 11 5. Utilisez des titres et sous-titres... 11 6. Proposez un sommaire... 12 7. Découpez le texte en plusieurs pages... 12 8. Mettez en valeur les informations importantes, les mots-clés. 14 9. Commentez vos liens... 15 10. Utilisez les jokers... 15 Petit manuel d écriture web Page 2

I. POURQUOI LE WEB EST-IL DIFFÉRENT? Vous êtes amenés à écrire pour le web comme pour le papier. A première vue, il n y a pas de différence entre les deux : vous organisez votre information de manière à être le plus efficace possible, comme vous le feriez pour un courrier ou une note professionnelle. Cependant le web est un media différent. Mais pourquoi? 1. Le texte web est difficile à lire La résolution de l écran n est pas aussi fine qu une impression papier. On a tendance à lire plus lentement (environ 25% moins vite). 2. Les visiteurs sont impatients La majorité des utilisateurs (80% selon une étude de Nielsen & Morkes) ne lisent pas les contenus des sites Internet, mais ils "scannent", "survolent", "explorent" Quoiqu il en soit, les caractéristiques du web font qu on ne lit pas mot à mot. La recherche d'information sur Internet peut être considérée comme la recherche d'un signal parmi du bruit : Petit manuel d écriture web Page 3

Cherchez l'intrus Parmi 16 mots, 15 libellés 'FAUX' et 1 'FEUX'. Ce dernier mot est difficile à distinguer dans la masse des 15 autres. Il s'agit donc de décider rapidement si le contenu de la page web est susceptible de nous intéresser ou non. L objectif est de fournir de l information vite et bien. Il est donc essentiel que l utilisateur comprenne instantanément si le contenu à l écran correspond à l information qu il recherchait. Parce qu il est si facile de cliquer d un site à l autre, les visiteurs d un site web n aiment pas perdre du temps à chercher. S ils ne trouvent pas tout de suite, ils vont ailleurs. 3. Le texte web est un hypertexte Les visiteurs peuvent sauter d une page à l autre dans l ordre qu ils veulent. Rédiger pour le Web, c'est avant tout écrire pour un utilisateur qui cherche quelque chose, puis autre chose, puis encore autre chose. C'est écrire en lui donnant des liens, en lui permettant d'aller et venir dans les différentes couches du site: des pages de garde aux pages de contenu, à la page d'accueil, aux pages de contact, etc. (...) Petit manuel d écriture web Page 4

II. LE PROFIL DES SURFEURS Les sites web attirent différents types de visiteurs. 1. Les visuels et auditifs Cherchent l image et le son. Le texte ne les intéresse pas vraiment. Dans les auditifs se trouvent également les malentendants qui ont besoin d un texte facile à décoder par une synthèse vocale. 2. Les utilisateurs Cherchent l information. Ils incluent les consommateurs comme les chercheurs d info. Ils apprécient les blocs d info qui occupent l écran avec moins de 100 mots, et requièrent très peu au scrolling. Les utilisateurs ont besoin de sites concis, bien organisés et structurés, où ils peuvent aller droit vers ce qu ils souhaitent. 3. Les lecteurs Veulent également de l information, mais ils sont disposés à utiliser l ascenseur dans des documents plus longs. Ils préfèrent le texte adapté pour l affichage à l écran, par exemple avec des lignes de séparation ou des sauts de lignes entre les paragraphes. Ils préfèrent souvent imprimer et lire Petit manuel d écriture web Page 5

les documents sur papier. C est pourquoi ils ont besoin de versions imprimables. 4. Les parleurs Sont des visiteurs qui veulent commenter ce qu ils ont trouvé sur votre site, et éventuellement créer un lien depuis leur propre site, notamment quand ce sont des blogueurs qui traitent du même domaine que le vôtre. 5. Les travailleurs Obtiennent l information à travers un intranet accessible uniquement aux membres d une entreprise. Ces visiteurs ont besoin d information claire, facilement utilisable, bien formatée. Quelque soit la nature du site, il faut s efforcer de capter l attention de tous ces types de visiteurs. Par exemple, pour le site d une institution d enseignement, il doit contenir aussi bien des informations concernant les formations, que du contenu multimédia à même de séduire ceux qui hésitent encore par rapport à la suite de leurs études, et laisser la possibilité de feed-back pour les internautes qui souhaiteraient donner leur avis par rapport à un certain aspect lié au contenu où à la forme du site. Petit manuel d écriture web Page 6

III. TROIS PRINCIPES DE BASE Une fois que vous avez cerné le type de public pour qui vous écrivez, votre texte doit refléter trois principes de base de l écriture web et professionnelle : Orientation, Information, et Action. 1. Orientation Les visiteurs d un site se posent invariablement deux questions lorsqu ils arrivent dessus : où ils sont dans le site? comment s y déplacer? Comme de surcroît ils peuvent arriver via des moteurs de recherche directement sur une page dans les profondeurs de l arborescence, il faut que cette aide soit présente partout, et pas uniquement sur la page d accueil. Quel que soit le point d'entrée utilisé, assurez-vous que votre contenu soit compréhensible à l'utilisateur. L'écriture Web n'est pas linéaire, elle est circulaire. Le nom du site doit être explicite, présentant ses objectifs, et chaque page doit inclure des liens vers les autres, l ensemble devant faire comprendre comment le site est organisé et comment naviguer dedans. Petit manuel d écriture web Page 7

2. Information C est la principale raison pour laquelle les visiteurs viennent sur le site. Le sérieux, la véracité, la crédibilité du message transmis sont des qualités essentielles. Mais il faut aussi adapter le texte au public visé tout en l organisant et en essayant d accrocher le lecteur. Même si vous mettez en ligne des documents complets et exhaustifs, vous devez mettre à la disposition des lecteurs un résumé qui constituera la porte d entrée. 3. Action Le site doit favoriser une action de la part des visiteurs, voire la provoquer. Si vous voulez juste les faire cliquer vers une autre page, le titre du lien et son commentaire suffisent. Si par contre vous souhaitez les recruter, leur faire remplir un formulaire etc., vous aurez besoin de leur mettre en évidence que c est dans leur intérêt, et qu ils peuvent le faire sans peine. Le storytelling Le récit, en tant que mode privilégié de circulation des idées, s impose même dans le management. Cela veut dire que, pour un lycéen, une petite histoire «réussite», racontée par un ex-diplômé, parle beaucoup plus que les chiffres du taux d insertion fournies par l institution, qui, par ailleurs, peuvent ne pas être très «satisfaisantes». Petit manuel d écriture web Page 8

IV. 10 CONSEILS Étant donné les caractéristiques du format web et de ses utilisateurs, vous aurez donc à adapter votre écriture. Voici quelques conseils : 1. Tenez compte du principe de la pyramide inversée La mise en page doit être conçue comme une pyramide. Cette pyramide va fonctionner comme un entonnoir qui va "aspirer" les lecteurs dans vos pages. Petit manuel d écriture web Page 9

2. Soyez concis Il est préférable, avant de commencer la rédaction, d identifier 2-3 mots-clés et les répéter plusieurs fois à l intérieur de l article. Dans la mesure où les visiteurs lisent à 75% de la vitesse normale, adoptez la règle des 50% : divisez tout texte à publier sur le web par deux. Surtout s il provient d un format papier : il comporte souvent des tournures lourdes et des phrases de transition qui n appartiennent pas à l hypertexte. «Écrire long et couper court» Si la version papier fait 500 mots, la version web ne doit pas excéder 250. Faites en sorte de conserver des phrases de moins de 20 mots. Maxi 3000 signes par écran. Pour reprendre notre exemple : Cherchez l'intrus Parmi 8 mots, 7 libellés 'FAUX' et 1 'FEUX'. Ce dernier est plus facile à distinguer que dans le premier exemple, du fait d'un nombre moins important de mots au total. La réduction du nombre de mots de 50% permet de trouver plus facilement le signal parmi les bruits. Remarque : Cette règle ne doit pas être appliquée de façon rigide. Elle est valable pour les textes de présentation, d'accroche, etc. mais son application à des textes de contenu est plus discutable. Petit manuel d écriture web Page 10

3. Fournissez un format imprimable Si le contenu présenté est long, il est alors indispensable de fournir à l'utilisateur des moyens de contourner la lecture à l'écran, par exemple en lui proposant une version imprimable ou un fichier.pdf à télécharger. Si on laisse le texte entier disponible à l'écran, on doit tout faire pour faciliter la lecture de ce texte à l'écran. Les conseils qui suivent vont dans ce sens. 4. Découpez en paragraphes Un texte sans mise en forme est très dur à lire à l écran. Constituez donc des paragraphes de 3 ou 4 phrases chacun, et séparez-les par des sauts de lignes. Paragraphes d environ 500 signes, pas plus. 5. Utilisez des titres et sous-titres Ils aideront vos visiteurs à trouver ce qu ils cherchent. Les lecteurs balayent les pages et les titres sont des «stop-trottoirs». Environ 30 signes chacun, soit 3 à 6 mots. Des études scientifiques montrent que l'œil humain explore la page Web en suivant un parcours qui a plus ou moins la forme d'un "F" majuscule. C'est le centre gauche de la page qui bénéficie du maximum de visibilité. Petit manuel d écriture web Page 11

L'œil a également tendance à explorer les éléments situés à droite des titres ou des différents éléments qui sont parvenus à attirer son attention. 6. Proposez un sommaire Si on s'intéresse à l'ordre dans lequel ce parcours a lieu, on constate que le premier balayage est horizontal et se situe dans la partie supérieure. L'œil entame ensuite un balayage vertical calé sur le côté gauche du contenu principal avant d'explorer tous les points "d'accroche" à fort contraste. Ce sommaire peut se présenter sous forme de liens hypertexte internes (ancres) ou non. Une technique très intéressante c est de faire glisser le sommaire, dans une colonne verticale, au fur et à mesure que l on se déplace sur la page afin qu il soit visible à tout instant. 7. Découpez le texte en plusieurs pages C est une technique qui se prête à discussion. C. Bastien indique que "Les internautes ne semblent pas aimer le défilement des pages longues". J. Nielsen a d'ailleurs exposé la même idée, ainsi que de nombreux experts en ergonomie web. Petit manuel d écriture web Page 12

Ce principe répandu est une des raisons pour lesquelles les longs contenus sont souvent scindés en plusieurs pages. Découper les textes en écrans successifs semble pourtant présenter plus d'inconvénients que d'avantages. Certes, a priori, il est plus facile de lire des pages courtes, sans avoir besoin de scroller pour lire la suite d'un texte. Cependant, la nature même du web fait que le découpage d'un texte en plusieurs pages nécessite le chargement successif de ces pages. Cette façon de présenter l'information nuit à une lecture continue du texte, puisque normalement, l'œil passe inconsciemment d'une ligne à l'autre de manière non séquentielle. De plus, la lecture est une activité cognitive très contextuelle. On a souvent besoin de "remonter" de quelques paragraphes pour comprendre ce que nous sommes en train de lire. En effet, on ne lit pas des mots isolés, mais on met en relation les mots et phrases les uns avec les autres. Un autre problème relatif au découpage un texte en plusieurs écrans est qu'il est impossible de déterminer facilement la taille d'un "écran" de texte chez l'utilisateur. Cet aspect est lié à la nature même du web. Chaque internaute voit un site selon sa propre configuration ; cette configuration est un croisement entre la taille de son écran, sa résolution, le système d'exploitation de son ordinateur, le fait qu'il navigue avec une barre latérale (favoris, historique...) ou non, etc. Petit manuel d écriture web Page 13

Les utilisateurs, aidés par les technologies matérielles (et notamment l'apparition de la "roulette" sur les souris), ont appris à scroller. En conclusion, les longues pages ne sont donc pas forcément un défaut d'une interface. Leur existence doit cependant être justifiée, et les éléments essentiels présentés en haut de page. 8. Mettez en valeur les informations importantes, les motsclés Pour cela plusieurs techniques : utiliser des enrichissements typographiques tels que le gras ou l'italique (prendre en compte que le style italique est moins lisible qu'un style classique) jouer sur les tailles de caractères bien distinguer les mots-clés des liens (ne pas utiliser le même format) écrire en minuscules plutôt qu'en majuscules Les mots écrits en lettres minuscules sont plus faciles à lire que ceux écrits en lettres capitales. On peut toutefois se permettre d'écrire en majuscules pour des informations brèves (intitulé d'un bouton, titre de page, titre de rubrique, etc.). Nous allons illustrer nos propos par la reprise du même exemple : Cherchez l'intrus Parmi 16 mots, 15 libellés 'FAUX' et 1 'FEUX'. Petit manuel d écriture web Page 14

Ce dernier est mis en forme en gras, ce qui permet de le faire ressortir du bloc de 16 mots. 9. Commentez vos liens Il faut que les visiteurs sachent vers quoi ils cliquent sinon le risque de frustration est trop grand. Au lieu du grand classique cliquez ici, favorisez le style descriptif, comme par exemple: s inscrire à IUT ; télécharger le dossier d inscription, en.pdf. 10. Utilisez les jokers Si l écriture web est plus contraignante que l écrit sur le papier, ce qu il ne faut pas oublier, c est qu elle est aussi extrêmement riche en possibilités. Il faut donc profiter pleinement des potentialités du multimédia : Ajoutez des visuels de qualité L idéal = un texte + un visuel (photo, vidéo, graphique, flash) Ajoutez du son Une voix est plus «humaine» qu un texte écrit. Petit manuel d écriture web Page 15

EN GUISE DE CONCLUSION Et pour prendre conscience de la complexité des processus enclenchés dans le cerveau d une personne qui lit un texte (à l écran ou pas d ailleurs), il est intéressant d avoir à l esprit que Sleon une édtue de l'uvinertisé de Cmabrigde, l'odrre des ltteers dnas un mot n'a pas d'ipmrotncae, la suele chsoe ipmrotnate est que la pmeirère et la drenèire soit à la bnnoe pclae. Le rsete peut êrte dnas un dsérorde ttoal et vuos puoevz tujoruos lrie snas porlblème. C'est prace que le creaveu hmauin ne lit pas chuaqe ltetre ellemmêe, mias le mot cmome un tuot. POUR ALLER PLUS LOIN Arno (2002). Présenter des textes longs sur le web. La lecture facile à l écran. http://www.uzine.net/article1738.html Morkes, J. & Nielsen, J. (1998). Applying Writing Guidelines to Web Pages. http://www.useit.com/papers/webwriting/rewriting.html Nielsen, J., Schemenaur, P.J. & Fox,J. Writing for the Web. http://www.sun.com/980713/webwriting/ Kilian, C. (2000). Writing for the Web. Geeks' Edition. Self Counsel Press Petit manuel d écriture web Page 16