SlideShare una empresa de Scribd logo
1 de 44
Descargar para leer sin conexión
RevSquare.com   Tous droits réservés © 2012   1
Scroll ou clic ?
Ou comment le type de contenu
impacte le UX.


  RevSquare.com   www.RevSquare.com
Agence
Interactive   MONTREAL                      PARIS
                                                 WARSAW



2002           NEW YORK




              Tous droits réservés © 2012                 3
Les utilisateurs scrollent-ils plus qu'ils
             ne cliquent ?




               Tous droits réservés © 2012   4
Moi j'te dis             Moi j'te dis
qu'ils scrollent         qu'ils cliquent
     plus !                   plus !




                   Tous droits réservés © 2012   5
Tous droits réservés © 2012   6
Les utilisateurs scrollent-ils ?




           Tous droits réservés © 2012   7
2006.
Test sur 120,000 pages vues.
22% des utilisateurs scrollent
jusqu'en bas de page en moyenne.

http://blog.clicktale.com/2006/12
/23/unfolding-the-fold/




            Tous droits réservés © 2012   8
http://blog.clicktale.com/2006/12/23/unfolding-the-fold/
                  Tous droits réservés © 2012              9
Tendances sur les sites de nouvelles




             Tous droits réservés © 2012   10
Tous droits réservés © 2012   11
Tendances sur les sites de
 commerce électronique




        Tous droits réservés © 2012   12
Tous droits réservés © 2012   13
Tendances sur les sites de
    réseaux sociaux




        Tous droits réservés © 2012   14
Tous droits réservés © 2012   15
Jakob Nielsen est un
                 expert mondial dans le
                 domaine de l'ergonomie
                 informatique et de
                 l'utilisabilité des sites Web,
                 titulaire d'un doctorat en
                 interactions homme-
                 machine, obtenu à
                 l'Université technique du
                 Danemark.

                 Il a travaillé pour Bell,
                 l'Université technique du
                 Danemark, IBM, et Sun
                 Microsystems.

Tous droits réservés © 2012                 16
En 2000 Dr. Jakob Nielsen, a étudié l'usage de la
   lecture des pages et des menus de navigation et
      son constat et que ceux-ci ne sont que très
                   rarement utilisés.
D'après ses recherches, les gens parcourent la page et
   relèvent des mots clés qui les intéressent et lisent
                   alors le contenu.
Les lecteurs sur le Web vont directement au contenu.
        Ils n'utilisent que rarement la navigation.
Avoir une structure de navigation rassure mais n'est
   pas essentielle à la consommation du contenu.
             http://www.useit.com/alertbox/20000109.html
              http://www.useit.com/alertbox/9710a.html

                         Tous droits réservés © 2012       17
Les utilisateurs scrollent-ils ?
             OUI




           Tous droits réservés © 2012   18
MAIS




Tous droits réservés © 2012   19
Les utilisateurs scrollent-ils plus qu'ils
             ne cliquent ?




               Tous droits réservés © 2012   20
Tous droits réservés © 2012   21
Jakob Nielsen's Alertbox, March 22, 2010

Scrolling and Attention
Summary:
Web users spend 80% of their time looking at
information above the page fold. Although
users do scroll, they allocate only 20% of their
attention below the fold.

      http://www.useit.com/alertbox/scrolling-attention.html




                          Tous droits réservés © 2012          22
http://www.useit.com/alertbox/scrolling-attention.html
                  Tous droits réservés © 2012            23
Si seuls 20% du temps est passé sous
le pli, cela veut-il dire que 80% d'entre
              eux cliquent ?




               Tous droits réservés © 2012   24
http://www.useit.com/alertbox/scrolling-attention.html
                   Tous droits réservés © 2012           25
Ce qui se passe au-dessus du pli (fold)
         affecte aussi le SEO.




              Tous droits réservés © 2012   26
http://searchenginewatch.com/article/2140407/Googles-New-Page-Layout-Update-Targets-Sites-With-
Too-Many-Ads                          Tous droits réservés © 2012                               27
ALORS ?




