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

4,494 views

Published on

Published in: Education, Technology, Business
6 Comments
4 Likes
Statistics
Notes
No Downloads
Views
Total views
4,494
On SlideShare
0
From Embeds
0
Number of Embeds
338
Actions
Shares
0
Downloads
50
Comments
6
Likes
4
Embeds 0
No embeds

No notes for slide

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

  1. 1. Une écriture web au service de la médiation numérique des collections [email_address]
  2. 2. La médiation numérique ?
  3. 3. Miser sur les contenus
  4. 4. Qu’est ce que la bibliothèque peut apporter au web ?
  5. 5. Facteurs de fidélisation des internautes <ul><li>Qualité des contenus : 75 % </li></ul><ul><li>Facilité d’utilisation : 66 % </li></ul><ul><li>Fréquence de mise à jour : 54 % </li></ul><ul><li>Personnalisation des contenus : 10 % </li></ul>Source : Forrester Research
  6. 6. <ul><ul><li>1- Imprimé vs Ecran : </li></ul></ul><ul><ul><li>- La lecture à l’écran ? </li></ul></ul><ul><ul><li>- Texte à l’écran : quelle valeur ajoutée ? </li></ul></ul><ul><ul><li>L’hyperlien - TD hyperliè un texte Multimédia - TD photos/vidéos libre de droit </li></ul></ul><ul><ul><li>L’interactivité </li></ul></ul><ul><ul><li>Dissémination virale </li></ul></ul><ul><ul><li>2 - Une écriture web ?  : - La pyramide inversée et faire court ! - Titre incitatif / titre indicatif - TD - Hyperliens explicites </li></ul></ul><ul><ul><li>3 - Disséminer nos contenus : la force des flux rss ! - Automatiser la diffusion de nos contenus sur les </li></ul></ul><ul><ul><li>réseaux sociaux. - TD : disséminer avec dlvr.it </li></ul></ul>
  7. 7. Imprimé Web
  8. 8. Lecture  à l'écran Source :  http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
  9. 9. On lit 25% moins vite à l’écran
  10. 10. Lecture en diagonale dans 80 % des cas Source :  http://www.useit.com/alertbox/percent-text-read.html
  11. 11. Lecture en F Source :  http://www.useit.com/alertbox/reading_pattern.html
  12. 12. Source :  http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
  13. 13. Source :  http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
  14. 14. 23 % des visiteurs ne prennent pas l'ascenceur
  15. 15. Texte à l’écran : quelles valeurs ajoutées ?
  16. 16. Hypertexte
  17. 18. TD comment choisir et insérer un lien dans un texte
  18. 19. Multimédia
  19. 21. TD Insérer une photo libre de droit, une vidéo.
  20. 22. Interactivité
  21. 23. Dissémination virale Source : http://www.flickr.com/photos/kubina/157669597/
  22. 27. Un contenu web est hyperlié, multimédia, interactif et disséminable
  23. 28. <ul><ul><li>1- Imprimé vs Ecran : </li></ul></ul><ul><ul><li>- La lecture à l’écran ? </li></ul></ul><ul><ul><li>- Texte à l’écran : quelle valeur ajoutée ? </li></ul></ul><ul><ul><li>L’hyperlien - TD hyperliè un texte Multimédia - TD photos/vidéos libre de droit </li></ul></ul><ul><ul><li>L’interactivité </li></ul></ul><ul><ul><li>Dissémination virale </li></ul></ul><ul><ul><li>2 - Une écriture web ?  : - La pyramide inversée et faire court ! - Titre incitatif / titre indicatif - TD - Hyperliens explicites </li></ul></ul><ul><ul><li>3 - Disséminer nos contenus : la force des flux rss ! - Automatiser la diffusion de nos contenus sur les </li></ul></ul><ul><ul><li>réseaux sociaux. - TD : disséminer avec dlvr.it </li></ul></ul>
  24. 29. Une écriture web ?
  25. 30. Source :  http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
  26. 31. Qui ? Quoi ? Pourquoi ? Source : http://www.flickr.com/photos/jeffweb/5352582887
  27. 32. http://www.ecrirepourleweb.com/architecture-de-l-information/pyramide-inversee-micro-et-macro-contenus
  28. 35. ex
  29. 36. L’utilisateur est pressé
  30. 37. Donner ce que l’utilisateur vient chercher ?
  31. 38. Ecrire court 15 à 20 mots maximum !
  32. 39. Etre clair et concis
  33. 40. Sujet + Verbe + complément Forme active Une idée = un paragraphe Utiliser le présent
  34. 45. Importance de la relecture http://www.flickr.com/photos/p_h/2461925124
  35. 46. Etre visible Etre lu
  36. 47. <ul><li>Un résultat google </li></ul>Source : http://www.flickr.com/photos/missha/2209205063/ Principale porte d'entrée du web Principal générateur de trafic
  37. 48. 42 % 42 % 5 %
  38. 49. Economie de l’attention Source : http://www.flickr.com/photos/joysaphine/4457039110
  39. 50. Titres informatifs http://www.flickr.com/photos/brij/18921531 Titres incitatifs
  40. 51. <ul><li>USA : les français bien accueillis </li></ul><ul><li>Georges Simenon est mort </li></ul><ul><li>Disque d’or pour Thomas Fersen </li></ul><ul><li>Bienvenue la France ! </li></ul><ul><li>Maigret broie du noir </li></ul><ul><li>Une voix en or </li></ul>http://www.flickr.com/photos/mscolly/65256846
  41. 52. <ul><li>Le sacre de l’arène </li></ul><ul><li>Redécouvrir le canard ! </li></ul><ul><li>Un homme d’expérience </li></ul>http://www.flickr.com/photos/mscolly/65256846
  42. 53. Source :  http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
  43. 54. Des titres pour informer
  44. 56. Hyperliens explicites
  45. 57. Lisibilité de l'url http://www.mediatheques.pays-romans.org/ opacwebaloes/index.aspx?IdPage=128 http://everitoutheque.viabloga.com/ yasmin-levy-sentir
  46. 58. Appellation des liens Pour plus d'infos cliquez ici Pour plus d'infos, visitez le site de zep <a href=&quot; http://www.zeporama.com/ &quot;>cliquez ici</a> <a href=&quot; http://www.zeporama.com/ &quot;>le site de zep</a>
  47. 59. <ul><ul><li>1- Imprimé vs Ecran : </li></ul></ul><ul><ul><li>- La lecture à l’écran ? </li></ul></ul><ul><ul><li>- Texte à l’écran : quelle valeur ajoutée ? </li></ul></ul><ul><ul><li>L’hyperlien - TD hyperliè un texte Multimédia - TD photos/vidéos libre de droit </li></ul></ul><ul><ul><li>L’interactivité </li></ul></ul><ul><ul><li>Dissémination virale </li></ul></ul><ul><ul><li>2 - Une écriture web ?  : - La pyramide inversée et faire court ! - Titre incitatif / titre indicatif - TD - Hyperliens explicites </li></ul></ul><ul><ul><li>3 - Disséminer nos contenus : la force des flux rss ! - Automatiser la diffusion de nos contenus sur les </li></ul></ul><ul><ul><li>réseaux sociaux. - TD : disséminer avec dlvr.it </li></ul></ul>
  48. 61. Blogs Dissémination Catalogue outils tangibles Portail
  49. 62. RSS : Really Simple Syndication
  50. 63. Pourquoi faire ?
  51. 64. TD Disséminer mes contenus avec
  52. 65. Des contenus, toujours  des contenus http://www.flickr.com/photos/yakusa77/3776144522/sizes/l/
  53. 66. Facteurs de fidélisation des internautes <ul><li>Qualité des contenus : 75 % </li></ul>Source : Forrester Research

×