Benchmark Presse En Ligne

France
FranceFrance
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)
1 of 94

Recommended

e-mart No Brand by
e-mart No Brande-mart No Brand
e-mart No Brand수연 김
5.9K views55 slides
이니스프리 브랜드북_박솔이_숙명여대 홍보광고학과 by
이니스프리 브랜드북_박솔이_숙명여대 홍보광고학과이니스프리 브랜드북_박솔이_숙명여대 홍보광고학과
이니스프리 브랜드북_박솔이_숙명여대 홍보광고학과솔이 박
4.5K views53 slides
Slide marketing 1.2 by
Slide marketing 1.2Slide marketing 1.2
Slide marketing 1.2Yīng Táo Chen
11.6K views54 slides
Nasty Fancy Club Brand Book by
Nasty Fancy Club Brand BookNasty Fancy Club Brand Book
Nasty Fancy Club Brand Bookssuserf41cee
305 views40 slides
Bài giảng LỰA CHỌN THỊ TRƯỜNG MỤC TIÊU by
Bài giảng LỰA CHỌN THỊ TRƯỜNG MỤC TIÊU Bài giảng LỰA CHỌN THỊ TRƯỜNG MỤC TIÊU
Bài giảng LỰA CHỌN THỊ TRƯỜNG MỤC TIÊU nataliej4
433 views50 slides
Winning trade marketing for talkshow by
Winning trade marketing for talkshowWinning trade marketing for talkshow
Winning trade marketing for talkshowHBA
6.2K views87 slides

More Related Content

What's hot

[Brands Vietnam] Passport - to Trade Marketing by
[Brands Vietnam] Passport - to Trade Marketing[Brands Vietnam] Passport - to Trade Marketing
[Brands Vietnam] Passport - to Trade MarketingĐăng Khôi - FPT Skillking
1.4K views38 slides
Starbucks vs Trung Nguyên by
Starbucks vs Trung NguyênStarbucks vs Trung Nguyên
Starbucks vs Trung NguyênHolly Nmn
8.7K views29 slides
Customer development by
Customer development Customer development
Customer development BUG Corporation
1.2K views39 slides
Tài liệu Training digital marketing căn bản về digital marketing dành cho ngư... by
Tài liệu Training digital marketing căn bản về digital marketing dành cho ngư...Tài liệu Training digital marketing căn bản về digital marketing dành cho ngư...
Tài liệu Training digital marketing căn bản về digital marketing dành cho ngư...Digital Marketing
8K views68 slides
[Trade Marketing Excellence] X-Men Trade marketing proposal by
[Trade Marketing Excellence] X-Men Trade marketing proposal[Trade Marketing Excellence] X-Men Trade marketing proposal
[Trade Marketing Excellence] X-Men Trade marketing proposalWeCreate
8.7K views33 slides
Инструкция по сборке конструктора Brick арт. 908 "Пожарная спецтехника" by
Инструкция по сборке конструктора Brick арт. 908 "Пожарная спецтехника"Инструкция по сборке конструктора Brick арт. 908 "Пожарная спецтехника"
Инструкция по сборке конструктора Brick арт. 908 "Пожарная спецтехника"mamazin
1.2K views27 slides

What's hot(20)

