Ecriture web au service de la médiation numérique

2.736 visualizações

Publicada em

Publicada em: Educação
  • Seja o primeiro a comentar

Ecriture web au service de la médiation numérique

  1. 1. Une écriture web au service de la médiation numériquehttp://www.flickr.com/photos/alitz/3257962367 lionel.dujol@gmail.com
  2. 2. Un contexte de transformations intenses
  3. 3. L’attention : la rareté du XXIe siècleSource :http://www.flickr.com/photos/astepintothedark/227595666
  4. 4. Source : http://www.flickr.com/photos/popoever/234877734
  5. 5. Infobésité
  6. 6. Economie de l’attentionSource : http://www.flickr.com/photos/joysaphine/4457039110
  7. 7. Coup de tonnerre fin mars 2010 !Le trafic sur Facebook a dépassé celui de Google
  8. 8. Source: SocialBakers
  9. 9. La force de la recommandation
  10. 10. Sérendipité sérendipitéSource : http://www.flickr.com/photos/clementpetit/3609755617/
  11. 11. Adhésion aux contenus
  12. 12. J’aime la broderie = j’aime YouTube !
  13. 13. Adhésion à la marque
  14. 14. J’aime le bricolage = j’aime YouTube = J’aime Castorama
  15. 15. Les contenus sont une arme !Source : http://www.flickr.com/photos/m2w2/191545978
  16. 16. Etre visible Etre lu
  17. 17. 1- Imprimé vs Ecran : - La lecture à l’écran ? - Texte à l’écran : quelle valeur ajoutée ? L’hyperlien - TD hyperliè un texte Multimédia - TD photos/vidéos libre de droit L’interactivité Dissémination virale2 - Une écriture web ? : - La pyramide inversée et faire court ! - Titre incitatif / titre indicatif - TD - Hyperliens explicites3 - Disséminer nos contenus : la force des flux rss ! - Automatiser la diffusion de nos contenus sur les réseaux sociaux. - TD : disséminer avec dlvr.it
  18. 18. Lecture à lécranSource : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
  19. 19. L’attention : la rareté du XXIe siècleSource :http://www.flickr.com/photos/astepintothedark/227595666
  20. 20. On lit moins vite à l’écran
  21. 21. Lecture en diagonale Source : 
  22. 22. Les internautes lisent-ils vraiment les contenus en ligne ?Source: Alertbox
  23. 23. Lecture en FSource : http://www.useit.com/alertbox/reading_pattern.html
  24. 24. Triangle d’or GoogleSource : http://eyetools.com/research_google_eyetracking_heatmap.html
  25. 25. 42 %42 % 5%
  26. 26. Source : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
  27. 27. Source : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
  28. 28. r A nuancer …Source : http://www.flickr.com/photos/jeanbaptistem/3544561019
  29. 29. Une page web n’est pas une page de papierSource :http://www.flickr.com/photos/lwr/3592063486
  30. 30. Ecrire un texte pour le web
  31. 31. Court, dense et structuré uhttp://www.flickr.com/photos/imaginatis/4306877813
  32. 32. Écrire simple
  33. 33. L’internaute est pressé et moins attentif
  34. 34. Oui mais … Plus l’usager se rapproche de l’objet de sa recherche, plus il lit.http://www.flickr.com/photos/redwoodphotography/3108148322
  35. 35. http://www.ecrirepourleweb.com/architecture-de-l-information/pyramide-inversee-micro-et-macro-contenus
  36. 36. ex
  37. 37. Encourager à explorer ce qui se trouve plusbas sur la page.
  38. 38. Structurer l’information intertitres Texte en gras Lecture en diagonale
  39. 39. Ecrire pour … Google • Un résultat google Principale porte dentrée du webSource : http://www.flickr.com/photos/missha/2209205063/
  40. 40. TitreChâpo
  41. 41. Titres informatifshttp://www.flickr.com/photos/brij/18921531 Titres incitatifs
  42. 42. • Bienvenue la France !• Maigret broie du noir• Une voix en or • USA : les français bien accueillis • Georges Simenon est mort • Disque d’or pour Thomas Fersenhttp://www.flickr.com/photos/mscolly/65256846
  43. 43. Source : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
  44. 44. Des titres pour informer
  45. 45. Un texte hyperliè
  46. 46. Google dance …
  47. 47. Des passerelles sur ses propres contenus
  48. 48. Des encadrés en ligne
  49. 49. Source l’information
  50. 50. Pointer les signaux faibleshttp://www.flickr.com/photos/billselak/3051569295 Valeur ajoutée informationelle
  51. 51. « Plus vous faites sortir vos internautes de vos pages, plus ils y reviennent » Eric MettoutSource : http://www.slideshare.net/Mettout/ecrire-pour-le-web-v1
  52. 52. Hyperliens explicites
  53. 53. Lisibilité de lurlhttp://www.mediatheques.pays-romans.org/opacwebaloes/index.aspx?IdPage=128 http://everitoutheque.viabloga.com/yasmin-levy-sentir
  54. 54. Appellation des liens Pour plus dinfos cliquez ici <a href="http://www.zeporama.com/">cliquez ici</a> Pour plus dinfos, visitez le site de zep <a href="http://www.zeporama.com/">le site de zep</a>
  55. 55. TDcomment choisiret insérer un lien dans un texte
  56. 56. Une écriture multimédia
  57. 57. Quand la presse écrite fait de la télé …
  58. 58. … ou de la radio
  59. 59. « Embed » Lectureexportable
  60. 60. Trouver et réutiliser des contenus sous licences libresSource : http://www.flickr.com/photos/giuli-o/3421327165
  61. 61. Le mode de fonctionnement Exemple des licencesdes licences libres Creative Commons « Tout ce qui n’est pas  interdit est permis » Pas d’autorisation  à demander tant  qu’on reste dans  le cadre de la  licence 4 conditions etIl faudra conclure un contrat pour lever  6 contrats 72 Source : Lionel Maurelune restriction posée par la licence
  62. 62. Vidéos http://vimeo.com/ http://blip.tv/ http://www.youtube.com/editor Source : Lionel Maurel
  63. 63. http://www.deviantart.com/ Images http://www.fotopedia.com/ http://commons.wikimedia.org/wiki/AccueilSource : Lionel Maurel
  64. 64. Sons http://www.dogmazic.net http://www.jamendo.com/fr/ http://soundcloud.com/ Source : Lionel Maurel
  65. 65. Textes http://www.archive.org http://fr.wikipedia.org http://fr.wikisource.org http://www.inlibroveritas.net/ http://www.gutenberg.org Source : Lionel Maurel
  66. 66. De nouvelles écritures Mash uphttp://www.flickr.com/photos/memestate/3159343310
  67. 67. TD Insérer une photo libre dedroit, une vidéo.
  68. 68. Écrire pour interagir S’impliquerhttp://www.flickr.com/photos/hokutosuisse/3633737608
  69. 69. Un article n’est jamais terminé …
  70. 70. Modérer & répondre Bibliothécaire animateur de communauté
  71. 71. Modération a priori ou a postériori ?http://www.flickr.com/photos/mouton/185424871
  72. 72. “Community discussion Guidelines” Topeka & Shawnee County public Library
  73. 73. « Parce qu’il est visible et pérenne au pied de la page, le commentaire participe à la construction d’une réflexion collective qui complète le propos de l’article. »Que les commentaires ne sont pas une écriture du bas - Après le livre - François Bon ”
  74. 74. Et pourtant … En 2009
  75. 75. Déplacement de la discussion … En 2012
  76. 76. Ecrire pour être disséminé.http://www.flickr.com/photos/villamon/3487229452
  77. 77. Le temps des propulseurs est venuSource : http://www.flickr.com/photos/cma3/3867400297
  78. 78. “Vers un web sans site web” L’idée d’un lieu de lecture privilégié et monétisable, le site web, est révolue. Nous avons des sources d’informations, les blogs par exemple, qui propulsent l’information pure dans le cyberspace. Puis elle circule, s’interface, se représente, se remodèle. Les sites deviennent des bases de lancement. Nous n’avons plus besoin de les visiter. Ils ont leur importance, tout comme celui qui parle a de l’importance, mais nous n’avons aucune raison de nous trouver en face de lui pour l’entendre. Nous pouvons le lire ailleurs, l’écouter ailleurs, le voir en vidéo ailleurs… Nous allons pousser des données dans le flux global. Certains d’entre nous se contenteront de régler la tuyauterie, d’autres d’envoyer avec leur blog des satellites en orbite géostationnaire, d’autres de courts messages microblogués, juste des liens, des sourires, des impressions pendant que d’autres expédieront des vaisseaux spatiaux pour explorer l’infini, des textes longs et peut-être profonds. Le temps des propulseurs est venu. Vers un web sans site web - Thierry Crouzet - Le Peuple des connecteurs.Source : http://www.flickr.com/photos/cma3/3867400297
  79. 79. La force de la dissémination viralehttp://www.flickr.com/photos/telomi/6766630977
  80. 80. Une écriture web disséminée Titre + lien Châpo Image Interactions
  81. 81. Une écriture web disséminée Titre explicite lien Interactions
  82. 82. De l’intérêt à laisser les écrits s’envoler… Sur mon blog, les billets sont sous licence CC-BY, la moins restrictive de toutes. Ils sont parfois repris sur le site OWNI, sans autorisation préalable, où ils bénéficient d’une meilleure visibilité. Ils peuvent y être modifiés, éditorialisés (ajouts d’intertitres, nouvelles illustrations, etc), voire même traduits. 96 Source : Lionel Maurel
  83. 83. Statut juridique des contenus produits adapté ?
  84. 84. TDDisséminer mes contenus avec
  85. 85. Facteurs de fidélisation des internautes • Qualité des contenus : 75 % • Facilité d’utilisation : 66 % • Fréquence de mise à jour : 54 % • Personnalisation des contenus : 10 %Source : Forrester Research

×