71
Rédaction Web 7/06/22

Cours rédaction web mai2013

Embed Size (px)

DESCRIPTION

 

Citation preview

  • 1. Rdaction Web29 mai 2013

2. IntroductionPrsentation de la formationet des participants 3. Spcificits de la lecture webAdapter la rdaction despages web au comportementde linternaute 4. Comportement de linternaute Recherche dinformation Avant de lire, vrification rapide en diagonale La page contient-elle les bonnes informations? Scanning 80% scannent 20% lisent Lecture, une fois la vrification faite 80% du texte lu 20% parcouru 5. Adapter la rdaction web Autoriser aux internautes de scanner Pages navigantes Penser donner lire Pages finales de contenu Concevoir la page web pour Supervision du contenu (5 sec) Lecture ventuelle plus soutenue (30 sec) Assimilation postpose de linformation (pdf) 6. Les chemins de la lecture Reportage video Arte Ral. Jean-Pierre Gibrat artevod Conclusions Visibilit Lisibilit Comprhension 7. Les chemins de la lecture 8. Les chemins de la lecture 9. Les chemins de la lecture 10. Principes de la rdaction webLes 6 principesutiles pour rdiger sur le web 11. Principes de la rdaction webAccessibilitDcoupagePertinenceTitrageCohrenceIntgration des visuels 12. AccessibilitRendre le contenu accessible pour tous lesinternautes1 13. Accessibilit Citoyenne Accs internet Technique Accs au site web et la page Linguistique Langue, vocabulaire et syntaxe Communicationnelle Prsentation et dtails Rfrentielle Google 14. viter le jargon Administratif La note susmentionne, lalina prcit, Technocratique La politique de la ville, contribuant la vie desvaleurs essentielles, intressant tous les champs delexistence, la personne et la socit, le pass leprsent et le futur, devient une constructionmobilisatrice. Expert Les mtadonnes et XML 15. viter les difficults lexicales Nologismes Sigles Cocof, bfe Substantifs crits impersonnels (on, voix passive) actionner le vous! Anglicismes Teenager, coach, hacker, job, webmaster 16. DcoupageScinder linformation en petites units, plusfaciles assimiler2 17. 3 - 5 - 7 Mmoire courte 7 +/- 2 lments par crit 5 +/- 2 lments sur cran Valable pour Liste puces Blocs dinformation Modules Exemples: tlphone, compte bancaire, 18. 3 - 5 - 7 19. Test 1PommeRugbyMathmatiqueCitronVolleyPruneTennisReligionBananeFootballMirabelleGolfChimieGymnastiquePoireOrangeBiologieInformatiqueVritHandballconomieBut : mmoriser le plus de mots en 20 sec (temps moyen de visibilit) 20. Rsultats du testParticipant Test 1 Test 2 Test 3 21. Dcoupage Rcriture par dcomposition et regroupement Exercice Scinder et regrouper de manire pertinente Sur www.brufo.be/redac Identifiant: redacXX Mot passe: redactionXX Indiquer son prnom dans le profil 22. PertinenceRegrouper les informations qui portent sur unmme sujet3 23. Regroupement pertinentPommePoireBananeOrangeCitronPruneMirabelleRugbyFootballHandballVolleyGolfGymnastiqueTennisMathmatiqueBiologieInformatiqueVritReligionChimieconomie 24. Test 2SourisImprimanteClaviercranLogicielModemScannerCarotteCeleriPanaisChou-fleurArtichautTomateSaladeViolonPianoGuitareMlodieCompositionTrompetteFlute 25. Se poser les bonnes questions Les 5 W et 2 H What, who, where, when, why How, how much En franais Quoi, qui, quand, o, pourquoi Comment, combien 26. La bonne info au bon endroitAccrocheCorps de texteDtails 27. La bonne info au bon endroitPitch 5 WDveloppement5 W et 2 Hinfos pratiques, liens,autour de larticle 28. La bonne navigation interneSur la page navigantetitre et extrait (en bref)Sur la page de contenuarticle completEn lien, pour en savoir plusdocument pdf 29. Regrouper grce aux questions Rcriture par regroupement Exercice Scinder et regrouper de manire pertinente Se poser les bonnes questions Travail 2 Document Word 30. TitrageAttribuer un titre chaque bloc dinformation4 31. Titrage Titrer Page Bloc dinformation Faciliter lassimilation du contenu la reconnaissance de dtails trouver pour ceux qui en ont besoin passer pour ceux qui nen ont pas besoin 32. TitrageFruits Sport SciencePommePoireBananeOrangeCitronPruneMirabelleRugbyFootballHandballVolleyGolfGymnastiqueTennisMathmatiqueBiologieInformatiqueVritReligionChimieconomie 33. Test 3Cuisine italienne Bricolage PtisserieTiramisuCannelloniBolognaiseLasagneRisottoPizzaHuile doliveCaisse outilsMarteauCl anglaiseVisMtreForeuseClouFarineSucreOeufMouleGteauGaufreCrme frache 34. TitrageType Identifie ExemplesGnriqueFonction du blocdinformation( rdacteur)IntroductionContexteObjectifDfinitionContenuContenu du blocdinformationLe monde du web aujourdhuiEmplacement des postes dalarmeModes daffichage dun diaporamaCombinaison Les 2Dfinition : le bloc dinformationProcdure : encaissement dun chque 35. Titrage criture dune page web Exercice : le cake au citron Pour un blog culinaire Veillez Unicit de ton (actionner le vous ) Un mme vocabulaire Une structure pertinente Une mise en forme cohrente 36. CohrencePour un contenu semblable, utiliser lesmmes termes, formats, 5 37. viter les hiatus 38. viter les incohrences 39. Test 3Cuisine italienne Bricolage PtisserieTiramisuCannelloniBolognaiseLasagneRisottoPizzaHuile doliveCaisse outilsMarteauCl anglaiseVisMtreForeuseClouFarineSucreOeufMouleGteauGaufreCrme frache 40. Test 4 - cohrencePtes Outils PtisserieSpaghettiCannelloniTortelliniLasagneRigatoniTagliatellePapardeleTournevisMarteauTenailleCl anglaiseScieCutterPinceFarineSucreSelOeufBeurreVanilleCrme frache 41. viter les incohrences 42. Comprendre un ensemble de formes 43. ProximitAB 44. Regroupement par proximitrapide 45. Regroupement par proximit Gographique Ergonomique Smantique Graphique 46. Composition de la page 47. Composition de la page 48. Cohrence de la page 49. Cohrence de la page Vocabulaire Titres dun mme type Intonation unique verbes daction emploi du vous Mise en forme uniforme lments typiques Symboles Pictogrammes 50. Congruence de la page Utiliser des mots en accord avec le site liste des mots cls ou expressions regroups par thme, en fonction des catgories Dfinir une liste conformment aux usages du Web Voir les tendances des usagers sur google Voir les donnes de recherche en interne 51. Utiliser les bons mots Limiter +/- 5 mots pour une page 10 ou 20 mots pour un site 50 mots pour un site tendu Dfinir un thesaurus Saider des outils Google Google Tendances : les tendances de recherche Google AdWords : les suggestions de mots-cls 52. Utiliser les outils Google 53. Utiliser les outils Google 54. Utiliser les outils Google 55. Utiliser les outils Google 56. Les bons mots aux bons endroits 57. Les bons mots aux bons endroitsAdresse URLBalise Balise TexteHypertexteMetadonnesImg 58. Trouver titres et bons mots Rcriture avec titrage Exercice Scinder et titrer de manire pertinente Se poser les bonnes questions Trouver 5 mots cls Rdiger des titres significatifs Travail 2 Document Word 59. Intgration devisuelsUtiliser des lments graphiques commepartie intgrante de la rdaction6 60. La mort par la rdaction web Comment causersa propre perte 61. Pas assez dimages 62. Test 3CuisineItalie Tiramisu Cannelloni Bolognaise Lasagne Risotto Pizza Huile doliveBricolage Caisse outils Marteau Cl anglaise Vis Mtre Foreuse ClouPtisserie Farine Sucre Oeuf Moule Gteau Gaufre Crme 63. Cerveau gauche/droitimagelangage 64. Parlerde manire image 65. Intgration de visuels Liste puces Tableau Illustration Pictogramme Graphique Diagramme 66. Intgration de visuels Prsenter visuellement un texte prsentant desconditions et actions Nous offrons un crdit aux clients qui nous ont djpass des commandes. Si le montant dune nouvellecommande est infrieur 25, nous nous attendons un paiement immdiat parce que les fraisadministratifs seraient trop levs pour justifier uncrdit. Les clients dont la commande se situe entre25 et 500 peuvent bnficier dun crdit. Dans lecas de commandes dont le montant est suprieur 500 , vous devez consulter votre suprieur. 67. Intgration de visuelsSi le montant de lafacture estAlors< 25 Refusez le crditEntre 25 et 500 Accordez le crdit>500 Consultez le suprieur 68. Intgration de visuels Dcrire une structureBruxellesFormationTremplinBureau etservicesIndustrie 69. Intgration de visuels Exercice Expliquer lesA, B, C et D Organigramme sous Powerpoint enregistr comme image Schma, organigramme,