Starbucks vs Trung Nguyên by Holly Nmn
Starbucks vs Trung NguyênStarbucks vs Trung Nguyên
Starbucks vs Trung Nguyên
Holly Nmn8.7K views
Tài liệu Training digital marketing căn bản về digital marketing dành cho ngư... by Digital Marketing
Tài liệu Training digital marketing căn bản về digital marketing dành cho ngư...Tài liệu Training digital marketing căn bản về digital marketing dành cho ngư...
Tài liệu Training digital marketing căn bản về digital marketing dành cho ngư...
[Trade Marketing Excellence] X-Men Trade marketing proposal by WeCreate
[Trade Marketing Excellence] X-Men Trade marketing proposal[Trade Marketing Excellence] X-Men Trade marketing proposal
[Trade Marketing Excellence] X-Men Trade marketing proposal
WeCreate8.7K views
Инструкция по сборке конструктора Brick арт. 908 "Пожарная спецтехника" by mamazin
Инструкция по сборке конструктора Brick арт. 908 "Пожарная спецтехника"Инструкция по сборке конструктора Brick арт. 908 "Пожарная спецтехника"
Инструкция по сборке конструктора Brick арт. 908 "Пожарная спецтехника"
mamazin1.2K views
Chuong2.2 Marketing Căn Bản by Nguyễn Long
Chuong2.2 Marketing Căn BảnChuong2.2 Marketing Căn Bản
Chuong2.2 Marketing Căn Bản
Nguyễn Long1.5K views
2018-2 브랜드커뮤니케이션 전략 29CM 브랜드북 by EunchaeKim1
2018-2 브랜드커뮤니케이션 전략 29CM 브랜드북 2018-2 브랜드커뮤니케이션 전략 29CM 브랜드북
2018-2 브랜드커뮤니케이션 전략 29CM 브랜드북
EunchaeKim15.9K views
Lập kế hoạch bán hàng Vinamilk khu vực Cầu Giấy, Hà Nội by Giang Coffee
Lập kế hoạch bán hàng Vinamilk khu vực Cầu Giấy, Hà NộiLập kế hoạch bán hàng Vinamilk khu vực Cầu Giấy, Hà Nội
Lập kế hoạch bán hàng Vinamilk khu vực Cầu Giấy, Hà Nội
Giang Coffee5.4K views
밀리의 서재 브랜드북, 숙명여대 홍보광고학과 안은희 by ssuser7f7c9c
밀리의 서재 브랜드북, 숙명여대 홍보광고학과 안은희밀리의 서재 브랜드북, 숙명여대 홍보광고학과 안은희
밀리의 서재 브랜드북, 숙명여대 홍보광고학과 안은희
ssuser7f7c9c729 views
HƯỚNG DẪN CÁCH TỰ LÊN KỊCH BẢN TIKTOK TRIỆU VIEW VÀ MẪU CO... by KhoaMr
HƯỚNG DẪN  CÁCH  TỰ LÊN  KỊCH BẢN TIKTOK TRIỆU VIEW VÀ MẪU CO...HƯỚNG DẪN  CÁCH  TỰ LÊN  KỊCH BẢN TIKTOK TRIỆU VIEW VÀ MẪU CO...
HƯỚNG DẪN CÁCH TỰ LÊN KỊCH BẢN TIKTOK TRIỆU VIEW VÀ MẪU CO...
KhoaMr54 views
Khóa học Copywriter - Creative - Content Marketing - Vinalink by Vinalink Media JSC
Khóa học Copywriter - Creative - Content Marketing - VinalinkKhóa học Copywriter - Creative - Content Marketing - Vinalink
Khóa học Copywriter - Creative - Content Marketing - Vinalink
Vinalink Media JSC57.8K views
marketing cb chương 4 hành vi khách hàng by Diệu Linh
marketing cb chương 4 hành vi khách hàngmarketing cb chương 4 hành vi khách hàng
marketing cb chương 4 hành vi khách hàng
Diệu Linh3K views
PT_파나소닉_람대쉬&제트워셔_1510_sharing.pdf by Namhee Choi
PT_파나소닉_람대쉬&제트워셔_1510_sharing.pdfPT_파나소닉_람대쉬&제트워셔_1510_sharing.pdf
PT_파나소닉_람대쉬&제트워셔_1510_sharing.pdf
Namhee Choi267 views
숙명여대 브랜드북 에잇세컨즈 by jisun park
숙명여대 브랜드북 에잇세컨즈숙명여대 브랜드북 에잇세컨즈
숙명여대 브랜드북 에잇세컨즈
jisun park5.8K views
Mi gau do sampling by s3090014
Mi gau do samplingMi gau do sampling
Mi gau do sampling
s30900146.3K views
PT_하나투어_워크샵_2009_sharing.pdf by Namhee Choi
PT_하나투어_워크샵_2009_sharing.pdfPT_하나투어_워크샵_2009_sharing.pdf
PT_하나투어_워크샵_2009_sharing.pdf
Namhee Choi270 views

Viewers also liked

