Maximiser l’optimisation
de votre site web
Constat général



         Création vs. Amélioration
Présent

Passé                               Potentiel et possibilités Web plus tangibles


                                    Technologies mieux maîtrisées

Utilisation limitée
                                    Performance supérieure du réseau Internet
Potentiel inconnu

Plusieurs contraintes techniques    Plus de ressources alloués au web

Budgets restreints




               2000                   2005                                            2010


                                                                   © confidentiel / w.illi.am/ 15 octobre 2009
Une ergonomie encore décevante…

       des internautes rencontrent souvent des
       difficulté à trouver ce qu’ils cherchent*

       des internautes ont souvent des
       problèmes de navigation*




                      * BenchmarkGroup - Ergonomie des sites Web: verdict des internautes janvier 2009.
             Enquête menée auprès de 824 internautes lecteurs du Journal du Net et L'internaute Magazine.
Questions…


 Votre site Web est-il aussi rentable qu’il pourrait l’être?

 Que serait le plus bénéfique :
  offrir une nouvelle fonctionnalité ou améliorer l’existant?




                                   En êtes-vous certain
L’optimisation...
une culture d’entreprise
Pourquoi si difficile ?


   Effort constant

   Travail d’équipe entre divers départements ou
    spécialistes
Mais concrètement?
Deux expertises


  Analytique                                   Ergonomie
  Web                                          Web
                                 Utilisateur
  Quantitatif                                  Qualitatif
  « Quoi? »                                    « Pourquoi ? »


  D’où arrivent-ils ?                          Comprendre leurs
  Que font-ils ?                               besoins réels, buts,
  Quand et d’où quittent-ils ?                 attentes,
                                               incompréhensions,
                                               motivations, blocages,
                                               etc.
Not much use to know what is happening if
  you don’t know why.




  Hard to know why things are happening if
        you don’t know what is happening.
                                Louis Rosenfeld
Analytique                                     Ergonomie




                                                                          Web
Web      Orienté résultats (ROI)        Explicatif, contextuel

         Représentatif de
          l’utilisation réelle           Richesse de la mesure
                                          (utilisation et satisfaction)
         Permanent, rapide et
          économique (base)              Générateur de solutions

                                    z
         Pas auto-explicatif            Échantillon réduit

         Absence de la dimension        Biais possible
          qualitative                   (contexte contrôlé)

         Complexité (« bruit »)         Mesure limité dans le temps

         Sous-optimums                  Peu être couteux
Principales techniques

                                        Qualitatif
                                                                            En personne
                                                                             À distance



                            Entrevues                Tests utilisateurs


       Buts et attitudes                                              Comportements
 (Ce que disent les gens)                                             (Ce que font les gens)




                            Sondages             Statistiques du site
        Général                                  (Analytique Web)
      Spécifique
  Post-transactionnel                                                     Test A/B
                                        Quantitatif
Quelques outils...

Analytique Web       Ergonomie Web

                      Test d’expert
                       (analyse heuristique)

                      Personas

                      Analyse de la tâche
Par où commencer?
L’optimisation...
Acquisition

Action : Optimisation des campagnes marketing

Intervenants:
    Équipe marketing
    Équipe Web
    Équipe IT
Exemple - Campagnes web
Une campagne…


    Médium                     A


    Source        Site 1                    Site 2


    Contenu   a            b          c              D



                           Page d’entrée
                           (landing page)
Résultat
Rétention & Conversion

Définir quelques indicateurs clés :

       Chiffre d’affaires par ligne de produit
       Taux de conversion (ex.: visiteurs / inscriptions)
       Taux d’ajout au panier
       Taux d’abandon du processus d’achat
       Taux de rebond par type de page
       …
Identifier/
          Mesurer




Tester                 Analyser




          Concevoir
Dois-je optimiser la page d’accueil en
premier ?
                                          Autres

Répartition des visites
par type de pages d’entrée

                             Catégories              Accueil




                                          Produits
Qu’arrive-t-il à l’étape 3 ?

                     Étape 1


                                  5000 (71 %)
                     Étape 2


                                  3550 (65 %)

                     Étape 3


                                  1597 (45 %)
                   Confirmation
Taux de rebond ?
2. Analyser


 Problème d’utilisabilité ou de persuasion ?

 Confronter l’analyse statistique à l’analyse ergonomique
3. Concevoir la solution




        Selon la complexité…
