Editing sur les supports numriques

France Tlvision - 23 novembre 2011

1. Les spcificits du web

1. 2. Lecture sur cran & consquences physiques - Effort physique sur la nuque Consquence : lecture 25 % plus lente - L'il ne lit pas, il scanne Consquence : 79 % des lecteurs "balaient" la page

Sources : Jakob Nielsen, chercheur sur les usages du web Cabinet Kpper

1. Les spcificits du web

1.2 Lecture sur cran & consquences intellectuelles - Liens hypertextes Consquence : lecture discontinue qui ncessite une "hyperattention" (par opposition la lecture linaire du papier) - Possibilit de zapper Consquence : lecture volage

1. Les spcificits du web

1.3. Que voit le lecteur ? Eye-tracking Etude mene en 2005 par Nielsen sur 255 personnes Conclusion Texte mal prsent = info introuvable et non mmoriosable

1. Les spcificits du web

1.3. Que voit le lecteur ? Exemple 1 : de l'usage du texte Version rvise = moins de texte, moins d'image Consquence : lecture plus homogne Le lecteur retient 34 % mieux

1. Les spcificits du web

1.3 Que voit le lecteur ? Exemple 2 : de l'usage des images Lecture plus fluide sur la version rvise Conclusion : l'image prtexte ne sert rien

Exemple 3 : Que regardent les hommes, et les femmes ?

1. Les spcificits du web

1.3 Que voit le lecteur ? Exemple 4 : que voit-on sur Google ? On lit de gauche droite de manire linaire dans un triangle d'or = les 5 premiers rsultats

Source : Enquiro Serach (2005)

1. Les spcificits du web

1.4. Quelles vidos regardent l'internaute ? 95 % des internautes regardent des vidos Dure optimale : 2 minutes pour 41,7 % des internautes 5 minutes max pour 46,5 % 15 minutes max pour 7,4 % > 15 minutes pour 4,4 %
Source : Journal du Net

2. Ecrire pour le web

2.1. Ecrire pratique : 15 secondes pour convaincre - Texte court, concis, structur - 1 article = 1 sujet - 5 W dans les 2 premiers paragraphes (what, who, when, where, why) - Donner l'info ds le dpart

2. Ecrire pour le web

2.1 Ecrire pratique : faciliter la lecture Editer pour permettre 3 niveaux de lecture 1) Le titre 2) Titre + intertitres 3) Texte entier Exemple : Rue89

2. Ecrire pour le web

2.2. Accrocher l'oeil - Paragraphes de 5 lignes max - Alterner la longueur des para pour rythmer, surprendre - Information cl en premier puis drouler - Choix de l'image : pertinente, originale - Importance du titre : informatif pour guider le lecteur

2. Ecrire pour le web

2.3. La structure du texte Titre : angl sur la dernire info Chap : informatif ou incitatif concis (4 lignes max) reprend les mots cls (pour Google) Intertitres : structurent le texte permettent de lire de travers Paragraphe : court 1 para = 1 ide

2. Ecrire pour le web

2.4. Ecrire pour Google Mots cls dans le titre + dbut du texte Rpter les mots cls Eviter les paraphrases > le prsident de la Rpublique = Nicolas Sarkozy Equilibrer confort de lecture / Google

3. Passer du papier au web

3.1. Faciliter la lecture = adapter la lecture sur cran - titre informatif angl sur la nouveaut - ajouter des paragraphes - raccourcir les phrases - ajouter une photo : vrifier le copyright + la source

3. Passer du papier au web

3.1. Enrichir la lecture (1) - insrer des liens hypertextes : articles sur le mme sujet sur le mme site articles sur le mme sujet sur un autre site sources Exemple : lemonde.fr Contre-exemple : Stratgie

3. Passer du papier au web

3.1. Enrichir la lecture (2) - Ajouter des formats multimdias vidos : o en chercher ? distinguer date de diffusion / ralisation se mfier des "fake" Google Map Infographie Chronologie (Dipity)

3. Passer du papier au web

3.2. Faire voluer l'article Sur le web, un article n'est jamais termin - tenir compte des commentaires (tmoignage, information, fautes...) - rpondre aux commentaires - publier avant d'avoir une conclusion : feuilleton - ajouter un contenu aprs publication (photo, vido...) - mettre jour l'information

3. Passer du papier au web

3.3. Les balises de base du code HTML (1) Toute action entame doit tre conclue <dbut> </fin> <strong> ou <B> gras <U> soulign <S> ray <I> italique

3. Passer du papier au web

3.3. Les balises de base du code HTML (1) <br> retour la ligne <PRE WIDTH=?></PRE> largeur < CENTER></CENTER> centr <IMG SRC="URL"> image <A HREF="URL"></A> insrer un lien liste complte des balises

4. Les temps de l'criture

4.1. L'urgence - envoyer une alerte mobile ou sur Twitter - ouvrir un live = commenter et enrichir un vnement en direct - Etre bref, synthtique - Alterner les formats : texte, liens, photos, vidos - A chaud, reconnatre son ignorance : conditionnel, sourcer Exemple : NouvelObs.com (lection Snat)

4. Les temps de l'criture

4.2. Formats longs - Texte : feuilleton Exemple Rue89 (pisode 1 / pisode 2) - Photos : diaporama Le texte devient accessoire Exemple NouvelObs - Vidos : reportage, zapping tl, best of web 3 minutes max contextualiser par du texte Exemple : LeMonde fr

4. Les temps de l'criture

4.3. Assurer le service "aprs-vente" La rgle = TOUJOURS rpondre aux questions des internautes Mais : Don't feed the troll - Diffuser son article sur Twitter et Facebook - Adapter le ton et le titre au support de diffusion - Lire et rpondre aux commentaires