Benchmark des bonnes pratiques sur les réseaux sociaux Atelier 6 by
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 67èmes Rencontres Nationales du etourisme institutionnel
3.6K views37 slides
Benchmark sites agences interim by
Benchmark sites agences interimBenchmark sites agences interim
Benchmark sites agences interimBioforce
5.3K views36 slides
5 phases du Design pour l'Experience Utilisateur by
5 phases du Design pour l'Experience Utilisateur5 phases du Design pour l'Experience Utilisateur
5 phases du Design pour l'Experience UtilisateurMatthieu Mingasson
7.7K views62 slides
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French] by
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
13K views41 slides
UX methode-paris web by
UX methode-paris webUX methode-paris web
UX methode-paris webMatthieu Mingasson
34.5K views92 slides

Viewers also liked(16)

Benchmark sites agences interim by Bioforce
Benchmark sites agences interimBenchmark sites agences interim
Benchmark sites agences interim
Bioforce5.3K views
5 phases du Design pour l'Experience Utilisateur by Matthieu Mingasson
5 phases du Design pour l'Experience Utilisateur5 phases du Design pour l'Experience Utilisateur
5 phases du Design pour l'Experience Utilisateur
Matthieu Mingasson7.7K views
Ux design. Quoi, Comment, Pourquoi. [Downloadable version - French] by Serena Facchinetti
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 Facchinetti13K views
Benchmark Sites Agences Com. Sensible by Bioforce
Benchmark Sites Agences Com. SensibleBenchmark Sites Agences Com. Sensible
Benchmark Sites Agences Com. Sensible
Bioforce33.9K views
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ... by Carine Lallemand
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 Lallemand24.2K views
10 méthodes UX appliquées à votre projet Web by Core-Techs
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
Core-Techs2.7K views
Benchmark stratice des plateformes open source by FFFOD
Benchmark stratice des plateformes open sourceBenchmark stratice des plateformes open source
Benchmark stratice des plateformes open source
FFFOD5.1K views
Marque employeur - Benchmark et implications by alineisoz.ch
Marque employeur - Benchmark et implicationsMarque employeur - Benchmark et implications
Marque employeur - Benchmark et implications
alineisoz.ch4.5K views
Abaques Lecko - Enseignements du benchmark 2013 by Lecko
Abaques Lecko - Enseignements du benchmark 2013 Abaques Lecko - Enseignements du benchmark 2013
Abaques Lecko - Enseignements du benchmark 2013
Lecko352.6K views
Benchmark sur des exemples de valorisation de projets by Jezabel Roullee
Benchmark sur des exemples de valorisation de projetsBenchmark sur des exemples de valorisation de projets
Benchmark sur des exemples de valorisation de projets
Jezabel Roullee4K views
Connecting to Digital Natives by Matthew Guevara
Connecting to Digital NativesConnecting to Digital Natives
Connecting to Digital Natives
Matthew Guevara16.6K views

More from France

Design d’interaction : un panorama des réalisations françaises 2015 by
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
19.2K views6 slides
Étude Deloitte sur les usages Mobile des Français en 2014 by
É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
3K views35 slides
Sondage salaires-2014 by
Sondage salaires-2014Sondage salaires-2014
Sondage salaires-2014France
33.6K views35 slides
Sondage salaires-2013 by
Sondage salaires-2013Sondage salaires-2013
Sondage salaires-2013France
18K views27 slides
Les salaires des métiers du design interactif, édition 2012 by
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
10.3K views109 slides
L'architecture de l'information by
L'architecture de l'informationL'architecture de l'information
L'architecture de l'informationFrance
11K views29 slides

More from France(9)

Design d’interaction : un panorama des réalisations françaises 2015 by France
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
France19.2K views
Étude Deloitte sur les usages Mobile des Français en 2014 by France
É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
France3K views
Sondage salaires-2014 by France
Sondage salaires-2014Sondage salaires-2014
Sondage salaires-2014
France33.6K views
Sondage salaires-2013 by France
Sondage salaires-2013Sondage salaires-2013
Sondage salaires-2013
France18K views
Les salaires des métiers du design interactif, édition 2012 by France
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
France10.3K views
L'architecture de l'information by France
L'architecture de l'informationL'architecture de l'information
L'architecture de l'information
France11K views
Les applications iPad des médias by France
Les applications iPad des médias Les applications iPad des médias
Les applications iPad des médias
France1.9K views
Le design de l’information en ligne by France
Le design de l’information en ligne Le design de l’information en ligne
Le design de l’information en ligne
France2.5K views
Présentation des métiers du design numérique à l'ESSEC - mai 2009 by France
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
France2.3K views

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)