SlideShare une entreprise Scribd logo
1  sur  94
Télécharger pour lire hors ligne
Benchmark de
     la presse
      en ligne
Comment éviter la surcharge
   informationnelle ?
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
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
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)
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)
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)
Accordéon dans le corps de
                          page avec gestion des
                    différentes sources d’information
                              (news.yahoo.com)
   Accordéon
(www.latimes.com)
Un cube interactif pour
   mettre en scène les
  différentes facettes de
       l’information
(www.washingtontimes.com)
Fil d’actualité ou
                           “Une” riche ?
                         (abcnews.go.com)




   Prévisualisation
d’articles sur la home
(www.newsweek.com)
Affichage des
 principaux titres dans
 un calque glissé entre
la navigation et la Une
    (www.lemonde.fr)
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)
Comment enrichir le traitement de
        l’information ?
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)
Diaporama intégré
                          en Une
                     (www.latimes.com)




   Galerie photo
(www.newsweek.com)




                          Le diaporama complète
                                  la Une
                              (www.lexpress.fr)
Module avec
                        remontées des espaces
                            multimédias
Photos chronologiques
                          (www.guardian.co.uk)
  (www.elmundo.es)
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)
Slideshow
 thématique + calque de
   navigation interactif
(www.washingtontimes.com)



              Intégration par onglet
                   dans l’article
                  (www.wsj.com)
Forte visibilité aux
         diaporama en home
       (www.chicagotribune.com)




  Module en home
  (abcnews.go.com)




   Diaporama,
     onglets
(www.msnbc.com)
Carte interactive +
                           Carte interactive
design de l’information
                          (www.nytimes.com)
    (www.cnn.com)
Graphiques
   Infographie
                   interactifs + intégration à
    interactive
                      l’article par onglets
  pédagogique
                         (www.wsj.com)
(www.elpais.com)
En ajoutant une
                              Page dédiée aux
dimension temporelle à la
                            modules interactifs
      consultation
                            (www.guardian.co.uk)
 (www.newsweek.com)
Timeline
   Intégration d’une       (www.elpais.com)
timeline par onglet dans
        l’article
    (www.cnn.com)
Extraits audio
  Version audio des        complémentaires
articles via un lecteur   (www.washpost.com
    (www.iht.com)           www.nytimes.com)
Page dédiée podcasts
       audios
  (www.elpais.com)
                       Mise en avant des
                       modules interactifs
                       (www.usatoday.com)
Classement des vidéos
  par date et thèmes
    (www.elpais.com
   www.elmondo.es)
Un mur d’images vidéos
 (culturebox.france3.fr)
Comment renouveler le traitement de
      l’actualité “chaude” ?
Bandeau d’alertes
Bandeau d’alertes
Dimension des Unes

                        La Une occupe toute la col.
                     de gauche + photo grand format
                             + bandeau jaune
                              (www.cnn.com)
Tickers
              Ticker défilant avec
            flèches directionnelles
          (www.washingtontimes.com)




                        Ticker défilant
                          horizontal
                        (www.wsj.com)




          (www.chicagotribune.com)
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)
“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)
Alertes actualités
chaudes via messagerie
      instantanée
 (www.usatoday.com)




                  Alertes via
                 Windows Live
                (www.msnbc.com)
Une visualisation en temps
réel sous la forme d’un lecteur
      de dépêches en 3D
   (www.spectra.msnbc.com)
Un jeu “tetris” en ligne pour
consulter les dernières actualités
        (www.msnbc.com)
Page dédiée microblogging
        (Twitter)
(www.twitter.com/newsweek
   www.twitter.com/iht)
Comment fidéliser les internautes ?
Widgets
                  Widget
            personnalisable et
                                       Collection de
          exportable sur les outils
                                    widgets thématiques
                 sociaux
                                    (www.washpost.com)
            (www.msnbc.com)
Widgets

    Collection de widgets multi-
    plateforme à intégrer sur PC,
          Mac, Netvibes etc.
         (www.cbsnews.com)
Widgets                          Un choix de 30 widgets
                               thématiques et par médias
                                 (texte, vidéos, photos)
                                     (www.elpais.com)
           Widget sponsorisé
          (www.newsweek.com)
