SlideShare uma empresa Scribd logo
1 de 94
Baixar para ler offline
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)
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)

Mais conteúdo relacionado

Mais procurados

2023 메조미디어 트렌드 리포트
2023 메조미디어 트렌드 리포트2023 메조미디어 트렌드 리포트
2023 메조미디어 트렌드 리포트MezzoMedia
 
PPC Restart 2022: Milan Formánek - Moderní marketing
PPC Restart 2022: Milan Formánek - Moderní marketingPPC Restart 2022: Milan Formánek - Moderní marketing
PPC Restart 2022: Milan Formánek - Moderní marketingTaste
 
0515 dmc 영상스토리보드 + 진행상황
0515 dmc 영상스토리보드 + 진행상황0515 dmc 영상스토리보드 + 진행상황
0515 dmc 영상스토리보드 + 진행상황나영 한
 
2.3. sumienie i jego rodzaje
2.3. sumienie i jego rodzaje2.3. sumienie i jego rodzaje
2.3. sumienie i jego rodzajeKM Ludźmierz
 
Jak stworzyć proces sprzedaży?
Jak stworzyć proces sprzedaży?Jak stworzyć proces sprzedaży?
Jak stworzyć proces sprzedaży?Livespace
 
Digital Marketing and Advertising
Digital Marketing and Advertising Digital Marketing and Advertising
Digital Marketing and Advertising Saksham Jain
 
Digital marketing overview fas
Digital marketing overview fasDigital marketing overview fas
Digital marketing overview fasDigital Business
 
B2B Digital Marketing Strategy
B2B Digital Marketing Strategy B2B Digital Marketing Strategy
B2B Digital Marketing Strategy Jithesh Rajendran
 
What is Digital Marketing | Digital Marketing Guide | FLC Digital
What is Digital Marketing | Digital Marketing Guide | FLC DigitalWhat is Digital Marketing | Digital Marketing Guide | FLC Digital
What is Digital Marketing | Digital Marketing Guide | FLC DigitalSimardeepNarula
 
메조미디어_2022타겟리포트_40대.pdf
메조미디어_2022타겟리포트_40대.pdf메조미디어_2022타겟리포트_40대.pdf
메조미디어_2022타겟리포트_40대.pdfMezzoMedia
 
메조미디어_2022타겟리포트_50대.pdf
메조미디어_2022타겟리포트_50대.pdf메조미디어_2022타겟리포트_50대.pdf
메조미디어_2022타겟리포트_50대.pdfMezzoMedia
 
토독ToDok 기획서.pdf
토독ToDok 기획서.pdf토독ToDok 기획서.pdf
토독ToDok 기획서.pdfssuser062f771
 
PPC Restart 2023: Tomáš Beňo - Marketing Mix Modeling: Budoucnost vyhodnocová...
PPC Restart 2023: Tomáš Beňo - Marketing Mix Modeling: Budoucnost vyhodnocová...PPC Restart 2023: Tomáš Beňo - Marketing Mix Modeling: Budoucnost vyhodnocová...
PPC Restart 2023: Tomáš Beňo - Marketing Mix Modeling: Budoucnost vyhodnocová...Taste
 
Demystifying Amazon Marketing Cloud’s Attribution Model
Demystifying Amazon Marketing Cloud’s Attribution ModelDemystifying Amazon Marketing Cloud’s Attribution Model
Demystifying Amazon Marketing Cloud’s Attribution ModelTinuiti
 

Mais procurados (17)

2023 메조미디어 트렌드 리포트
2023 메조미디어 트렌드 리포트2023 메조미디어 트렌드 리포트
2023 메조미디어 트렌드 리포트
 
PPC Restart 2022: Milan Formánek - Moderní marketing
PPC Restart 2022: Milan Formánek - Moderní marketingPPC Restart 2022: Milan Formánek - Moderní marketing
PPC Restart 2022: Milan Formánek - Moderní marketing
 
Content Marketing
Content MarketingContent Marketing
Content Marketing
 
0515 dmc 영상스토리보드 + 진행상황
0515 dmc 영상스토리보드 + 진행상황0515 dmc 영상스토리보드 + 진행상황
0515 dmc 영상스토리보드 + 진행상황
 
Mariologia - FTPCL
Mariologia - FTPCLMariologia - FTPCL
Mariologia - FTPCL
 
2.3. sumienie i jego rodzaje
2.3. sumienie i jego rodzaje2.3. sumienie i jego rodzaje
2.3. sumienie i jego rodzaje
 
Jak stworzyć proces sprzedaży?
Jak stworzyć proces sprzedaży?Jak stworzyć proces sprzedaży?
Jak stworzyć proces sprzedaży?
 
Digital Marketing and Advertising
Digital Marketing and Advertising Digital Marketing and Advertising
Digital Marketing and Advertising
 
Digital marketing overview fas
Digital marketing overview fasDigital marketing overview fas
Digital marketing overview fas
 
B2B Digital Marketing Strategy
B2B Digital Marketing Strategy B2B Digital Marketing Strategy
B2B Digital Marketing Strategy
 
What is Digital Marketing | Digital Marketing Guide | FLC Digital
What is Digital Marketing | Digital Marketing Guide | FLC DigitalWhat is Digital Marketing | Digital Marketing Guide | FLC Digital
What is Digital Marketing | Digital Marketing Guide | FLC Digital
 
메조미디어_2022타겟리포트_40대.pdf
메조미디어_2022타겟리포트_40대.pdf메조미디어_2022타겟리포트_40대.pdf
메조미디어_2022타겟리포트_40대.pdf
 
메조미디어_2022타겟리포트_50대.pdf
메조미디어_2022타겟리포트_50대.pdf메조미디어_2022타겟리포트_50대.pdf
메조미디어_2022타겟리포트_50대.pdf
 
토독ToDok 기획서.pdf
토독ToDok 기획서.pdf토독ToDok 기획서.pdf
토독ToDok 기획서.pdf
 
PPC Restart 2023: Tomáš Beňo - Marketing Mix Modeling: Budoucnost vyhodnocová...
PPC Restart 2023: Tomáš Beňo - Marketing Mix Modeling: Budoucnost vyhodnocová...PPC Restart 2023: Tomáš Beňo - Marketing Mix Modeling: Budoucnost vyhodnocová...
PPC Restart 2023: Tomáš Beňo - Marketing Mix Modeling: Budoucnost vyhodnocová...
 
Demystifying Amazon Marketing Cloud’s Attribution Model
Demystifying Amazon Marketing Cloud’s Attribution ModelDemystifying Amazon Marketing Cloud’s Attribution Model
Demystifying Amazon Marketing Cloud’s Attribution Model
 
Email marketing
Email marketingEmail marketing
Email marketing
 

Destaque

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
 

Destaque (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 -
 

Mais 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
 

Mais 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)
  • 83.
  • 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)