Faciliter la lecture d`informations sur le web
Contents
1. Lisibilit cognitive optimiser la lecture l cran On peut parler de lisibilit cognitive pour repr senter l effort cognitif exig par la lecture du contenu d une page web Par optimiser la lecture on entend faciliter la distinction des groupes d informations et de leur r le mais aussi faciliter la compr hension du contenu Toutes ces dimensions correspondent ce que Jonassen a appel la technologie textuelle c est dire tous les moyens permettant de structurer les textes pour faciliter leur appr hension et leur compr hension 3 1 Un format r dactionnel adapt la lecture sur le web La majorit des utilisateurs 80 selon une tude de Nielsen amp Morkes cf r f rence dans les lectures compl mentaires ne lisent pas les contenus des sites Internet Selon les experts 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 faux faux faux faux faux faux faux faux faux feux faux faux faux faux faux faux Cherchez l intrus Il s agit 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 On doi2. barre lat rale favoris historique ou non etc Les utilisateurs aid s par les technologies mat rielles et notamment l apparition de la roulette sur les souris ont appris scroller 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 O Fournir des rep res de positionnement vertical Un des inconv nients d un long texte est que lors de la lecture d une longue page verticale haute de plusieurs crans on a tendance perdre sa position verticale dans la page On peut donc recommander de fournir des rep res de positionnement vertical qui seront des rep res visuels forts dans le texte Ces rep res peuvent tre des images mais aussi les liens hypertextes l int rieur du texte les enrichissements typographiques les titres ou un d coupage en paragraphes On doit alors s int resser aux moyens de mise en valeur des informations importantes voqu s pr c demment Toutes ces m thodes augmentent la lisibilit cognitive et sont un support au rep rage dans la page http wWww ergolab net articles faciliter lecture informations web html 6 http www ergolab net 3 3 Qualit du contenu La derni re id e que nous proposerons pour faciliter la lecture des informations sur le web est de se pr occuper de la qualit de ces informations Cette recommandation peut para tre triviale
3. mais elle est essentielle On remarque que les utilisateurs visitent les sites qui leur apportent une information de qualit qui correspond leurs attentes et qui est souvent mise jour L utilisabilit des sites web est donc un pilier de leur qualit utilisateur mais n est pas suffisante Pour les utilisateurs le contenu est premier L objectif du web doit rester de servir la recherche d informations On rejoint ici l id e qu optimiser l utilisabilit ne peut pas se faire ind pendamment d une pr occupation concernant l utilit des contenus pr sent s Conclusion Faciliter la lecture d informations sur le web c est donc la fois travailler sur la facilit de perception et sur la facilit de compr hension du contenu S ajoutent ces consid rations tout ce qui tourne autour de l accessibilit des sites web notamment l adresse des d ficients visuels Si le site doit pouvoir tre vu et lu correctement il doit aussi pouvoir tre trait par une synth se vocale avec efficacit et efficience et son apparence devrait pouvoir s adapter en fonction des choix de l utilisateur Pour en savoir plus Ressources en ligne University of St Thomas Writing for effective web pages http www iss stthomas edu studyguides writing_content htm Arno 2002 Pr senter des textes longs sur le web La lecture facile l cran Uzine net http www uzine net article1738 html Henning K 2001 Writing for Readers Who Sc
4. n a pas forc ment pour cons quence de p naliser l utilisateur En effet on doit se poser la question de la pertinence de l information Si l information pr sent e est par d finition du contenu article mode d emploi texte officiel on peut se permettre qu il soit long Tout doit tre contextualis selon la fonction des textes les textes de pr sentation supportant la navigation et la compr hension du contenu du site ou plus sp cifiquement de la page doivent tre courts Les textes de contenu recherch s par les utilisateurs peuvent tre longs Cela peut m me devenir un gage de qualit Les tudes du Poynter Institute voir les lectures compl mentaires ont montr que d s que le contenu recherch est identifi le processus de lecture n est plus de type scan et le parcours oculaire revient la normale 75 du texte est alors lu et non parcouru O Fournir 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 Il reste d terminer le seuil au del duquel on consid re que le texte est long Si on laisse le texte entier disponible l cran on peut entreprendre un travail de r criture du contenu pour l abr ger Mais surtout on doit tout faire pour faciliter la lecture de ce texte l cran O Fournir un s
5. an Clickz com http www clickz com design onl_edit article php 836621 Petersen C 2001 Writing for a Web audience Ten Web writing tips to gain your Web visitors trust and keep them coming back for more IBM http www 106 ibm com developerworks web library us writ Les tudes eye tracking du Standford Poynter Project http Www poynterextra org et i htm et la position de J Nielsen ce propos http www useit com alertbox 20000514 html Bastien C 2001 Quelques recommandations pour la r daction de contenus Web Lergonome org http www lergonome org pages detail_articles php indice 14 Morkes J amp Nielsen J 1998 Applying Writing Guidelines to Web Pages Useit com http www useit com papers webwriting rewriting html Morkes J amp Nielsen J 1997 Concise SCANNABLE and Objective How to Write for the Web Useit com http www useit com papers webwriting writing htmil http wWww ergolab net articles faciliter lecture informations web html 7 http www ergolab net Nielsen J 1997 Be succinct Writing for the Web Useit com http www useit com alerthbox 9703b html Nielsen J Schemenaur P J amp Fox J Writing for the Web Sun http www sun com 980713 webwriting INRS 1997 Les crans de visualisation Guide m thodologique pour le m decin du travail Version actualis e Document t l chargerLisibilit Intelligibilit de documents d information http
6. ensation de confort visuel est en grande partie d termin e par le contraste des mots avec le fond L acuit visuelle est meilleure lorsque le caract re observer est sombre sur fond clair On recommande donc de favoriser les contrastes positifs c est dire d utiliser un fond clair avec des caract res fonc s DB Contrastes positif et n gatifs Il est toutefois noter qu un contraste de luminances trop lev peut provoquer un blouissement g nant pour l op rateur En ce qui concerne les combinaisons de couleurs caract re fond on vitera les couleurs http www ergolab net articles faciliter lecture informations web html 2 http www ergolab net compl mentaires Pour plus de pr cisions sur les combinaisons recommand es le lecteur pourra consulter le guide dit par l INRS voir les lectures compl mentaires 2 2 Caract res La lisibilit d pend non seulement du contraste caract re fond mais aussi de param tres propres aux caract res taille des caract res affich s m me si cette taille doit tre pond r e par la distance entre l il de l utilisateur et l cran la taille du caract re peut d ailleurs compenser un mauvais contraste espacement des lettres espacement des mots et des lignes typographie Pour plus de pr cisions sur les recommandations sur les caract res le lecteur pourra encore une fois se reporter au guide de l INRS voir les lectures compl mentaires 3
7. f on parle de readability pour d signer la lisibilit cognitive la fa on dont un texte peut tre int gr au niveau cognitif et compris par l utilisateur On doit optimiser ces deux aspects pour faciliter la lecture d informations sur le web On se situe donc dans l tude de deux p les compl tement diff rents un p le physique un p le conceptuel 2 Lisibilit visuelle optimiser la perception du texte l cran L interface par laquelle l utilisateur per oit les informations est l cran Lire des informations sur le web c est donc lire via ce support physique Malheureusement ce n est pas le support le plus indiqu pour l activit de lecture Ces difficult s ne sont d ailleurs pas sp cifiques au web mais toute activit de lecture l cran Tout d abord nous sommes habitu s lire sur papier On a ainsi acquis des r flexes de lecture qui sont difficilement transposables lors de la lecture sur cran Ensuite nos http wWww ergolab net articles faciliter lecture informations web html 1 http www ergolab net caract ristiques physiologiques ne nous permettent pas de lire sur cran comme sur papier D chiffrer les caract res et les assembler est en g n ral plus lent et plus fatiguant sur cran La lecture sur cran serait plus lente de 25 comparativement la lecture papier De plus une lecture prolong e ou r p t e sur cran est susceptible d entra ner des probl mes de fat
8. http www ergolab net Faciliter la lecture d informations sur le web date de r daction 15 11 2003 Sommaire Introduction 1 Lisibilit visuelle vs lisibilit cognitive 2 Lisibilit visuelle optimiser la perception du texte l cran 2 1 Couleurs et contrastes 2 2 Caract res 3 Lisibilit cognitive optimiser la lecture l cran 3 1 Un format r dactionnel adapt la lecture sur le web 3 2 Comment pr senter de longs textes 3 3 Qualit du contenu Conclusion Pour en savoir plus Introduction Ecrire pour le web c est d abord crire pour tre lu l cran Cet article exposera donc bri vement les enjeux de la prise en compte des caract ristiques perceptives de l tre humain Au del de ces consid rations concernant le confort perceptif le contenu doit tre adapt au m dia En effet on n crit pas du texte pour un site web comme du texte destin un support papier Nous pr senterons donc plusieurs techniques permettant d adapter un texte la fa on dont les utilisateurs lisent l cran 1 Lisibilit visuelle vs lisibilit cognitive Deux dimensions composent le crit re de lisibilit On doit distinguer la lisibilit mat rielle de la lisibilit cognitive d un texte En anglais deux adjectifs diff rents sont employ s pour d signer ces dimensions on parle de legibility pour d signer la lisibilit mat rielle visuelle d un texte On r f re donc au niveau percepti
9. igue visuelle dus en grande partie une sollicitation importante de l il La sensation de confort visuel et les conditions de vision optimale d pendent troitement de la r partition des contrastes des luminances On doit donc optimiser les caract ristiques perceptives des informations afin d en faciliter la lecture 2 1 Couleurs et contrastes Pour am liorer la vitesse de perception et le confort visuel on doit optimiser les couleurs employ es La vitesse de perception se caract rise par le temps qui s coule entre la pr sentation d un objet au sujet et la perception visuelle de cet objet La perception est d autant plus rapide que les diff rences de luminances entre l objet et l ambiance sont plus marqu es On peut globalement dire d un point de vue ergonomique que le contraste positif fond clair caract res sombres est plus ad quat que le contraste n gatif fond sombre caract res clairs A clairement gal le diam tre pupillaire est plus petit en contraste positif qu en contraste n gatif En cons quence la focalisation sur l cran est plus facile pour l il en contraste positif car la profondeur du champ augmente Le contraste positif s av re donc moins fatigant pour la vision que le contraste n gatif Les performances dans un certain nombre de t ches v rification de chiffres recherche d informations sont meilleures sur des crans fond clair que sur des crans fond sombre Enfin la s
10. ommaire Ce sommaire peut se pr senter sous forme de liens hypertexte internes ancres ou non En effet un d faut de ce type de lien est de perturber l utilisateur dans sa repr sentation du comportement du syst me Un lien hypertexte est classiquement un lien qui dirige vers une autre page L utilisation de liens pour un sommaire menant vers des endroits pr cis dans la m me page peut para tre contradictoire Il s agit donc de signifier clairement l utilisateur la nature de ces liens par exemple en les faisant pr c der du titre sommaire en d crivant explicitement la proc dure suivre pour utiliser ce type de liens ou en expliquant leur fonctionnement On peut se permettre d esp rer un apprentissage de la part de l utilisateur qui sera peut http wWww ergolab net articles faciliter lecture informations web html 5 http www ergolab net tre surpris la premi re fois mais comprendra vite le fonctionnement de ce type de liens On peut l aider dans cet apprentissage en repr sentant les ancres dans un format diff rent de tous les autres liens du site On facilite ainsi la premi re tape de l apprentissage savoir la reconnaissance de ce qui fait la diff rence de ces liens O D couper le texte en plusieurs pages discutable C Bastien indique que Les internautes ne semblent pas aimer le d filement des pages longues voir l article de lergonome org dans les lectures compl mentaires J Nielsen a d ailleu
11. rs expos la m me id e ainsi que de nombreux experts en ergonomie web 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 oeil 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 de d couper 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
12. t pr senter les informations dans un format adapt cette lecture particuli re On essaiera donc de suivre les recommandations suivantes mettre en valeur les informations importantes les mots cl s utiliser des enrichissements typographiques tels que le gras ou l italique prendre http wWww ergolab net articles faciliter lecture informations web html 3 http www ergolab net en compte que le style italique est moins lisible qu un style classique faux faux faux faux faux faux faux faux faux feux faux faux faux faux faux faux Cherchez l intrus le passage en gras rend le signal plus saillant 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 fournir un sommaire pour les longs textes s parer le texte en parties significatives leur attribuer des titres et sous titres cat goriser les informations et faire ressortir cette cat gorisation soit par la localisation physique des l ments on s pare ce qui ne se ressemble pas soit par le format on pr sente dans un format diff rent les l ments qui sont diff rents faux faux faux faux fau
13. www ling uqam ca sato publications bibliographie C3lisib htm Ressources externes Kilian C 2000 Writing for the Web Geeks Edition Self Counsel Press Krug S 2000 Don t make me think Chapter 5 Omit needless words The art of not writing for the Web New Riders gt lire la chronique ergolab http www ergolab net livres dont make me think html Cail F 1998 Pr sentation de l information sur cran de visualisation Revue Bibliographique Cahiers de notes documentaires n 151 INRS Cail F 1995 Le travail sur cran en 50 questions INRS http wWww ergolab net articles faciliter lecture informations web html
14. x faux faux faux faux faux faux faux faux faux feux Cherchez l intrus les bruits et le signal sont s par s physiquement ce qui facilite la d tection du signal fournir une id e par paragraphe on part du principe que les utilisateurs ne lisent en g n ral pas les paragraphes en entier mais essaient d en extraire l id e principale inverser les r gles de style classiques on pr conise de commencer par la conclusion diviser la quantit de mots par deux par rapport un texte classique Every sentence every phrase every word has to fight for its life Crawford Kilian Writing for the Web faux faux faux faux faux feux faux faux Cherchez l intrus la r duction du nombre de mots de 50 permet de trouver plus facilement le signal parmi les bruits http wWww ergolab net articles faciliter lecture informations web html 4 http www ergolab net Nous verrons par la suite que 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 employer la voix active des lignes de texte ni trop longues ni trop courtes environ 80 caract res 3 2 Comment pr senter de longs textes O Le droit d crire long La recherche d informations est une des activit s principales sur le web Fournir une information de qualit n cessite parfois d exposer des textes longs Cela
Download Pdf Manuals
Related Search