Internet évolue. mémo web > education.gouv.fr

Transcription

1 mémo web

2 Internet évolue Les règles de l'écriture pour le web coïncident en partie avec les règles de toute rédaction : il est ainsi essentiel d'adapter son style au public visé, d'organiser logiquement son discours, etc. Internet constitue cependant un média spécifique, qui implique des règles d'écriture qui lui sont propres : un texte en ligne n est pas lu comme un texte imprimé : le rédacteur web doit prendre en compte le comportement de l internaute ; internet propose des fonctionnalités (liens, son, vidéo, etc.) que le papier ne propose pas. En outre, tous les sites publics européens doivent obéir à des normes d accessibilité, de telle sorte que tous les individus, quel que soit leur éventuel handicap, ou le matériel utilisé, puissent accéder aux services de l administration électronique. Ces normes impliquent également des règles d écriture propres au web. mémo web > education.gouv.fr

3 Quelques règles générales page 4 La règle des 3 clics page 5 Faire court page 6 Hiérarchiser l information page 7 Structurer l information page 8 Mettre en avant les points clés page 8 Aérer les pages page 9 Créer une page multimédia page 10 Quelques repères Le cas spécifique du site page 11 Créer des pages brèves page 13 Rédiger pour le site page 15 Animer les pages Annexes page 16 Webliographie page 18 Critères d accessibilité page 19 Charte graphique page 20 Formats des bannières fixes et animées mémo web > education.gouv.fr

4 Quelques règles générales Des études consacrées au comportement des internautes ont montré que : l'internaute est peu patient, s'il ne trouve pas rapidement l'information qu'il recherche, il change de site ; la grande majorité des internautes pratiquent une lecture de type balayage, c'est-à-dire qu'ils parcourent rapidement une page afin de savoir si l'information recherchée s'y trouve ; si le résultat de cette première lecture est positif, ils lisent alors plus précisément ; la lecture sur l'écran est plus lente que la lecture sur support papier, et fatigue davantage la vue. L'internaute n'est donc pas disposé à lire de longues pages. La lecture en ligne est environ 25 % plus lente que la lecture sur support papier Compte tenu de ces données, on peut dégager les règles suivantes : Suivre la règle des 3 clics L'internaute doit trouver rapidement l'information qu'il recherche : il ne devrait pas avoir à cliquer plus de trois fois pour obtenir l'information recherchée. Ces trois clics correspondent à trois niveaux, par exemple : premier clic sur la page d'accueil ; deuxième clic sur le titre d'une rubrique ; troisième clic sur le titre de la page désirée. 3 clics au maximum pour accéder à l information Cette règle est avant tout une règle d'ergonomie, c'est-à-dire qu'elle concerne d'abord les personnes qui conçoivent le site, notamment l'organisation des contenus. Cependant, elle doit aussi être prise en compte par le rédacteur. conseil pratique à éviter Il convient d éviter les pages sommaire, qui créent un niveau supplémentaire et obligent l'internaute à changer de page pour obtenir les différentes informations. mémo web > education.gouv.fr > Quelques règles générales 4

5 Faire court On lit moins vite un texte en ligne qu un texte imprimé et l œil se fatigue davantage. Par conséquent, les textes mis en ligne doivent être courts et bien organisés. Il est donc recommandé de : synthétiser son propos ; privilégier les phrases courtes (maximum de 20 mots environ) ; éviter les redondances. Lorsqu une version web et une version papier d un document existent, le texte en ligne doit être environ 50 % plus court que le texte imprimé Bien que concise, une page web doit rester compréhensible en tant que page autonome. L internaute ne doit pas être obligé de lire d autres pages ni de cliquer sur des liens pour comprendre une page. conseil pratique Si de longs documents doivent être mis à la disposition de l'internaute, il est préférable d en faire un résumé et de les proposer en téléchargement, par exemple au format pdf. C est le cas, sur pour les rapports des inspections générales. mémo web > education.gouv.fr > Quelques règles générales 5