Widgets


           Widget thématisé
          (www.usatoday.com)
Espaces personnels
                                  Créer une communauté de
                                           lecteurs
                                       (www.lefigaro.fr)
           Espace personnel
        regroupant les usages
            sociaux du site
       (commentaires, blogs...)
         (www.usatoday.com)
Faire partie d’une communauté


                                  Réseau social des
                                abonnés au journal en
                                       ligne
                                   (www.wjs.com)
Newsletters / Alertes e-mail

                Col. droite :         Reprise de la
                 impliquer,         navigation du site
         autopromouvoir, proposer      (20 Minutes)
               des sondages
                (Le Monde)
Newsletters / Alertes e-mail


                 design au plus proche
                         du site
                  (Le Figaro, Le Point)
Newsletters / Alertes e-mail




             Grille en 3 col.,
         uniquement les titres,
        incitation par la photo,
       articulation avec l’édition
                  papier
             (The Guardian)
Pages d’accueil personnalisées
Pages d’accueil personnalisées
Possibilité de réduire les publicités
Comment articuler version papier et
   version(s) électronique(s) ?
Bannières autopromo
bandeau + pied de page
    (www.iht.com)




             Boutique + Une en PDF
              (www.usatoday.com)
PDF, rubrique dédiée aux
                   articles du journal papier,
                               etc.
                         www.elpais.com




  Pied de page
(www.lemonde.fr)
Organisation de la
page pensée pour les offres
      d’abonnement
      www.lefigaro.fr
Bannière
    autopromo, anciens
numéros, boutique en ligne
+ rubrique avec les articles
    de l’édition papier
   (www.latimes.com)
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)
Quelle place pour la blogosphère dans la
            presse en ligne ?
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
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
Rubrique dédiée aux blogs de la rédaction

     Le journal comme
plateforme communautaire
          de blogs
       www.elpais.com
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)
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)
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)
Comment faire participer les internautes ?
Toolboxes : activer la dimension sociale
                                             (www.washpost.com)
          (www.iht.com)




                  www.newsweek.com



                                         www.abc.com




                                     (www.usatoday.com)
Toolboxes : activer la dimension sociale
                                   zdnet.com


                                    www.independent.co.uk


    www.elpais.com




             www.telegraph.co.uk               Historique + clipping
                                                www.guardian.co.uk
Toolboxes : activer la dimension sociale
                                 (www.wsj.com)



                             www.msnbc.com



                                         news.yahoo.com




                                    www.cbs.com
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)
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)
Evaluation des
    articles
(www.elpais.com)
                               Module Digg
                               sur la home
                          (www.chicagotribune.com)




         Système
        simple de
  recommandation (vote)
     (www.usatoday.com)
Outils de partage collaboratif


                                                 Partage
                                            d’un article sur les
                                           plateformes sociales
                                          (www.newsweek.com)




                                 Système de
                            recommandation entre
                                   lecteurs
                             (www.nytimes.com)
Outils

          Module interactif
         (www.foxnews.com)




                                 Outil de calcul
                              (www.theguardian.co.uk)
Sondages


                              “Prédictions”
                            (www.msnbc.com)
    Sondage contextuel en
         bas d’article
       (www.lemonde.fr)
Sondages




    Sondage contextuel en
         bas d’article         Questions/
       (www.lemonde.fr)         réponses
                            (www.nytimes.com)
Sur un mode plus ludique...




        Quizz sur l’actu
      (www.guardian.co.uk)
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)
Comment adapter le journal à la mobilité ?
Porter le journal sur les plateformes sociales


                    Une déclinaison d’usages
                    (www.chicagotribune.com)
édition
 électronique sur le
       Kindle
(www.latimes.com)




      version PSP et PDA
       avec url dédiées
        (psp.elpais.com)
Une version de bureau
pour l’édition électronique du
 journal via une application à
          télécharger
        (www.nytimes.com)
Version iPhone +
 application. A noter :
intégration de la pub.
   (iphone.lemonde.fr)
Benchmark Presse En Ligne
Version iPhone +
 application à télécharger.      Version iPhone
Design proche du site web.    (iphone.liberation.fr)
   (iphone.20minutes.fr.)
