Une écriture web  au service  de la médiation numérique des collections [email_address]
La médiation numérique ?
Miser sur les contenus
Qu’est ce que la bibliothèque peut apporter au web   ?
Facteurs de fidélisation  des internautes <ul><li>Qualité des contenus : 75 % </li></ul><ul><li>Facilité d’utilisation : 6...
<ul><ul><li>1-   Imprimé vs Ecran :   </li></ul></ul><ul><ul><li>- La lecture à l’écran ? </li></ul></ul><ul><ul><li>-  Te...
Imprimé Web
Lecture  à l'écran Source :  http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
On lit 25% moins vite à l’écran
Lecture en diagonale dans 80 % des cas Source :  http://www.useit.com/alertbox/percent-text-read.html
Lecture en F Source :  http://www.useit.com/alertbox/reading_pattern.html
Source :  http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
Source :  http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
23 % des visiteurs ne prennent pas l'ascenceur
Texte à l’écran :   quelles valeurs ajoutées ?
Hypertexte
 
TD  comment choisir et insérer un lien dans un texte
Multimédia
 
TD  Insérer une photo libre de droit, une vidéo.
Interactivité
Dissémination virale Source  :  http://www.flickr.com/photos/kubina/157669597/
 
 
 
Un contenu web est hyperlié, multimédia, interactif   et disséminable
<ul><ul><li>1-   Imprimé vs Ecran :   </li></ul></ul><ul><ul><li>- La lecture à l’écran ? </li></ul></ul><ul><ul><li>-  Te...
Une écriture web ?
Source :  http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
Qui ? Quoi ? Pourquoi ? Source :  http://www.flickr.com/photos/jeffweb/5352582887
http://www.ecrirepourleweb.com/architecture-de-l-information/pyramide-inversee-micro-et-macro-contenus
 
 
ex
L’utilisateur est pressé
Donner ce que l’utilisateur vient chercher ?
Ecrire court 15 à 20 mots maximum !
Etre clair et concis
Sujet + Verbe + complément Forme active Une idée = un paragraphe Utiliser le présent
 
 
 
 
Importance de la relecture http://www.flickr.com/photos/p_h/2461925124
Etre visible Etre lu
<ul><li>Un résultat google </li></ul>Source :  http://www.flickr.com/photos/missha/2209205063/   Principale porte d'entrée...
42 % 42 % 5 %
Economie de l’attention Source :  http://www.flickr.com/photos/joysaphine/4457039110
Titres informatifs http://www.flickr.com/photos/brij/18921531   Titres incitatifs
<ul><li>USA : les français bien accueillis </li></ul><ul><li>Georges Simenon est mort </li></ul><ul><li>Disque d’or pour T...
<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>ht...
Source :  http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010
Des titres pour informer
 
Hyperliens explicites
Lisibilité de l'url http://www.mediatheques.pays-romans.org/ opacwebaloes/index.aspx?IdPage=128 http://everitoutheque.viab...
Appellation des liens Pour plus d'infos  cliquez ici Pour   plus d'infos, visitez  le site de zep <a href=&quot; http://ww...
<ul><ul><li>1-   Imprimé vs Ecran :   </li></ul></ul><ul><ul><li>- La lecture à l’écran ? </li></ul></ul><ul><ul><li>-  Te...
 
Blogs Dissémination Catalogue outils tangibles Portail
RSS :  Really Simple Syndication
Pourquoi faire ?
TD  Disséminer mes contenus avec
Des contenus, toujours  des contenus http://www.flickr.com/photos/yakusa77/3776144522/sizes/l/
Facteurs de fidélisation des internautes <ul><li>Qualité des contenus : 75 % </li></ul>Source : Forrester Research
Prochain SlideShare
Chargement dans…5
×

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

4 364 vues

Publié le

Publié dans : Formation, Technologie, Business
6 commentaires
4 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
4 364
Sur SlideShare
0
Issues des intégrations
0
Intégrations
327
Actions
Partages
0
Téléchargements
50
Commentaires
6
J’aime
4
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

×