Tous droits réservés © 2012   28
Les utilisateurs scrollent-ils plus qu'ils
             ne cliquent ?




               Tous droits réservés © 2012   29
Quel rôle le UI/UX joue-t'il dans cette
              question ?




              Tous droits réservés © 2012   30
http://www.ultranoir.com
 Tous droits réservés © 2012   31
http://whiteboard.is
Tous droits réservés © 2012   32
http://rodesk.nl/
Tous droits réservés © 2012   33
DONC ?




Tous droits réservés © 2012   34
Les utilisateurs scrollent-ils plus qu'ils
             ne cliquent ?




               Tous droits réservés © 2012   35
Où s'en va la tendance ?




       Tous droits réservés © 2012   36
On scrolle sur les réseaux sociaux (où
 les gens passent le plus de temps)
 On scrolle sur les sites Marchands
 On scrolle sur les blogues (Tumblr)
    On scrolle sur les moteurs de
              recherche
On scrolle (encore plus) sur le mobile

              Tous droits réservés © 2012   37
Gen Y vit dans ce contexte.




         Tous droits réservés © 2012   38
Tous droits réservés © 2012   39
Mon humble avis ?
    {IMHO}




    Tous droits réservés © 2012   40
RevSquare.com   Tous droits réservés © 2012   41
Objectifs
    d'affaires


   Audiences
     cibles


  Densité de
   contenu
                                  Contraintes
   Dimension
                                    UI/UX
transactionnelle


     Tests
  Utilisabilité


  Statistiques
      Web
    Tous droits réservés © 2012                 42
Merci !




Tous droits réservés © 2012   43
Contact

          Stéphane Lagrange
          stephanelagrange@revsquare.com
          @stf_lagrange
          Mobile: 514.688.1412


          RevSquare Canada
          4472 B Saint Denis, Montréal, QC H2J 2L1

          RevSquare USA
          291 Broadway, Suite 302 New York, NY 10007
          http://revsquare.com



                     Tous droits réservés © 2012       44

Más contenido relacionado

Destacado

Outils nomades3
Outils nomades3Outils nomades3
Outils nomades3cddp46
 
Presentación: Rafi Ascanio, Liderazgo (Vocería)
Presentación: Rafi Ascanio, Liderazgo (Vocería)Presentación: Rafi Ascanio, Liderazgo (Vocería)
Presentación: Rafi Ascanio, Liderazgo (Vocería)Espacio Público
 
Les fails médias sociaux de l'année 2013
Les fails médias sociaux de l'année 2013Les fails médias sociaux de l'année 2013
Les fails médias sociaux de l'année 2013Athomedia
 
Club de lectura 2 ppt
Club de lectura 2 pptClub de lectura 2 ppt
Club de lectura 2 pptcp blan
 
Lesson 8 9 percent problems
Lesson 8 9 percent problemsLesson 8 9 percent problems
Lesson 8 9 percent problemsmlabuski
 