Version iPhone
avec vidéos + alertes
 SMS + version PDA
 (www.elpais.com)




                            Envoi de
                        l’adresse du site
                         mobile par SMS
                         (www.elmundo.es)
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)
Version mobile
(www.cnnmobile.com)
A noter : priorité aux titres,
                     navigation en mode “calque”
                          (www.washpost.com)




        “Une”
   photographique
    très présente
(www.mobile.latimes.com)
Un dispositif très complet :
interface iPhone, alertes SMS,
audio, VOD, alertes Blackberry
  (www.foxnews.com)
Interface iPhone +
alertes vidéos via SMS
 (www.cbsnews.com)
MSNBC a développé
  un dispositif de services
mobiles incluant un site, des
 alertes SMS, des podcasts,
   une application vidéo
    (www.msnbc.com)
Version iPhone grand
                               Version mobile
visuel + liste d’articles et
                               avec alerte SMS
   homes thématiques
                                (www.iht.com)
  (www.iphone.iht.com)
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)
“Choisissez votre façon
  de lire le journal”
   (www.elpais.com)




          RSS, newsletter,
      mobile, podcasts, widgets
        (www.washpost.com
           www.usatoday.com)

Contenu connexe

Tendances

Analyse marketing Passionata lingerie
Analyse marketing Passionata lingerieAnalyse marketing Passionata lingerie
Analyse marketing Passionata lingerieGoncalves Chloe
 
Video Ads là gì? Ai nên sử dụng Video Ads
Video Ads là gì? Ai nên sử dụng Video AdsVideo Ads là gì? Ai nên sử dụng Video Ads
Video Ads là gì? Ai nên sử dụng Video AdsBlog'Marketers
 
Présentation cas marketing Décathlon
Présentation cas marketing DécathlonPrésentation cas marketing Décathlon
Présentation cas marketing DécathlonKévin CÉCILE
 
Analyse marketing Chantal Thomas lingerie
Analyse marketing Chantal Thomas lingerieAnalyse marketing Chantal Thomas lingerie
Analyse marketing Chantal Thomas lingerieGoncalves Chloe
 
Etude de cas esc130 le slip français
Etude de cas esc130   le slip françaisEtude de cas esc130   le slip français
Etude de cas esc130 le slip françaisFabrizia Rocco
 
Présentation de la marque : The Body Shop
Présentation de la marque : The Body ShopPrésentation de la marque : The Body Shop
Présentation de la marque : The Body ShopPaul Pernez
 
Đề tài “Giải pháp marketing phát triển thị trường giầy dép của công ty Biti’s...
Đề tài “Giải pháp marketing phát triển thị trường giầy dép của công ty Biti’s...Đề tài “Giải pháp marketing phát triển thị trường giầy dép của công ty Biti’s...
Đề tài “Giải pháp marketing phát triển thị trường giầy dép của công ty Biti’s...nataliej4
 
Stratégie webmarketing TPE - Réponse à un brief | Lucie Pires
Stratégie webmarketing TPE - Réponse à un brief | Lucie PiresStratégie webmarketing TPE - Réponse à un brief | Lucie Pires
Stratégie webmarketing TPE - Réponse à un brief | Lucie PiresPires Lucie
 
Recommandation stratégique
Recommandation stratégiqueRecommandation stratégique
Recommandation stratégiqueMaxime Ravon
 
Présentation Citya Immobilier
Présentation Citya ImmobilierPrésentation Citya Immobilier
Présentation Citya ImmobilierAgence Reference
 
Etude de Cas - Adidas
Etude de Cas - AdidasEtude de Cas - Adidas
Etude de Cas - Adidasredalem
 
Plan marketing: Definir la strategie marketing
Plan marketing: Definir la strategie marketingPlan marketing: Definir la strategie marketing
Plan marketing: Definir la strategie marketingVincent KADIO
 
Stratégie d'entreprise - Etude de cas : Décathlon
Stratégie d'entreprise - Etude de cas : DécathlonStratégie d'entreprise - Etude de cas : Décathlon
Stratégie d'entreprise - Etude de cas : DécathlonBenjamin Poisson
 
