Benchmark Presse En Ligne

9 994 vues

Publié le

Un benchmark non-exhaustif de la presse en ligne (essentiellement américaine), structuré autour de quelques problématiques fréquemment rencontrées.

0 commentaire
31 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
9 994
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2 076
Actions
Partages
0
Téléchargements
529
Commentaires
0
J’aime
31
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Benchmark Presse En Ligne

  1. 1. Benchmark de la presse en ligne
  2. 2. Comment éviter la surcharge informationnelle ?
  3. 3. Modules configurables (www.msnbc.com) Volume d’information paramétrable sur chaque bloc thématique hiérarchie de l’information modifiable de haut en bas
  4. 4. Modules configurables (www.bbc.co.uk) Page d’accueil personnalisable déplacement des modules, choix du contenu par thématique, nombre d’articles Modules escamotables l’utilisateur prend la main sur le volume et la nature de l’information à afficher
  5. 5. onglets onglets horizontaux verticaux (www.msnbc.com) (www.bbc.co.uk) onglets horizontaux + mise en scène du classement onglets thématiques (www.wsj.com) verticaux (www.newsweek.com)
  6. 6. carrousel avec flèches directionnelles carrousel + (www.wsj.com) repérage (www.bbc.co.uk) carrousel avec flèches directionnelles carrousel avec (www.cnn.com) contrôles de lecture et défilement automatique (www.theindependant.com)
  7. 7. carrousel + repérage dans le bandeau identitaire (www.usatoday.com) système de “balcon” en page article avec vignette + titre + numérotation (www.wsj.com)
  8. 8. Accordéon dans le corps de page avec gestion des différentes sources d’information (news.yahoo.com) Accordéon (www.latimes.com)
  9. 9. Un cube interactif pour mettre en scène les différentes facettes de l’information (www.washingtontimes.com)
  10. 10. Fil d’actualité ou “Une” riche ? (abcnews.go.com) Prévisualisation d’articles sur la home (www.newsweek.com)
  11. 11. Affichage des principaux titres dans un calque glissé entre la navigation et la Une (www.lemonde.fr)
  12. 12. S’adapter aux stratégies de lecture rapide Onglet “seulement les titres” pour un mode allégé de la page d’accueil (www.washingtontimes.com Une liste d’article “must read” pour les lecteurs pressés (www.iht.com)
  13. 13. Comment enrichir le traitement de l’information ?
  14. 14. Grand Grand visuel de visuel + texte superposé Une + navigation par + contrôles de lecture vignettes (www.newsweek.com) (www.cnet.com) Module en zone “chaude” sur la home (www.newsweek.com)
  15. 15. Diaporama intégré en Une (www.latimes.com) Galerie photo (www.newsweek.com) Le diaporama complète la Une (www.lexpress.fr)
  16. 16. Module avec remontées des espaces multimédias Photos chronologiques (www.guardian.co.uk) (www.elmundo.es)
  17. 17. Mise en avant des galeries en coeur de home (www.usatoday.com) Module médias en home (www.washingtontimes.com) Carrousel de mise en avant des galeries photo (www.washingtonpost.com)
  18. 18. Slideshow thématique + calque de navigation interactif (www.washingtontimes.com) Intégration par onglet dans l’article (www.wsj.com)
  19. 19. Forte visibilité aux diaporama en home (www.chicagotribune.com) Module en home (abcnews.go.com) Diaporama, onglets (www.msnbc.com)
  20. 20. Carte interactive + Carte interactive design de l’information (www.nytimes.com) (www.cnn.com)
  21. 21. Graphiques Infographie interactifs + intégration à interactive l’article par onglets pédagogique (www.wsj.com) (www.elpais.com)
  22. 22. En ajoutant une Page dédiée aux dimension temporelle à la modules interactifs consultation (www.guardian.co.uk) (www.newsweek.com)
  23. 23. Timeline Intégration d’une (www.elpais.com) timeline par onglet dans l’article (www.cnn.com)
  24. 24. Extraits audio Version audio des complémentaires articles via un lecteur (www.washpost.com (www.iht.com) www.nytimes.com)
  25. 25. Page dédiée podcasts audios (www.elpais.com) Mise en avant des modules interactifs (www.usatoday.com)
  26. 26. Classement des vidéos par date et thèmes (www.elpais.com www.elmondo.es)
  27. 27. Un mur d’images vidéos (culturebox.france3.fr)
  28. 28. Comment renouveler le traitement de l’actualité “chaude” ?
  29. 29. Bandeau d’alertes
  30. 30. Bandeau d’alertes
  31. 31. Dimension des Unes La Une occupe toute la col. de gauche + photo grand format + bandeau jaune (www.cnn.com)
  32. 32. Tickers Ticker défilant avec flèches directionnelles (www.washingtontimes.com) Ticker défilant horizontal (www.wsj.com) (www.chicagotribune.com)
  33. 33. Tickers Un “heat map” pour mesurer l’intérêt des lecteurs (www.guardian.co.uk) Ticker défilant avec contrôles (www.guardian.co.uk)
  34. 34. “Petits liens” thématiques sous la navigation (www.ft.com) “Petits liens” thématiques sous la navigation (www.cnn.com) Ajout d’un préfixe “Latest” (www.timesonline.co.uk)
  35. 35. Alertes actualités chaudes via messagerie instantanée (www.usatoday.com) Alertes via Windows Live (www.msnbc.com)
  36. 36. Une visualisation en temps réel sous la forme d’un lecteur de dépêches en 3D (www.spectra.msnbc.com)
  37. 37. Un jeu “tetris” en ligne pour consulter les dernières actualités (www.msnbc.com)
  38. 38. Page dédiée microblogging (Twitter) (www.twitter.com/newsweek www.twitter.com/iht)
  39. 39. Comment fidéliser les internautes ?
  40. 40. Widgets Widget personnalisable et Collection de exportable sur les outils widgets thématiques sociaux (www.washpost.com) (www.msnbc.com)
  41. 41. Widgets Collection de widgets multi- plateforme à intégrer sur PC, Mac, Netvibes etc. (www.cbsnews.com)
  42. 42. Widgets Un choix de 30 widgets thématiques et par médias (texte, vidéos, photos) (www.elpais.com) Widget sponsorisé (www.newsweek.com)
  43. 43. Widgets Widget thématisé (www.usatoday.com)
  44. 44. Espaces personnels Créer une communauté de lecteurs (www.lefigaro.fr) Espace personnel regroupant les usages sociaux du site (commentaires, blogs...) (www.usatoday.com)
  45. 45. Faire partie d’une communauté Réseau social des abonnés au journal en ligne (www.wjs.com)
  46. 46. Newsletters / Alertes e-mail Col. droite : Reprise de la impliquer, navigation du site autopromouvoir, proposer (20 Minutes) des sondages (Le Monde)
  47. 47. Newsletters / Alertes e-mail design au plus proche du site (Le Figaro, Le Point)
  48. 48. Newsletters / Alertes e-mail Grille en 3 col., uniquement les titres, incitation par la photo, articulation avec l’édition papier (The Guardian)
  49. 49. Pages d’accueil personnalisées
  50. 50. Pages d’accueil personnalisées
  51. 51. Possibilité de réduire les publicités
  52. 52. Comment articuler version papier et version(s) électronique(s) ?
  53. 53. Bannières autopromo bandeau + pied de page (www.iht.com) Boutique + Une en PDF (www.usatoday.com)
  54. 54. PDF, rubrique dédiée aux articles du journal papier, etc. www.elpais.com Pied de page (www.lemonde.fr)
  55. 55. Organisation de la page pensée pour les offres d’abonnement www.lefigaro.fr
  56. 56. Bannière autopromo, anciens numéros, boutique en ligne + rubrique avec les articles de l’édition papier (www.latimes.com)
  57. 57. Rubrique dédiée aux articles du papier et Une en PDF (www.latimes.com) Module promo incitatif + f° virale (www.newsweek.com) “Order Reprints” en pied d’article (www.wsj.com)
  58. 58. Quelle place pour la blogosphère dans la presse en ligne ?
  59. 59. Rubrique dédiée aux blogs de la rédaction Mise en scène des Mise en scène des blogs de la rédaction blogs de la rédaction www.iht.com abcnews.go.com
  60. 60. Rubrique dédiée aux blogs de la rédaction Incitation des boutons Une page d’index d’abonnements RSS www.wsj.com www.nytimes.com
  61. 61. Rubrique dédiée aux blogs de la rédaction Le journal comme plateforme communautaire de blogs www.elpais.com
  62. 62. Différentes mises en scène Onglet en home www.newsweek.com Carrousel (www.forbes.com) Widget en page article www.guardian.co.uk Traité comme une actu chaude (indicateur temporel) (abcnews.go.com)
  63. 63. Différentes stratégies d’intégration Contextualisation thématique www.cbsnews.com Mise en avant en home + lien intégré en coeur d’article (www.usatoday.com)
  64. 64. Différentes stratégies d’intégration Module “blogs” contextualisé (www.cnn.com) Articles les + blogués www.nytimes.com Module promo (www.lefigaro.fr)
  65. 65. Comment faire participer les internautes ?
  66. 66. Toolboxes : activer la dimension sociale (www.washpost.com) (www.iht.com) www.newsweek.com www.abc.com (www.usatoday.com)
  67. 67. Toolboxes : activer la dimension sociale zdnet.com www.independent.co.uk www.elpais.com www.telegraph.co.uk Historique + clipping www.guardian.co.uk
  68. 68. Toolboxes : activer la dimension sociale (www.wsj.com) www.msnbc.com news.yahoo.com www.cbs.com
  69. 69. Contenus générés par les utilisateurs Photos envoyées par les lecteurs (www.latimes.com news.yahoo.com) Module autopromo (www.foxnews.com) “Journalisme participatif” (www.elpais.com)
  70. 70. Contenus générés par les utilisateurs Une hiérarchisation de iReport, service de l’information participative journalisme citoyen en ligne (www.20minutes.fr) pour mettre en perspective certains articles (www.cnn.com)
  71. 71. Evaluation des articles (www.elpais.com) Module Digg sur la home (www.chicagotribune.com) Système simple de recommandation (vote) (www.usatoday.com)
  72. 72. Outils de partage collaboratif Partage d’un article sur les plateformes sociales (www.newsweek.com) Système de recommandation entre lecteurs (www.nytimes.com)
  73. 73. Outils Module interactif (www.foxnews.com) Outil de calcul (www.theguardian.co.uk)
  74. 74. Sondages “Prédictions” (www.msnbc.com) Sondage contextuel en bas d’article (www.lemonde.fr)
  75. 75. Sondages Sondage contextuel en bas d’article Questions/ (www.lemonde.fr) réponses (www.nytimes.com)
  76. 76. Sur un mode plus ludique... Quizz sur l’actu (www.guardian.co.uk)
  77. 77. Traitement des commentaires Une page qui recense toutes les discussions sur les articles en mode “forum” (www.iht.com) Mise en scène incitative des commentaires (www.forbes.com)
  78. 78. Comment adapter le journal à la mobilité ?
  79. 79. Porter le journal sur les plateformes sociales Une déclinaison d’usages (www.chicagotribune.com)
  80. 80. édition électronique sur le Kindle (www.latimes.com) version PSP et PDA avec url dédiées (psp.elpais.com)
  81. 81. Une version de bureau pour l’édition électronique du journal via une application à télécharger (www.nytimes.com)
  82. 82. Version iPhone + application. A noter : intégration de la pub. (iphone.lemonde.fr)
  83. 83. Version iPhone + application à télécharger. Version iPhone Design proche du site web. (iphone.liberation.fr) (iphone.20minutes.fr.)
  84. 84. Version iPhone avec vidéos + alertes SMS + version PDA (www.elpais.com) Envoi de l’adresse du site mobile par SMS (www.elmundo.es)
  85. 85. A noter : le travail A noter : menus d’interface sur la signalétique + accordéons pour un balayage intégration pub. rapide des titres par thème (www.apnews.com) (www.mobile.reuters.com)
  86. 86. Version mobile (www.cnnmobile.com)
  87. 87. A noter : priorité aux titres, navigation en mode “calque” (www.washpost.com) “Une” photographique très présente (www.mobile.latimes.com)
  88. 88. Un dispositif très complet : interface iPhone, alertes SMS, audio, VOD, alertes Blackberry (www.foxnews.com)
  89. 89. Interface iPhone + alertes vidéos via SMS (www.cbsnews.com)
  90. 90. MSNBC a développé un dispositif de services mobiles incluant un site, des alertes SMS, des podcasts, une application vidéo (www.msnbc.com)
  91. 91. Version iPhone grand Version mobile visuel + liste d’articles et avec alerte SMS homes thématiques (www.iht.com) (www.iphone.iht.com)
  92. 92. Promovoir les autres formats : iphone, mobile, RSS, Audio, PDA, Netvibes... Omniprésence du journal (www.iht.com) Module regroupant tous les supports de l’information (www.cnn.com)
  93. 93. “Choisissez votre façon de lire le journal” (www.elpais.com) RSS, newsletter, mobile, podcasts, widgets (www.washpost.com www.usatoday.com)

×