Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Andere mochten auch
Andere mochten auch (20)
Ähnlich wie Cours rédaction web mai2013
Ähnlich wie Cours rédaction web mai2013 (20)
Cours rédaction web mai2013
- 1. Rédaction Web 29 mai 2013
- 2. Introduction Présentation de la formation et des participants
- 3. Spécificités de la lecture web Adapter la rédaction des pages web au comportement de l’internaute
- 4. Comportement de l’internaute • Recherche d’information – Avant de lire, vérification rapide en diagonale – La page contient-elle les bonnes informations? • « Scanning » – 80% scannent – 20% lisent • Lecture, une fois la vérification faite – 80% du texte lu – 20% parcouru
- 5. Adapter la rédaction 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 postposée de l’information (pdf)
- 6. Les chemins de la lecture • Reportage video – Arte – Réal. Jean-Pierre Gibrat – artevod • Conclusions – Visibilité – Lisibilité – Compréhension
- 7. Les chemins de la lecture
- 8. Les chemins de la lecture
- 9. Les chemins de la lecture
- 10. Principes de la rédaction web Les 6 principes utiles pour rédiger sur le web
- 11. Principes de la rédaction web Accessibilité Découpage Pertinence Titrage Cohérence Intégration des visuels
- 12. Accessibilité Rendre le contenu accessible pour tous les internautes 1
- 13. Accessibilité • Citoyenne – Accès internet • Technique – Accès au site web et à la page • Linguistique – Langue, vocabulaire et syntaxe • Communicationnelle – Présentation et détails • Référentielle Google
- 14. Éviter le jargon • Administratif – « La note susmentionnée, l’alinéa précité, … » • Technocratique – « La politique de la ville, contribuant à la vie des valeurs essentielles, intéressant tous les champs de l’existence, la personne et la société, le passé le présent et le futur, devient une construction mobilisatrice. » • Expert – « Les métadonnées et XML… »
- 15. Éviter les difficultés lexicales • Néologismes • Sigles – Cocof, bfe… • Substantifs – écrits impersonnels (on, voix passive…) – actionner le vous! • Anglicismes – Teenager, coach, hacker, job, webmaster…
- 16. Découpage Scinder l’information en petites unités, plus faciles à assimiler 2
- 17. 3 - 5 - 7 • Mémoire courte – 7 +/- 2 éléments par écrit – 5 +/- 2 éléments sur écran • Valable pour – Liste à puces – Blocs d’information – Modules • Exemples: téléphone, compte bancaire, …
- 18. 3 - 5 - 7
- 19. Test 1 Pomme Rugby Mathématique Citron Volley Prune Tennis Religion Banane Football Mirabelle Golf Chimie Gymnastique Poire Orange Biologie Informatique Vérité Handball Économie But : mémoriser le plus de mots en 20 sec (temps moyen de visibilité)
- 20. Résultats du test Participant Test 1 Test 2 Test 3
- 21. Découpage • Réécriture par décomposition et regroupement – Exercice « » – Scinder et regrouper de manière pertinente – Sur www.brufo.be/redac • Identifiant: redacXX • Mot passe: redactionXX • Indiquer son prénom dans le profil
- 22. Pertinence Regrouper les informations qui portent sur un même sujet 3
- 25. Se poser les bonnes questions • Les 5 W et 2 H – What, who, where, when, why – How, how much • En français – Quoi, qui, quand, où, pourquoi – Comment, combien
- 26. La bonne info au bon endroit Accroche Corps de texte Détails
- 27. La bonne info au bon endroit Pitch 5 W Développement 5 W et 2 H infos pratiques, liens, autour de l’article
- 28. La bonne navigation interne Sur la page navigante titre et extrait (en bref) Sur la page de contenu article complet En lien, pour en savoir plus document pdf
- 29. Regrouper grâce aux questions • Réécriture par regroupement – Exercice « » – Scinder et regrouper de manière pertinente – Se poser les bonnes questions • Travail à 2 • Document Word
- 30. Titrage Attribuer un titre à chaque bloc d’information 4
- 31. Titrage • Titrer – Page – Bloc d’information • Faciliter – l’assimilation du contenu – la reconnaissance de détails • à trouver pour ceux qui en ont besoin • à passer pour ceux qui n’en ont pas besoin
- 33. Test 3 Cuisine italienne Bricolage Pâtisserie Tiramisu Cannelloni Bolognaise Lasagne Risotto Pizza Huile d’olive Caisse à outils Marteau Clé anglaise Vis Mètre Foreuse Clou Farine Sucre Oeuf Moule Gâteau Gaufre Crème fraîche
- 34. Titrage Type Identifie Exemples Générique Fonction du bloc d’information ( rédacteur) Introduction Contexte Objectif Définition Contenu Contenu du bloc d’information Le monde du web aujourd’hui Emplacement des postes d’alarme Modes d’affichage d’un diaporama Combinaison Les 2 Définition : le bloc d’information Procédure : encaissement d’un chèque
- 35. Titrage • Écriture d’une page web – Exercice « » : le cake au citron – Pour un blog culinaire • Veillez à – Unicité de ton (actionner le vous ) – Un même vocabulaire – Une structure pertinente – Une mise en forme cohérente
- 36. Cohérence Pour un contenu semblable, utiliser les mêmes termes, formats, … 5
- 39. Test 3 Cuisine italienne Bricolage Pâtisserie Tiramisu Cannelloni Bolognaise Lasagne Risotto Pizza Huile d’olive Caisse à outils Marteau Clé anglaise Vis Mètre Foreuse Clou Farine Sucre Oeuf Moule Gâteau Gaufre Crème fraîche
- 40. Test 4 - cohérence Pâtes Outils Pâtisserie Spaghetti Cannelloni Tortellini Lasagne Rigatoni Tagliatelle Papardele Tournevis Marteau Tenaille Clé anglaise Scie Cutter Pince Farine Sucre Sel Oeuf Beurre Vanille Crème fraîche
- 42. Comprendre un ensemble de formes
- 43. Proximité A B
- 45. Regroupement par proximité • Géographique • Ergonomique • Sémantique • Graphique
- 46. Composition de la page
- 47. Composition de la page
- 48. Cohérence de la page
- 49. Cohérence de la page • Vocabulaire • Titres d’un même type • Intonation unique – verbes d’action – emploi du « vous » • Mise en forme uniforme • Éléments typiques – Symboles – Pictogrammes
- 50. Congruence de la page • Utiliser des mots – en accord avec le site • liste des mots « clés » ou expressions • regroupés par thème, en fonction des catégories • Définir une liste – conformément aux usages du Web • Voir les tendances des usagers sur google • Voir les données 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 • Définir un « thesaurus » • S’aider des outils Google – Google Tendances : les tendances de recherche – Google AdWords : les suggestions de mots-clés
- 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 endroits Adresse URL Balise <Title> Balise <H1> Texte Hypertexte Meta données Img
- 58. Trouver titres et bons mots • Réécriture avec titrage – Exercice « » – Scinder et titrer de manière pertinente – Se poser les bonnes questions – Trouver 5 mots clés – Rédiger des titres significatifs • Travail à 2 • Document Word
- 59. Intégration de visuels Utiliser des éléments graphiques comme partie intégrante de la rédaction 6
- 60. La mort par la rédaction web • Comment causer sa propre perte
- 63. Test 3CuisineItalie • Tiramisu • Cannelloni • Bolognaise • Lasagne • Risotto • Pizza • Huile d’olive Bricolage • Caisse à outils • Marteau • Clé anglaise • Vis • Mètre • Foreuse • Clou Pâtisserie • Farine • Sucre • Oeuf • Moule • Gâteau • Gaufre • Crème
- 66. Intégration de visuels • Liste à puces • Tableau • Illustration • Pictogramme • Graphique • Diagramme
- 67. Intégration de visuels • Présenter visuellement un texte présentant des conditions et actions • « Nous offrons un crédit aux clients qui nous ont déjà passé des commandes. Si le montant d’une nouvelle commande est inférieur à 25€, nous nous attendons à un paiement immédiat parce que les frais administratifs seraient trop élevés pour justifier un crédit. Les clients dont la commande se situe entre 25 et 500 € peuvent bénéficier d’un crédit. Dans le cas de commandes dont le montant est supérieur à 500 €, vous devez consulter votre supérieur. »
- 68. Intégration de visuels Si le montant de la facture est Alors < 25 € Refusez le crédit Entre 25 € et 500 € Accordez le crédit >500 € Consultez le supérieur
- 69. Intégration de visuels • Décrire une structure Bruxelles Formation Tremplin Bureau et services Industrie
- 70. Intégration de visuels • Exercice – Expliquer les A, B, C et D • Organigramme sous Powerpoint enregistré comme image • Schéma, organigramme, …