stratégie marketing digitale de ZARA et de GUCCI
stratégie marketing digitale de ZARA et de GUCCIstratégie marketing digitale de ZARA et de GUCCI
stratégie marketing digitale de ZARA et de GUCCImouna kouki
 
Biocoop analyse ecosysteme-quadrant partenaire
Biocoop analyse ecosysteme-quadrant partenaireBiocoop analyse ecosysteme-quadrant partenaire
Biocoop analyse ecosysteme-quadrant partenairepurbio
 
Hoạt động phân đoạn thị trường, lựa chọn thị trường mục tiêu từ đó định vị th...
Hoạt động phân đoạn thị trường, lựa chọn thị trường mục tiêu từ đó định vị th...Hoạt động phân đoạn thị trường, lựa chọn thị trường mục tiêu từ đó định vị th...
Hoạt động phân đoạn thị trường, lựa chọn thị trường mục tiêu từ đó định vị th...luanvantrust
 
Suivie de l'e-réputtion d'Yves Rocher sur les médias sociaux 2015/2016
Suivie de l'e-réputtion d'Yves Rocher sur les médias sociaux 2015/2016Suivie de l'e-réputtion d'Yves Rocher sur les médias sociaux 2015/2016
Suivie de l'e-réputtion d'Yves Rocher sur les médias sociaux 2015/2016meriem maalel
 
Mode d'emploi Scoop.it
Mode d'emploi Scoop.itMode d'emploi Scoop.it
Mode d'emploi Scoop.itPlus-Visible
 

Tendances (20)

Analyse marketing Passionata lingerie
Analyse marketing Passionata lingerieAnalyse marketing Passionata lingerie
Analyse marketing Passionata lingerie
 
Video Ads là gì? Ai nên sử dụng Video Ads
Video Ads là gì? Ai nên sử dụng Video AdsVideo Ads là gì? Ai nên sử dụng Video Ads
Video Ads là gì? Ai nên sử dụng Video Ads
 
Marketing tsge
Marketing tsgeMarketing tsge
Marketing tsge
 
Présentation cas marketing Décathlon
Présentation cas marketing DécathlonPrésentation cas marketing Décathlon
Présentation cas marketing Décathlon
 
Analyse marketing Chantal Thomas lingerie
Analyse marketing Chantal Thomas lingerieAnalyse marketing Chantal Thomas lingerie
Analyse marketing Chantal Thomas lingerie
 
Etude de cas esc130 le slip français
Etude de cas esc130   le slip françaisEtude de cas esc130   le slip français
Etude de cas esc130 le slip français
 
Présentation de la marque : The Body Shop
Présentation de la marque : The Body ShopPrésentation de la marque : The Body Shop
Présentation de la marque : The Body Shop
 
Đề tài “Giải pháp marketing phát triển thị trường giầy dép của công ty Biti’s...
Đề tài “Giải pháp marketing phát triển thị trường giầy dép của công ty Biti’s...Đề tài “Giải pháp marketing phát triển thị trường giầy dép của công ty Biti’s...
Đề tài “Giải pháp marketing phát triển thị trường giầy dép của công ty Biti’s...
 
Stratégie webmarketing TPE - Réponse à un brief | Lucie Pires
Stratégie webmarketing TPE - Réponse à un brief | Lucie PiresStratégie webmarketing TPE - Réponse à un brief | Lucie Pires
Stratégie webmarketing TPE - Réponse à un brief | Lucie Pires
 
Recommandation stratégique
Recommandation stratégiqueRecommandation stratégique
Recommandation stratégique
 
Présentation Citya Immobilier
Présentation Citya ImmobilierPrésentation Citya Immobilier
Présentation Citya Immobilier
 
Etude de Cas - Adidas
Etude de Cas - AdidasEtude de Cas - Adidas
Etude de Cas - Adidas
 
Plan marketing: Definir la strategie marketing
Plan marketing: Definir la strategie marketingPlan marketing: Definir la strategie marketing
Plan marketing: Definir la strategie marketing
 
Stratégie d'entreprise - Etude de cas : Décathlon
Stratégie d'entreprise - Etude de cas : DécathlonStratégie d'entreprise - Etude de cas : Décathlon
Stratégie d'entreprise - Etude de cas : Décathlon
 