6 Hiérarchiser l information La rédaction des pages web doit permettre à l'internaute de balayer la page pour savoir si l'information recherchée s'y trouve et où elle se trouve. Il est donc recommandé de : Distinguer l information des compléments Pour permettre le balayage rapide des pages, il convient tout d'abord de séparer clairement ce qui relève du contenu de ce qui relève du complément d'information. cœur de l information supplément d information mémo web > education.gouv.fr > Quelques règles générales 6

7 Structurer l'information Si le contenu d un texte présente plusieurs idées ou plusieurs informations, il convient de mettre en avant chacune d'entre elles par un intertitre. La lecture de type balayage consiste à ne lire que le titre et les intertitres, ce qui doit suffire pour savoir si l'information recherchée se trouve dans la page. conseil pratique Il est impossible de balayer cette page : rien n'attire l'œil et n'incite à aller plus loin que le titre. à éviter surtitre titre conseil pratique Cette page est beaucoup plus lisible et peut être balayée facilement grâce à un surtitre, un titre, des intertitres. Si l'internaute ne cherche que le public ciblé, par exemple, il trouve cette information dès le balayage de la page. intertitre mémo web > education.gouv.fr > Quelques règles générales 7

8 Mettre en avant les points clés L internaute ne lit pas nécessairement dans le détail, du moins pas dans un premier temps. Le balayage de la page doit lui permettre de saisir le message essentiel. Plusieurs procédés permettent de mettre en évidence les informations importantes : l animation, pour attirer le regard sur un point clé à connaître absolument, par exemple les dates d inscription à un concours ; l encadré (texte sur fond coloré), pour mettre en avant une idée, une information ou une citation particulièrement importante ; l utilisation du gras, pour faire apparaître l information essentielle contenue dans un paragraphe. Aérer les pages Pour être lue, une page web doit être mise en forme de façon à être visuellement attrayante. Le regard de l internaute doit être attiré vers l information essentielle conseil pratique Les mots en gras doivent être compris de façon autonome, sans qu il soit nécessaire de lire les mots voisins. Par exemple, il est préférable de mettre en gras, l expression 400 heures de formation annuelle, plutôt que le seul nombre 400. L internaute peut ainsi balayer un paragraphe en ne lisant que les mots en gras. Recommandations : rédiger de courts paragraphes (environ 6 lignes) ; laisser de l espace entre les paragraphes ; utiliser les puces et les tirets ; préférer un tableau à un texte long et complexe, si l information à transmettre le permet. courts paragraphes texte gras puces mémo web > education.gouv.fr > Quelques règles générales 8

9 Créer une page multimédia Écrire pour le web, c'est créer une page multimédia, c est-à-dire compléter le texte rédigé par : des liens vers d'autres pages ou rubriques du même site, ou vers d'autres sites ; des photos, des vidéos, des animations, des clips audios ou des programmes interactifs. Pour prendre conscience des différences entre les potentialités du support papier et celles du web, il est intéressant de comparer, par exemple, le journal Libération en version papier et en version web ( La valeur ajoutée de libe.fr : ce sont les diaporamas, les reportages audios, les vidéos, les liens vers les forums et les blogs. Cette valeur ajoutée est valorisée dans la version papier qui invite les lecteurs à aller voir une vidéo ou à écouter un fichier son sur libe.fr, afin de compléter la lecture d'un article. Autre exemple : le site pédagogique de l'assemblée nationale ( permet d'accéder à des activités interactives. Même si le rédacteur web ne réalise pas les vidéos ni les animations, il peut en suggérer la réalisation, s'il estime, par exemple, qu'une animation pourrait compléter son texte. mémo web > education.gouv.fr > Quelques règles générales 9

10 Quelques repères Internet a déjà une histoire. À l'origine, au milieu des années 1990, les sites internet étaient constitués de textes, de quelques images statiques et de liens. Le site du Conseil constitutionnel français est un exemple de site ancien de ce type : À présent, internet est un moyen d'expression multimédia, permettant d'intégrer des textes, des images, des vidéos, des sons, des animations, des programmes interactifs. Voici certains sites récents : le site pédagogique de l'assemblée nationale : le site du journal Le Monde : le site du journal Libération : le site du Louvre : les sites pédagogiques de Gaz de France : conseil pratique Créer une page web, avoir des idées de présentation, penser à des animations, cela exige de posséder une culture web minimale. Pour l acquérir ou l approfondir, il suffit de visiter régulièrement des sites internet et de se former. mémo web > education.gouv.fr > Quelques règles générales 10