Maquette basse fidélité réalisée en 2-3 min. avec Balsamiq




                                                             Maquette haute fidélité avec Pencil Project
Site finalisé
Fidélité




                                                              (p. ex. fait dans Axure
                        Prototype semi fonctionnel            plus interactif)
                                          v

              Maquettes statiques      (faites dans un logiciel - navigation fixe)



           Maquettes papier    (faites à la main ou dans un logiciel)




                   $ de préparation du support de test et des
                            changements post-tests
4. Tester




   Tests utilisateurs vs. Tests d’expérimentation
                           (Tests A/B ou multivariés)
Facteurs déterminants…

                      Intention

        Capacité à
                                  Persuasion
        accomplir




                     Conversion
Tests                       Tests
 utilisateurs                d’expérimentation
 Focus sur l’ergonomie       Focus sur la persuasion

                                 Impacts visuels
    Adéquation à la tâche         et textuels (A.I.D.A)

    Mesure de la                Mesure des meilleures
     compréhension                alternatives



Détection des problèmes      Évaluation du degré
d’utilisation                d’incitation
Coût d’un changement….
                                                          100x
                                                          En ligne




     Coûts des changements




                                              6x
                                1x        Développement
                             Conception
Tests utilisateurs
                     Concept          itératifs


Tests utilisateurs
    itératifs
                     Prototype


                                  Tests utilisateurs,
                     En ligne
                                  A/B ou multivariés
Prenez des décisions basées sur des
     données utilisateurs…
et non des opinions ou suppositions



     Vous n’êtes pas l’utilisateur ;)
Tests utilisateurs….indispensables!




                                SOURCE : http://www.useit.com
Developer watching videotape of usability test.
Tests d’expérimentation
5- Mesurer l’avant et l’après….




          “What you can’t measure,
            you can’t manage!”
En bref...
Analytique Web
    (le quoi)
                 Ergonomie Web
                   (le pourquoi)
Pour instaurer culture d’optimisation continue

   Reconnaître que la perfection n’existe pas

   Travailler en équipe

   Prioriser (nouveauté vs. amélioration de l’existant)

   Mesurer
L’optimisation continue c’est…
 Faire des améliorations sur une base régulière

 Faire des petits changements tout le temps




              Plus rapide et économique à réaliser




                Gains plus rapides et tangibles
    Valorisation de la démarche de l’optimisation continue !
Merci et bonne optimisation ;)