stratégie marketing digitale de ZARA et de GUCCI
stratégie marketing digitale de ZARA et de GUCCIstratégie marketing digitale de ZARA et de GUCCI
stratégie marketing digitale de ZARA et de GUCCI
 
Biocoop analyse ecosysteme-quadrant partenaire
Biocoop analyse ecosysteme-quadrant partenaireBiocoop analyse ecosysteme-quadrant partenaire
Biocoop analyse ecosysteme-quadrant partenaire
 
Le Street marketing
Le Street marketingLe Street marketing
Le Street marketing
 
Hoạt động phân đoạn thị trường, lựa chọn thị trường mục tiêu từ đó định vị th...
Hoạt động phân đoạn thị trường, lựa chọn thị trường mục tiêu từ đó định vị th...Hoạt động phân đoạn thị trường, lựa chọn thị trường mục tiêu từ đó định vị th...
Hoạt động phân đoạn thị trường, lựa chọn thị trường mục tiêu từ đó định vị th...
 
Suivie de l'e-réputtion d'Yves Rocher sur les médias sociaux 2015/2016
Suivie de l'e-réputtion d'Yves Rocher sur les médias sociaux 2015/2016Suivie de l'e-réputtion d'Yves Rocher sur les médias sociaux 2015/2016
Suivie de l'e-réputtion d'Yves Rocher sur les médias sociaux 2015/2016
 
Mode d'emploi Scoop.it
Mode d'emploi Scoop.itMode d'emploi Scoop.it
Mode d'emploi Scoop.it
 

En vedette

Benchmark sites agences interim
Benchmark sites agences interimBenchmark sites agences interim
Benchmark sites agences interimBioforce
 
5 phases du Design pour l'Experience Utilisateur
5 phases du Design pour l'Experience Utilisateur5 phases du Design pour l'Experience Utilisateur
5 phases du Design pour l'Experience UtilisateurMatthieu Mingasson
 
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]Serena Facchinetti
 
Benchmark Sites Agences Com. Sensible
Benchmark Sites Agences Com. SensibleBenchmark Sites Agences Com. Sensible
Benchmark Sites Agences Com. SensibleBioforce
 
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...Carine Lallemand
 
10 méthodes UX appliquées à votre projet Web
10 méthodes UX appliquées à votre projet Web10 méthodes UX appliquées à votre projet Web
10 méthodes UX appliquées à votre projet WebCore-Techs
 
Benchmark stratice des plateformes open source
Benchmark stratice des plateformes open sourceBenchmark stratice des plateformes open source
Benchmark stratice des plateformes open sourceFFFOD
 
Marque employeur - Benchmark et implications
Marque employeur - Benchmark et implicationsMarque employeur - Benchmark et implications
Marque employeur - Benchmark et implicationsalineisoz.ch
 
Abaques Lecko - Enseignements du benchmark 2013
Abaques Lecko - Enseignements du benchmark 2013 Abaques Lecko - Enseignements du benchmark 2013
Abaques Lecko - Enseignements du benchmark 2013 Lecko
 
Benchmark sur des exemples de valorisation de projets
Benchmark sur des exemples de valorisation de projetsBenchmark sur des exemples de valorisation de projets
Benchmark sur des exemples de valorisation de projetsJezabel Roullee
 
Connecting to Digital Natives
Connecting to Digital NativesConnecting to Digital Natives
Connecting to Digital NativesMatthew Guevara
 

En vedette (16)

Benchmark des bonnes pratiques sur les réseaux sociaux Atelier 6
Benchmark des bonnes pratiques sur les réseaux sociaux Atelier 6Benchmark des bonnes pratiques sur les réseaux sociaux Atelier 6
Benchmark des bonnes pratiques sur les réseaux sociaux Atelier 6
 
Benchmark sites agences interim
Benchmark sites agences interimBenchmark sites agences interim
Benchmark sites agences interim
 
Benchmark concurrence
Benchmark concurrenceBenchmark concurrence
Benchmark concurrence
 
5 phases du Design pour l'Experience Utilisateur
5 phases du Design pour l'Experience Utilisateur5 phases du Design pour l'Experience Utilisateur
5 phases du Design pour l'Experience Utilisateur
 
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French]
 