Informe Situación del Derecho a la Libertad de Expresión en Venezuela (Enero-...
Informe Situación del Derecho a la Libertad de Expresión en Venezuela (Enero-...Informe Situación del Derecho a la Libertad de Expresión en Venezuela (Enero-...
Informe Situación del Derecho a la Libertad de Expresión en Venezuela (Enero-...Espacio Público
 
Cómo acceder a la plataforma
Cómo acceder a la plataforma Cómo acceder a la plataforma
Cómo acceder a la plataforma juanjoreverte
 
Présentation de Qweeby
Présentation de QweebyPrésentation de Qweeby
Présentation de QweebyQWEEBY
 
Futuro Labs: Workshop Administración de la Marca Online
Futuro Labs: Workshop Administración de la Marca OnlineFuturo Labs: Workshop Administración de la Marca Online
Futuro Labs: Workshop Administración de la Marca OnlineNeo Consulting
 
Hippodrome
HippodromeHippodrome
Hippodromemargaux8
 
2014-11 ❘ MPI Futurs Leaders ❘ Tendances event
2014-11 ❘ MPI Futurs Leaders ❘ Tendances event2014-11 ❘ MPI Futurs Leaders ❘ Tendances event
2014-11 ❘ MPI Futurs Leaders ❘ Tendances eventLionel Malard
 
Faetón y el carro del sol. La Ilíada. César Crespo
Faetón y el carro del sol. La Ilíada.  César CrespoFaetón y el carro del sol. La Ilíada.  César Crespo
Faetón y el carro del sol. La Ilíada. César Cresporufasanchez
 
Agence matrimoniale haut de gamme - SuccessMatch
Agence matrimoniale haut de gamme - SuccessMatchAgence matrimoniale haut de gamme - SuccessMatch
Agence matrimoniale haut de gamme - SuccessMatchHIM-Matchmaking
 
Lesson 8 2 proportions
Lesson 8 2 proportionsLesson 8 2 proportions
Lesson 8 2 proportionsmlabuski
 
Le pillage technologique des pays développés mythes et réalités
Le pillage technologique des pays développés mythes et réalitésLe pillage technologique des pays développés mythes et réalités
Le pillage technologique des pays développés mythes et réalitésGuillaume PAYRE
 

Destacado (20)

Outils nomades3
Outils nomades3Outils nomades3
Outils nomades3
 
Presentación: Rafi Ascanio, Liderazgo (Vocería)
Presentación: Rafi Ascanio, Liderazgo (Vocería)Presentación: Rafi Ascanio, Liderazgo (Vocería)
Presentación: Rafi Ascanio, Liderazgo (Vocería)
 
Les fails médias sociaux de l'année 2013
Les fails médias sociaux de l'année 2013Les fails médias sociaux de l'année 2013
Les fails médias sociaux de l'année 2013
 
Club de lectura 2 ppt
Club de lectura 2 pptClub de lectura 2 ppt
Club de lectura 2 ppt
 
Lesson 8 9 percent problems
Lesson 8 9 percent problemsLesson 8 9 percent problems
Lesson 8 9 percent problems
 
Informe Situación del Derecho a la Libertad de Expresión en Venezuela (Enero-...
Informe Situación del Derecho a la Libertad de Expresión en Venezuela (Enero-...Informe Situación del Derecho a la Libertad de Expresión en Venezuela (Enero-...
Informe Situación del Derecho a la Libertad de Expresión en Venezuela (Enero-...
 
Cómo acceder a la plataforma
Cómo acceder a la plataforma Cómo acceder a la plataforma
Cómo acceder a la plataforma
 
Présentation de Qweeby
Présentation de QweebyPrésentation de Qweeby
Présentation de Qweeby
 
Futuro Labs: Workshop Administración de la Marca Online
Futuro Labs: Workshop Administración de la Marca OnlineFuturo Labs: Workshop Administración de la Marca Online
Futuro Labs: Workshop Administración de la Marca Online
 
Hippodrome
HippodromeHippodrome
Hippodrome
 
Le discours indirect
Le discours indirectLe discours indirect
Le discours indirect
 
2014-11 ❘ MPI Futurs Leaders ❘ Tendances event
2014-11 ❘ MPI Futurs Leaders ❘ Tendances event2014-11 ❘ MPI Futurs Leaders ❘ Tendances event
2014-11 ❘ MPI Futurs Leaders ❘ Tendances event
 
Prog psic laboral 2012
Prog psic laboral 2012Prog psic laboral 2012
Prog psic laboral 2012
 
Faetón y el carro del sol. La Ilíada. César Crespo
Faetón y el carro del sol. La Ilíada.  César CrespoFaetón y el carro del sol. La Ilíada.  César Crespo
Faetón y el carro del sol. La Ilíada. César Crespo
 
Agence matrimoniale haut de gamme - SuccessMatch
Agence matrimoniale haut de gamme - SuccessMatchAgence matrimoniale haut de gamme - SuccessMatch
Agence matrimoniale haut de gamme - SuccessMatch
 
Lesson 8 2 proportions
Lesson 8 2 proportionsLesson 8 2 proportions
Lesson 8 2 proportions
 
Questionnaire M5 1
Questionnaire M5 1Questionnaire M5 1
Questionnaire M5 1
 
Gestion de proyectos_s1-s2
Gestion de proyectos_s1-s2Gestion de proyectos_s1-s2
Gestion de proyectos_s1-s2
 
211177 pierre daspe1
211177 pierre daspe1211177 pierre daspe1
211177 pierre daspe1
 
Le pillage technologique des pays développés mythes et réalités
Le pillage technologique des pays développés mythes et réalitésLe pillage technologique des pays développés mythes et réalités
Le pillage technologique des pays développés mythes et réalités
 

Similar a Scroll ou clic | Web-In 2012

Développer une stratégie mobile pour mieux fidéliser votre clientèle et augme...
Développer une stratégie mobile pour mieux fidéliser votre clientèle et augme...Développer une stratégie mobile pour mieux fidéliser votre clientèle et augme...
Développer une stratégie mobile pour mieux fidéliser votre clientèle et augme...RevSquare
 
Multi-device : l'analytique au service de votre stratégie digitale mobile (OI...
Multi-device : l'analytique au service de votre stratégie digitale mobile (OI...Multi-device : l'analytique au service de votre stratégie digitale mobile (OI...
Multi-device : l'analytique au service de votre stratégie digitale mobile (OI...AT Internet
 
Le Mobile Analytics avec Analyzer III
Le Mobile Analytics avec Analyzer IIILe Mobile Analytics avec Analyzer III
Le Mobile Analytics avec Analyzer IIIAT Internet
 
L’Open Source Drupal et Acquia pour la Stratégie Digitale des Administrations...
L’Open Source Drupal et Acquia pour la Stratégie Digitale des Administrations...L’Open Source Drupal et Acquia pour la Stratégie Digitale des Administrations...
L’Open Source Drupal et Acquia pour la Stratégie Digitale des Administrations...Acquia
 
"Responsive Design" : Pourquoi et comment y aller ?
 "Responsive Design" : Pourquoi et comment y aller ? "Responsive Design" : Pourquoi et comment y aller ?
"Responsive Design" : Pourquoi et comment y aller ?WebSchool Orléans
 
Mobile & Responsive Design: Rendez votre marque mobile
Mobile & Responsive Design: Rendez votre marque mobileMobile & Responsive Design: Rendez votre marque mobile
Mobile & Responsive Design: Rendez votre marque mobileWSI France
 
Webschool Web2 10lecons Light
Webschool Web2 10lecons LightWebschool Web2 10lecons Light
Webschool Web2 10lecons Lightmariejura
 
Multidevice: Mieux analyser la répartition de son audience
Multidevice: Mieux analyser la répartition de son audienceMultidevice: Mieux analyser la répartition de son audience
Multidevice: Mieux analyser la répartition de son audienceAT Internet
 
DataExplorer III - Exploration de données par AT Internet
DataExplorer III - Exploration de données par AT InternetDataExplorer III - Exploration de données par AT Internet
DataExplorer III - Exploration de données par AT InternetAT Internet
 
Benchmark tendances digital et social media 2012
Benchmark tendances digital et social media 2012Benchmark tendances digital et social media 2012
Benchmark tendances digital et social media 2012DISKO_AGENCY
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Webambin_fr
 
Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembr...
Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembr...Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembr...
Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembr...polenumerique33
 
Responsive web design, enjeux et stratégies
Responsive web design, enjeux et stratégiesResponsive web design, enjeux et stratégies
Responsive web design, enjeux et stratégiesMehdi Kabab
 
Le web évolue. Et vous ?
Le web évolue. Et vous ?Le web évolue. Et vous ?
Le web évolue. Et vous ?Aymeric
 
E marketing Paris presentation - January 29 - 2013
E marketing Paris presentation - January 29 - 2013 E marketing Paris presentation - January 29 - 2013
E marketing Paris presentation - January 29 - 2013 Brightcove
 
BYOD: peut-on laisser la sphère privée s'inviter en entreprise?
BYOD: peut-on laisser la sphère privée s'inviter en entreprise?BYOD: peut-on laisser la sphère privée s'inviter en entreprise?
BYOD: peut-on laisser la sphère privée s'inviter en entreprise?Wavestone
 
Responsive Web design - defimedia
Responsive Web design - defimediaResponsive Web design - defimedia
Responsive Web design - defimediadefimedia
 
Les pratiques des geants du web
Les pratiques des geants du webLes pratiques des geants du web
Les pratiques des geants du webStephen PERIN
 

Similar a Scroll ou clic | Web-In 2012 (20)

Développer une stratégie mobile pour mieux fidéliser votre clientèle et augme...
Développer une stratégie mobile pour mieux fidéliser votre clientèle et augme...Développer une stratégie mobile pour mieux fidéliser votre clientèle et augme...
Développer une stratégie mobile pour mieux fidéliser votre clientèle et augme...
 
Multi-device : l'analytique au service de votre stratégie digitale mobile (OI...
Multi-device : l'analytique au service de votre stratégie digitale mobile (OI...Multi-device : l'analytique au service de votre stratégie digitale mobile (OI...
Multi-device : l'analytique au service de votre stratégie digitale mobile (OI...
 
Histoire du webdesign
Histoire du webdesignHistoire du webdesign
Histoire du webdesign
 
Le Mobile Analytics avec Analyzer III
Le Mobile Analytics avec Analyzer IIILe Mobile Analytics avec Analyzer III
Le Mobile Analytics avec Analyzer III
 
Bilan2012Afisi
Bilan2012AfisiBilan2012Afisi
Bilan2012Afisi
 
L’Open Source Drupal et Acquia pour la Stratégie Digitale des Administrations...
L’Open Source Drupal et Acquia pour la Stratégie Digitale des Administrations...L’Open Source Drupal et Acquia pour la Stratégie Digitale des Administrations...
L’Open Source Drupal et Acquia pour la Stratégie Digitale des Administrations...
 
"Responsive Design" : Pourquoi et comment y aller ?
 "Responsive Design" : Pourquoi et comment y aller ? "Responsive Design" : Pourquoi et comment y aller ?
"Responsive Design" : Pourquoi et comment y aller ?
 
Mobile & Responsive Design: Rendez votre marque mobile
Mobile & Responsive Design: Rendez votre marque mobileMobile & Responsive Design: Rendez votre marque mobile
Mobile & Responsive Design: Rendez votre marque mobile
 
Webschool Web2 10lecons Light
Webschool Web2 10lecons LightWebschool Web2 10lecons Light
Webschool Web2 10lecons Light
 
Multidevice: Mieux analyser la répartition de son audience
Multidevice: Mieux analyser la répartition de son audienceMultidevice: Mieux analyser la répartition de son audience
Multidevice: Mieux analyser la répartition de son audience
 
DataExplorer III - Exploration de données par AT Internet
DataExplorer III - Exploration de données par AT InternetDataExplorer III - Exploration de données par AT Internet
DataExplorer III - Exploration de données par AT Internet
 
Benchmark tendances digital et social media 2012
Benchmark tendances digital et social media 2012Benchmark tendances digital et social media 2012
Benchmark tendances digital et social media 2012
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Web
 
Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembr...
Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembr...Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembr...
Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembr...
 
Responsive web design, enjeux et stratégies
Responsive web design, enjeux et stratégiesResponsive web design, enjeux et stratégies
Responsive web design, enjeux et stratégies
 
Le web évolue. Et vous ?
Le web évolue. Et vous ?Le web évolue. Et vous ?
Le web évolue. Et vous ?
 
E marketing Paris presentation - January 29 - 2013
E marketing Paris presentation - January 29 - 2013 E marketing Paris presentation - January 29 - 2013
E marketing Paris presentation - January 29 - 2013
 
BYOD: peut-on laisser la sphère privée s'inviter en entreprise?
BYOD: peut-on laisser la sphère privée s'inviter en entreprise?BYOD: peut-on laisser la sphère privée s'inviter en entreprise?
BYOD: peut-on laisser la sphère privée s'inviter en entreprise?
 
Responsive Web design - defimedia
Responsive Web design - defimediaResponsive Web design - defimedia
Responsive Web design - defimedia
 
Les pratiques des geants du web
Les pratiques des geants du webLes pratiques des geants du web
Les pratiques des geants du web
 

Scroll ou clic | Web-In 2012