11 Le cas spécifique du site Un des objectifs de la refonte du site est de réaffirmer sa stratégie éditoriale : de mieux prendre en compte le fait que ce site s adresse à tous les publics et pas seulement aux professionnels de l'éducation. Sur le plan rédactionnel, l'objectif est donc de créer un site plus lisible par le public non initié (élèves, étudiants, parents d'élève, etc.) auquel il est d'abord destiné. Créer des pages brèves Il est préférable de créer des pages correspondant à une page écran, de telle sorte que la page puisse être lue sans avoir à la faire défiler. La lecture est ainsi plus confortable. Les pages doivent être conçues sur le principe de la fiche, c'est-à-dire de la page concise, efficace et accessible à tous. Si la page excède la longueur d'une page écran, s'il est nécessaire de faire défiler la page pour lire l'ensemble de son contenu, il est recommandé de faire un sommaire. Dès le haut de la page, l'internaute peut voir quelles sont les différentes parties de la page et accéder directement à la partie qui l'intéresse en cliquant sur son titre. mémo web > education.gouv.fr > Le cas spécifique du site 11

12 Regrouper les compléments d information Le site vise tous les publics : l'internaute qui cherche un premier niveau d'information sur une question ne doit pas être noyé dans des détails, ni dans des références à des textes officiels. Les pages du nouveau site sont élaborées dans cette optique. L'internaute plus averti peut, de son côté, trouver de quoi approfondir ses connaissances, notamment grâce à des liens vers des documents téléchargeables, des liens vers d'autres sites ou des données plus précises. Ces compléments d information sont regroupés dans une colonne à droite de l écran, intitulée en savoir +. conseil pratique Le supplément d'information, en savoir +, peut être présenté en colonne de droite, ou en bas de page. Dans les deux cas, l info essentielle est nettement séparée du complément d information. Structurer le cœur de l'information Le contenu principal des pages est structuré grâce à : un titre clair et bref. Dès la lecture du titre, l'internaute doit savoir quel est le contenu de la page. un chapô composé d'une ou deux phrases, sous le titre. Il constitue une brève synthèse et peut être lu indépendamment de la suite du texte. C est en fonction du chapô que l internaute décide de poursuivre ou non sa lecture. des intertitres annonçent le contenu des paragraphes qui suivent. Ils structurent visuellement la page et permettent de la balayer rapidement si l'on cherche une information précise. Ils aèrent la page et contribuent grâce à leur couleur, à la rendre plus attractive. Le sommaire est créé à partir des intertitres des paragraphes brefs qui structurent le contenu au sein chaque partie. Les encadrés permettent d attirer le regard sur une information particulièrement importante Pour être mieux référencé dans les moteurs de recherche Le respect des bonnes pratiques d accessibilité permet un référencement efficace dans les moteurs de recherche. Le but de l accessibilité est de rendre le contenu des sites accessible au plus grand nombre de personnes, y compris celles qui subissent des contraintes techniques, physiques ou autres. Une page qui comprend un titre, un chapô, des intertitres, des liens explicites et des images commentées sera mieux référencée par les moteurs de recherche. Les pages régulièrement actualisées obtiennent un meilleur référencement. mémo web > education.gouv.fr > Le cas spécifique du site 12

13 Rédiger pour le site Éviter le jargon et les termes obscurs Toute institution se crée un vocabulaire propre qui n'est généralement compris qu'en son sein. Ce jargon n'est pas à sa place dans un site qui s'adresse à tous les publics. Par exemple, si un texte réglementaire adressé aux professionnels de l éducation peut être intitulé Constatation et apurement des débets des comptables publics et assimilés (bulletin officiel de l éducation nationale du 2 février 2006), un texte qui s adresse au grand public doit au contraire être compréhensible par tous. Utiliser un vocabulaire clair Le message doit être accessible, informatif et direct. Si certains termes complexes sont indispensables, il est recommandé d en donner la définition. Expliciter les textes officiels Les textes officiels publiés dans le bulletin officiel de l'éducation nationale sont destinés à des professionnels de l'éducation. Pour présenter sur le site une action du ministère, il est souhaitable de ne pas utiliser, sans les modifier, des extraits de ces textes. Une adaptation est nécessaire, d'une part pour synthétiser les textes officiels, d'autre part pour les rendre compréhensibles par tous. Un lien est établi vers le texte de référence, mais l information doit être comprise sans que l internaute ait besoin de lire le texte officiel. Expliciter les sigles Tout sigle utilisé doit être explicité, afin d être compris par tous. Lors de la première utilisation du sigle dans une page, il convient d écrire, par exemple : l'inspection générale de l'éducation nationale (IGEN). Il est ensuite possible d utiliser ce sigle, dans la même page, sans l expliciter. De plus, pour respecter l un des critères d accessibilité, dans le cas de sigles non prononçables par des appareils utilisés pour les handicapés visuels, il est nécessaire de séparer les lettres du sigle par des points. Par exemple : l inspection générale de l administration de l éducation nationale et de la recherche (I.G.A.E.N.R). mémo web > education.gouv.fr > Le cas spécifique du site 13

14 Éviter les phrases très longues Pour gagner en clarté, il convient d éviter les phrases longues et complexes. L utilisation de listes permet de rendre la page plus agréable à l œil. Les puces choisies pour sont des carrés orange. Ils introduisent de la couleur et structurent la page. Règles typographiques De façon générale, les règles à suivre pour sont les règles du Lexique des règles typographiques en usage à l imprimerie nationale. Parce que la lecture à l écran est différente de la lecture sur support papier, les règles suivantes doivent être prises en compte : bannir l'italique difficilement lisible à l'écran. Pour citer un titre, utiliser des guillemets ; utiliser le gras avec parcimonie, sur des mots clés. L ensemble des mots en gras, sur une page, doit constituer un niveau de lecture : l internaute qui balaie la page et ne lit que le gras doit pouvoir saisir les informations essentielles ; dans les titres et intertitres, bannir autant que possible les articles pour gagner en concision. Par exemple, préférer Mixité et égalité à La mixité et l'égalité ; ne pas écrire les noms propes en majuscule. Courriel ou Mél.? Courriel est le terme français qui désigne un document informatisé qu un utilisateur saisit, envoie ou consulte en différé, par l intermédiaire d un réseau. Un courriel contient le plus souvent un texte auquel peuvent être joints d autres textes, des images ou des sons. Les synonymes autorisés sont message électronique, courrier électronique et adresse électronique. Mél., contraction de messagerie électronique, est uniquement un symbole, précédant l énoncé d une adresse électronique, de même que Tél. s emploie devant un numéro de téléphone. Il ne peut être utilisé comme nom ou adjectif. Mail et sont des termes anglais. mémo web > education.gouv.fr > Le cas spécifique du site 14

15 Animer les pages L image est le premier élément perçu par l internaute. Attention au sens que véhicule chaque image, qu elle soit illustrative ou plus informative : rien n est fortuit. La diversité des sujets photographiés et des traitements graphiques (format, positionnement, recadrage, etc.) contribuera à rendre le site plus attractif mais surtout plus riche. L image au service de l information sélectionner des images pertinentes : les photos pour meubler n apportent rien et détournent l attention qui doit être focalisée sur l information ; choisir des images dont la compréhension est immédiate ; recadrer une image afin de se focaliser davantage sur le sujet ; ne pas utiliser deux fois la même photo dans le site ; éviter les images stéréotypées ; mentionner le copyright et nom du photographe. Un format et un positionnement appropriés définir le format de l image de façon à ne pas obliger l internaute à dérouler le texte ; définir le format de l image selon le cadrage : les gros plans peuvent être traités en vignette et les plans éloignés en format plus grand ; privilégier la colonne de droite en haut pour une image illustrative ; pour les photos insérées dans le texte, privilégier l alignement à gauche plutôt que le centrage ; positionner les photos d une série côte à côte avec un espace blanc entre ; pour les visuels des supports papier, respecter les proportions d origine des documents. en savoir + Graphisme et ergonomie des sites web, Cristina Barroca, Editions Dunod, chapitre 8 : l image Rester sobre et efficace éviter les effets (relief, ombre, cadre ) qui n ajoutent rien au message de la photo ; ne pas surcharger le site de photos illustratives, équilibrer l intégration des images au fil des pages ; maintenir les principes de choix et de traitement d images au fil des pages. mémo web > education.gouv.fr > Le cas spécifique du site 15

16 Annexes Webliographie Mémo Écrire pour le Web de Crawford Kilian La traduction française par Joel Ronez (Consultant en communication internet et spécialiste du contenu éditorial sur internet et des blogs) du texte Writing for the Web, Writing for the websites de Crawford Kilian. Écrire pour le Web explique pourquoi l écriture Web est différente, donne 4 conseils de base pour écrire sur internet ainsi que 3 principes à garder à l esprit. Writing for the Web, Writing for the websites, de Crawford Kilian Thot - Écrire en ligne, qu est ce que ça change? Une simple constatation : nous ne lisons pas de la même manière sur un écran que sur une feuille. Une conclusion : il existe donc des techniques de rédaction propre au monde de l internet. Redaction.be - Écrire pour le Web Une agence belge spécialisée dans l écriture destinée au web. Informations, études et réflexions pour les spécialistes de l information en ligne. Dossiers sur l écriture web et la manière d adapter son approche. Très riche de conseils conseils - pour bien écrire pour le web, Jean-Marc Hardy. Grille de contrôle de la qualité des contenus en ligne L ergonome Quelques recommandations pour la rédaction de contenus web. Adverbe.com - Écrire et rédiger pour le Web L agence Adverbe a 15 ans d expérience dans la presse et 10 ans dans les métiers de l internet. Uzine.net - Écrire un texte long sur le web Conseils pour l écriture de textes longs sur le Web. Contrairement à une idée reçue, on peut écrire long sur le web, si on est clair. mémo web > education.gouv.fr > Annexes 16

17 À consulter Bien écrire pour le web : textes, images, publicités, exercices et corrigés de Sébastien Bailly - Osman Eyrolles Multimédia - OEM Écrire en ligne? C'est d'abord trouver de bonnes réponses à une question simple : qu'est-ce que lire en ligne? L'objectif de ce guide est de vous fournir toutes les clefs, les astuces, les méthodes, pour rédiger des textes adaptés à la lecture sur Internet, en prenant en compte vos objectifs et le comportement de vos lecteurs. Ce livre décrit les principes généraux de l'écriture en ligne mais aussi les cas particuliers : l' , le communiqué de presse en ligne, les forums, les lettres d'information, la publicité. La plupart des chapitres du livre sont complétés par des exercices et leurs corrigés, qui vous permettront de mieux comprendre les principes énoncés. Ce livre est consultable et empruntable auprès du pôle web Outils d aide à la rédaction en ligne Ortho Net - langue française Informations utiles et conseils. Le Trésor de la langue française informatisé (TLFi) Consultation en ligne du TLFi, recherche par mot ou listes de mots. Un langage clair, ça simplifie la vie Le site de la Délégation aux usagers et aux simplifications administratives destiné à tous les agents de la fonction publique propose des outils pour vous aider à vous exprimer de façon plus simple et plus claire, de manière à être mieux compris de vos interlocuteurs : - un guide pratique où sont regroupés des conseils de rédaction ; - une sélection de termes administratifs obscurs pour l usager et qu il est préférable d expliquer ou de remplacer par des mots plus simples en suivant les suggestions du lexique ; - un logiciel, baptisé Lara qui, attirera automatiquement votre attention sur les termes complexes tout au long de votre rédaction ou qui vous permettra de vérifier rétrospectivement la clarté d un document. Délégation à la langue française Le site de la Délégation générale à la langue française. mémo web > education.gouv.fr > Annexes 17

18 Critères d accessibilité Tous les sites publics doivent obéir à des normes d accessibilité La loi n du 11 février 2005 pour l égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées précise que les services de communication publique en ligne des services de l État, des collectivités territoriales et des établissements publics qui en dépendent doivent être accessibles aux personnes handicapées. Un accès aux services de l administration électronique pour tous Tous les sites gouvernementaux et leurs services doivent être mis à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales (Définition de l accessibilité par le World Wide Web Consortium). Le site Un soin tout particulier est pris pour rendre le site internet du ministère de l éducation nationale, de l enseignement supérieur et de la recherche le plus accessible possible, tout particulièrement aux personnes ayant un handicap visuel. Les pages sont progressivement mises en conformité avec les recommandations du référentiel commun des critères d accessibilité des services internet de l administration française proposé par la Direction générale de la modernisation de l État (D.G.M.E., le service pour le développement de l administration électronique) ainsi que les recommandations de l association BrailleNet. La prise en compte de l ensemble de ces critères nécessaires à la mise en ligne de sites et services intranet et internet de l administration française permet de rendre accessible le site à tous les citoyens, avec un confort d utilisation et de navigation optimisé. Sites à consulter Direction générale de la modernisation de l État et en particulier le référentiel accessibilité des services internet de l administration française Accessiweb et en particulier le guide Accessiweb Association BrailleNet Textes de référence Loi n du 11 février 2005 pour l égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées mémo web > education.gouv.fr > Annexes 18

19 Charte graphique Un prolongement en ligne de l image institutionnelle du ministère Attractive et fonctionnelle, la charte graphique du site marque une étape importante dans le développement de l identité visuelle du ministère. Elle répond à une volonté d aller vers davantage de simplicité, de clarté et d accessibilité. L univers graphique conçu pour education.gouv.fr est un véritable dispositif de communication qui valorise, l actualité, l information politique, l information institutionnelle, les ressources et les services. Une architecture verticale education.gouv.fr est structuré de façon verticale ce qui constitue une rupture avec les codes graphiques existants (absence de bandeau horizontal en haut de page). L information est présentée entre deux marges verticales de couleur, avec, en marge gauche, le logo du ministère, le nom du site, le menu et les pictogrammes de navigation. Des contenus modulables Il est possible de valoriser certaines informations selon la teneur de l actualité. Ainsi, les contenus peuvent évoluer et circuler dans la page passant de la zone chaude (informations récentes) en haut de page, à la zone froide (informations plus pérennes de type ressources ou services) en bas de page. L importance de l iconographie, notamment dans le traitement de à la une permet cette mise en relief de l information. Un caractère identitaire Le site reprend pour sa page d accueil et ses titres de rubrique, la police de caractère Industria préconisée dans la charte graphique du ministère. La force visuelle de cette typographie associée à une très forte hiérarchisation des niveaux de textes permet d allier originalité et simplicité. Des signes graphiques utiles Les éléments graphiques créés pour le site s harmonisent à la nature de l information qu ils accompagnent. Ils sont peu nombreux et très signifiants : un signe dominant, la flèche avec et sans arc de cercle ; une gamme de pictos ; une barre verticale de sommaire ; des pictos illustratifs en fonds d encadrés ; des puces en cas d énumération. De la couleur Le site est coloré : couleurs denses, contrastées et lumineuses. La charte graphique web pourra évoluer dans le temps selon les besoins en termes de communication et de navigation. mémo web > education.gouv.fr > Annexes 19

20 Formats des bannières fixes et animées Les formats retenus sont : x 250 pixels x 150 pixels x 75 pixels x 60 pixels x 90 pixels mémo web Directrice de la publication Véronique Mély, déléguée à la communication Directrice de la rédaction Nicole Krasnopolski, chef du bureau de l'édition et de la création graphique et multimédia de la délégation à la communication du ministère de l éducation nationale, de l enseignement supérieur et de la recherche. Rédaction Sonia Rémy, responsable du pôle web - sonia.remy@education.gouv.fr Olivier Colas, responsable adjoint du pôle web - olivier.colas@education.gouv.fr Agnès Beauguitte, rédactrice web avec la participation de Florence Bottollier-Eid, conseillère artistique Conception graphique Pauline Ranck, graphiste

21 thématique titre du document Mémo web éditeur Pôle web - bureau de l édition et de la création graphique et multimédia contact delcom-equipe.web@education.gouv.fr date de parution Décembre 2006 conception / réalisation Délégation à la communication impression MENESR