UX methode-paris web
UX methode-paris webUX methode-paris web
UX methode-paris web
 
Benchmark Sites Agences Com. Sensible
Benchmark Sites Agences Com. SensibleBenchmark Sites Agences Com. Sensible
Benchmark Sites Agences Com. Sensible
 
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
 
Benchmark football
Benchmark footballBenchmark football
Benchmark football
 
10 méthodes UX appliquées à votre projet Web
10 méthodes UX appliquées à votre projet Web10 méthodes UX appliquées à votre projet Web
10 méthodes UX appliquées à votre projet Web
 
Benchmark stratice des plateformes open source
Benchmark stratice des plateformes open sourceBenchmark stratice des plateformes open source
Benchmark stratice des plateformes open source
 
Marque employeur - Benchmark et implications
Marque employeur - Benchmark et implicationsMarque employeur - Benchmark et implications
Marque employeur - Benchmark et implications
 
Abaques Lecko - Enseignements du benchmark 2013
Abaques Lecko - Enseignements du benchmark 2013 Abaques Lecko - Enseignements du benchmark 2013
Abaques Lecko - Enseignements du benchmark 2013
 
Benchmark sur des exemples de valorisation de projets
Benchmark sur des exemples de valorisation de projetsBenchmark sur des exemples de valorisation de projets
Benchmark sur des exemples de valorisation de projets
 
Connecting to Digital Natives
Connecting to Digital NativesConnecting to Digital Natives
Connecting to Digital Natives
 
C’est quoi l’UX -
C’est quoi l’UX -C’est quoi l’UX -
C’est quoi l’UX -
 

Plus de France

Design d’interaction : un panorama des réalisations françaises 2015
Design d’interaction : un panorama des réalisations françaises 2015Design d’interaction : un panorama des réalisations françaises 2015
Design d’interaction : un panorama des réalisations françaises 2015France
 
Étude Deloitte sur les usages Mobile des Français en 2014
Étude Deloitte sur les usages Mobile des Français en 2014Étude Deloitte sur les usages Mobile des Français en 2014
Étude Deloitte sur les usages Mobile des Français en 2014France
 
Sondage salaires-2014
Sondage salaires-2014Sondage salaires-2014
Sondage salaires-2014France
 
Sondage salaires-2013
Sondage salaires-2013Sondage salaires-2013
Sondage salaires-2013France
 
Les salaires des métiers du design interactif, édition 2012
Les salaires des métiers du design interactif, édition 2012Les salaires des métiers du design interactif, édition 2012
Les salaires des métiers du design interactif, édition 2012France
 
L'architecture de l'information
L'architecture de l'informationL'architecture de l'information
L'architecture de l'informationFrance
 
Les applications iPad des médias
Les applications iPad des médias Les applications iPad des médias
Les applications iPad des médias France
 
Le design de l’information en ligne
Le design de l’information en ligne Le design de l’information en ligne
Le design de l’information en ligne France
 
Présentation des métiers du design numérique à l'ESSEC - mai 2009
Présentation des métiers du design numérique à l'ESSEC - mai 2009Présentation des métiers du design numérique à l'ESSEC - mai 2009
Présentation des métiers du design numérique à l'ESSEC - mai 2009France
 

Plus de France (9)

Design d’interaction : un panorama des réalisations françaises 2015
Design d’interaction : un panorama des réalisations françaises 2015Design d’interaction : un panorama des réalisations françaises 2015
Design d’interaction : un panorama des réalisations françaises 2015
 
Étude Deloitte sur les usages Mobile des Français en 2014
Étude Deloitte sur les usages Mobile des Français en 2014Étude Deloitte sur les usages Mobile des Français en 2014
Étude Deloitte sur les usages Mobile des Français en 2014
 
Sondage salaires-2014
Sondage salaires-2014Sondage salaires-2014
Sondage salaires-2014
 
Sondage salaires-2013
Sondage salaires-2013Sondage salaires-2013
Sondage salaires-2013
 
Les salaires des métiers du design interactif, édition 2012
Les salaires des métiers du design interactif, édition 2012Les salaires des métiers du design interactif, édition 2012
Les salaires des métiers du design interactif, édition 2012
 