Maximiser l'Optimisation de votre site Web - Infopresse, Anastasia Simitsis, Humberto Valencia, w.illi.am/

  • 1.
  • 2.
    Constat général Création vs. Amélioration
  • 3.
    Présent Passé Potentiel et possibilités Web plus tangibles Technologies mieux maîtrisées Utilisation limitée Performance supérieure du réseau Internet Potentiel inconnu Plusieurs contraintes techniques Plus de ressources alloués au web Budgets restreints 2000 2005 2010 © confidentiel / w.illi.am/ 15 octobre 2009
  • 4.
    Une ergonomie encoredécevante… des internautes rencontrent souvent des difficulté à trouver ce qu’ils cherchent* des internautes ont souvent des problèmes de navigation* * BenchmarkGroup - Ergonomie des sites Web: verdict des internautes janvier 2009. Enquête menée auprès de 824 internautes lecteurs du Journal du Net et L'internaute Magazine.
  • 5.
    Questions…  Votre siteWeb est-il aussi rentable qu’il pourrait l’être?  Que serait le plus bénéfique : offrir une nouvelle fonctionnalité ou améliorer l’existant? En êtes-vous certain
  • 6.
  • 7.
    Pourquoi si difficile?  Effort constant  Travail d’équipe entre divers départements ou spécialistes
  • 8.
  • 9.
    Deux expertises Analytique Ergonomie Web Web Utilisateur Quantitatif Qualitatif « Quoi? » « Pourquoi ? » D’où arrivent-ils ? Comprendre leurs Que font-ils ? besoins réels, buts, Quand et d’où quittent-ils ? attentes, incompréhensions, motivations, blocages, etc.
  • 10.
    Not much useto know what is happening if you don’t know why. Hard to know why things are happening if you don’t know what is happening. Louis Rosenfeld
  • 11.
    Analytique Ergonomie Web Web  Orienté résultats (ROI)  Explicatif, contextuel  Représentatif de l’utilisation réelle  Richesse de la mesure (utilisation et satisfaction)  Permanent, rapide et économique (base)  Générateur de solutions z  Pas auto-explicatif  Échantillon réduit  Absence de la dimension  Biais possible qualitative (contexte contrôlé)  Complexité (« bruit »)  Mesure limité dans le temps  Sous-optimums  Peu être couteux
  • 12.
    Principales techniques Qualitatif En personne À distance Entrevues Tests utilisateurs Buts et attitudes Comportements (Ce que disent les gens) (Ce que font les gens) Sondages Statistiques du site Général (Analytique Web) Spécifique Post-transactionnel Test A/B Quantitatif
  • 13.
    Quelques outils... Analytique Web Ergonomie Web  Test d’expert (analyse heuristique)  Personas  Analyse de la tâche
  • 14.
  • 16.
  • 17.
    Acquisition Action : Optimisationdes campagnes marketing Intervenants:  Équipe marketing  Équipe Web  Équipe IT
  • 18.
  • 19.
    Une campagne… Médium A Source Site 1 Site 2 Contenu a b c D Page d’entrée (landing page)
  • 20.
  • 23.
    Rétention & Conversion Définirquelques indicateurs clés :  Chiffre d’affaires par ligne de produit  Taux de conversion (ex.: visiteurs / inscriptions)  Taux d’ajout au panier  Taux d’abandon du processus d’achat  Taux de rebond par type de page  …
  • 24.
    Identifier/ Mesurer Tester Analyser Concevoir
  • 25.
    Dois-je optimiser lapage d’accueil en premier ? Autres Répartition des visites par type de pages d’entrée Catégories Accueil Produits
  • 26.
    Qu’arrive-t-il à l’étape3 ? Étape 1 5000 (71 %) Étape 2 3550 (65 %) Étape 3 1597 (45 %) Confirmation
  • 27.
  • 28.
    2. Analyser  Problèmed’utilisabilité ou de persuasion ?  Confronter l’analyse statistique à l’analyse ergonomique
  • 29.
    3. Concevoir lasolution Selon la complexité…
  • 31.
    Maquette basse fidélitéréalisée en 2-3 min. avec Balsamiq Maquette haute fidélité avec Pencil Project
  • 32.
    Site finalisé Fidélité (p. ex. fait dans Axure Prototype semi fonctionnel plus interactif) v Maquettes statiques (faites dans un logiciel - navigation fixe) Maquettes papier (faites à la main ou dans un logiciel) $ de préparation du support de test et des changements post-tests
  • 33.
    4. Tester Tests utilisateurs vs. Tests d’expérimentation (Tests A/B ou multivariés)
  • 34.
    Facteurs déterminants… Intention Capacité à Persuasion accomplir Conversion
  • 35.
    Tests Tests utilisateurs d’expérimentation  Focus sur l’ergonomie  Focus sur la persuasion  Impacts visuels  Adéquation à la tâche et textuels (A.I.D.A)  Mesure de la  Mesure des meilleures compréhension alternatives Détection des problèmes Évaluation du degré d’utilisation d’incitation
  • 36.
    Coût d’un changement…. 100x En ligne Coûts des changements 6x 1x Développement Conception
  • 37.
    Tests utilisateurs Concept itératifs Tests utilisateurs itératifs Prototype Tests utilisateurs, En ligne A/B ou multivariés
  • 39.
    Prenez des décisionsbasées sur des données utilisateurs… et non des opinions ou suppositions Vous n’êtes pas l’utilisateur ;)
  • 40.
    Tests utilisateurs….indispensables! SOURCE : http://www.useit.com
  • 41.
    Developer watching videotapeof usability test.
  • 42.
  • 43.
    5- Mesurer l’avantet l’après…. “What you can’t measure, you can’t manage!”
  • 44.
  • 45.
    Analytique Web (le quoi) Ergonomie Web (le pourquoi)
  • 46.
    Pour instaurer cultured’optimisation continue  Reconnaître que la perfection n’existe pas  Travailler en équipe  Prioriser (nouveauté vs. amélioration de l’existant)  Mesurer
  • 47.
    L’optimisation continue c’est… Faire des améliorations sur une base régulière  Faire des petits changements tout le temps Plus rapide et économique à réaliser Gains plus rapides et tangibles Valorisation de la démarche de l’optimisation continue !
  • 48.
    Merci et bonneoptimisation ;)