L'architecture de l'information
L'architecture de l'informationL'architecture de l'information
L'architecture de l'information
 
Les applications iPad des médias
Les applications iPad des médias Les applications iPad des médias
Les applications iPad des médias
 
Le design de l’information en ligne
Le design de l’information en ligne Le design de l’information en ligne
Le design de l’information en ligne
 
Présentation des métiers du design numérique à l'ESSEC - mai 2009
Présentation des métiers du design numérique à l'ESSEC - mai 2009Présentation des métiers du design numérique à l'ESSEC - mai 2009
Présentation des métiers du design numérique à l'ESSEC - mai 2009
 

Benchmark Presse En Ligne

  • 1. Benchmark de la presse en ligne
  • 2. Comment éviter la surcharge informationnelle ?
  • 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. 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. 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. 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. 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. Accordéon dans le corps de page avec gestion des différentes sources d’information (news.yahoo.com) Accordéon (www.latimes.com)
  • 9. Un cube interactif pour mettre en scène les différentes facettes de l’information (www.washingtontimes.com)
  • 10. Fil d’actualité ou “Une” riche ? (abcnews.go.com) Prévisualisation d’articles sur la home (www.newsweek.com)
  • 11. Affichage des principaux titres dans un calque glissé entre la navigation et la Une (www.lemonde.fr)
  • 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. Comment enrichir le traitement de l’information ?
  • 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. Diaporama intégré en Une (www.latimes.com) Galerie photo (www.newsweek.com) Le diaporama complète la Une (www.lexpress.fr)
  • 16. Module avec remontées des espaces multimédias Photos chronologiques (www.guardian.co.uk) (www.elmundo.es)
  • 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. Slideshow thématique + calque de navigation interactif (www.washingtontimes.com) Intégration par onglet dans l’article (www.wsj.com)
  • 19. Forte visibilité aux diaporama en home (www.chicagotribune.com) Module en home (abcnews.go.com) Diaporama, onglets (www.msnbc.com)
  • 20. Carte interactive + Carte interactive design de l’information (www.nytimes.com) (www.cnn.com)
  • 21. Graphiques Infographie interactifs + intégration à interactive l’article par onglets pédagogique (www.wsj.com) (www.elpais.com)
  • 22. En ajoutant une Page dédiée aux dimension temporelle à la modules interactifs consultation (www.guardian.co.uk) (www.newsweek.com)
  • 23. Timeline Intégration d’une (www.elpais.com) timeline par onglet dans l’article (www.cnn.com)
  • 24. Extraits audio Version audio des complémentaires articles via un lecteur (www.washpost.com (www.iht.com) www.nytimes.com)
  • 25. Page dédiée podcasts audios (www.elpais.com) Mise en avant des modules interactifs (www.usatoday.com)
  • 26. Classement des vidéos par date et thèmes (www.elpais.com www.elmondo.es)
  • 27. Un mur d’images vidéos (culturebox.france3.fr)
  • 28. Comment renouveler le traitement de l’actualité “chaude” ?
  • 31. Dimension des Unes La Une occupe toute la col. de gauche + photo grand format + bandeau jaune (www.cnn.com)
  • 32. Tickers Ticker défilant avec flèches directionnelles (www.washingtontimes.com) Ticker défilant horizontal (www.wsj.com) (www.chicagotribune.com)
  • 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. “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. Alertes actualités chaudes via messagerie instantanée (www.usatoday.com) Alertes via Windows Live (www.msnbc.com)
  • 36. Une visualisation en temps réel sous la forme d’un lecteur de dépêches en 3D (www.spectra.msnbc.com)
  • 37. Un jeu “tetris” en ligne pour consulter les dernières actualités (www.msnbc.com)
  • 38. Page dédiée microblogging (Twitter) (www.twitter.com/newsweek www.twitter.com/iht)
  • 39. Comment fidéliser les internautes ?
  • 40. Widgets Widget personnalisable et Collection de exportable sur les outils widgets thématiques sociaux (www.washpost.com) (www.msnbc.com)
  • 41. Widgets Collection de widgets multi- plateforme à intégrer sur PC, Mac, Netvibes etc. (www.cbsnews.com)
  • 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. Widgets Widget thématisé (www.usatoday.com)
  • 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. Faire partie d’une communauté Réseau social des abonnés au journal en ligne (www.wjs.com)
  • 46. Newsletters / Alertes e-mail Col. droite : Reprise de la impliquer, navigation du site autopromouvoir, proposer (20 Minutes) des sondages (Le Monde)
  • 47. Newsletters / Alertes e-mail design au plus proche du site (Le Figaro, Le Point)
  • 48. Newsletters / Alertes e-mail Grille en 3 col., uniquement les titres, incitation par la photo, articulation avec l’édition papier (The Guardian)
  • 51. Possibilité de réduire les publicités
  • 52. Comment articuler version papier et version(s) électronique(s) ?
  • 53. Bannières autopromo bandeau + pied de page (www.iht.com) Boutique + Une en PDF (www.usatoday.com)
  • 54. PDF, rubrique dédiée aux articles du journal papier, etc. www.elpais.com Pied de page (www.lemonde.fr)
  • 55. Organisation de la page pensée pour les offres d’abonnement www.lefigaro.fr
  • 56. Bannière autopromo, anciens numéros, boutique en ligne + rubrique avec les articles de l’édition papier (www.latimes.com)
  • 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. Quelle place pour la blogosphère dans la presse en ligne ?
  • 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. 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. Rubrique dédiée aux blogs de la rédaction Le journal comme plateforme communautaire de blogs www.elpais.com
  • 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. 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. 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. Comment faire participer les internautes ?
  • 66. Toolboxes : activer la dimension sociale (www.washpost.com) (www.iht.com) www.newsweek.com www.abc.com (www.usatoday.com)
  • 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. Toolboxes : activer la dimension sociale (www.wsj.com) www.msnbc.com news.yahoo.com www.cbs.com
  • 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. 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. Evaluation des articles (www.elpais.com) Module Digg sur la home (www.chicagotribune.com) Système simple de recommandation (vote) (www.usatoday.com)
  • 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. Outils Module interactif (www.foxnews.com) Outil de calcul (www.theguardian.co.uk)
  • 74. Sondages “Prédictions” (www.msnbc.com) Sondage contextuel en bas d’article (www.lemonde.fr)
  • 75. Sondages Sondage contextuel en bas d’article Questions/ (www.lemonde.fr) réponses (www.nytimes.com)
  • 76. Sur un mode plus ludique... Quizz sur l’actu (www.guardian.co.uk)
  • 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. Comment adapter le journal à la mobilité ?
  • 79. Porter le journal sur les plateformes sociales Une déclinaison d’usages (www.chicagotribune.com)
  • 80. édition électronique sur le Kindle (www.latimes.com) version PSP et PDA avec url dédiées (psp.elpais.com)
  • 81. Une version de bureau pour l’édition électronique du journal via une application à télécharger (www.nytimes.com)
  • 82. Version iPhone + application. A noter : intégration de la pub. (iphone.lemonde.fr)
  • 84. Version iPhone + application à télécharger. Version iPhone Design proche du site web. (iphone.liberation.fr) (iphone.20minutes.fr.)
  • 85. Version iPhone avec vidéos + alertes SMS + version PDA (www.elpais.com) Envoi de l’adresse du site mobile par SMS (www.elmundo.es)
  • 86. 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)
  • 88. A noter : priorité aux titres, navigation en mode “calque” (www.washpost.com) “Une” photographique très présente (www.mobile.latimes.com)
  • 89. Un dispositif très complet : interface iPhone, alertes SMS, audio, VOD, alertes Blackberry (www.foxnews.com)
  • 90. Interface iPhone + alertes vidéos via SMS (www.cbsnews.com)
  • 91. MSNBC a développé un dispositif de services mobiles incluant un site, des alertes SMS, des podcasts, une application vidéo (www.msnbc.com)
  • 92. Version iPhone grand Version mobile visuel + liste d’articles et avec alerte SMS homes thématiques (www.iht.com) (www.iphone.iht.com)
  • 93. 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)
  • 94. “Choisissez votre façon de lire le journal” (www.elpais.com) RSS, newsletter, mobile, podcasts, widgets (www.washpost.com www.usatoday.com)