L Eye tracking au service de l ergonomie des sites

Transcription

1 L Eye tracking au service de l ergonomie des sites Olivier MARX, Fondateur Altics Emilie BIELA, Consultante ergonome Jeudi 20 mai 2010, Salon A l aise Web ALTICS commercial@altics.fr

2 Sommaire 1> Présentation Altics 2> L Eye tracking: Définition, Objectifs et Méthodologie 3> Eléments d analyse - Heat map - Gaze plot - Carte d occultation - AOI - Video Eye tracking > Zoom sur le RTA 4 > Exemples de missions - Site - Newsletter - maquette graphique ALTICS commercial@altics.fr 2

3 Présentation Altics > Entreprise ALTICS

4 Altics > Agence de conseil Internet ALTICS est une agence de conseil Internet centrée sur l'utilisateur. Aux côtés de ses clients, Altics définit et met en œuvre leur stratégie pour des résultats mesurables. Nomination et participation aux concours : > Simplifier la vie des utilisateurs moins de grains de sable! fluidité facilité - rapidité > Accélérer le business de nos clients plus de résultats! ventes audience devis 4

5 Missions récentes > Résultats +80% Augmentation de Chiffre d affaires +15% Augmentation Taux de conversion +30% Augmentation de Chiffre d affaires x2 Augmentation Taux de clic ing Des missions aux résultats mesurables!

6 Notre offre 1) ÉTUDES, Diagnostic, Conseil 3) COACHING & ACCOMPAGNEMENT Maîtrise d Ouvrage 2) CONCEPTION ou Refonte ACQUISITION prospects FIDÉLISATION clients

7 Nos principales références 7

8 Plus de ventes en ligne! AUDIT FLASH & RECOMMANDATIONS DE VOTRE SITE E-COMMERCE Analyse de votre site selon 95 critères de performances répartis dans 5 catégories 1 Performance commerciale Recommandations opérationnelles pour augmenter vos ventes Livrable de 30 slides 5 Performance fonctionnelle 2 Performance technique Prix spécial TPE Seulement 950 HT Inscription sur altics.fr 4 Performance navigationnelle Votre site actuel Votre site optimisé 3 Performance graphique

9 Découvrez ce qui est réellement vu sur votre site! Nos 3 formules Eye Tracking Carte de chaleur Carte d occultation CE QUE VOIENT VOS INTERNAUTES AUGMENTEZ VOS VENTES! 12 utilisateurs recrutés par nos soins Tests dans nos laboratoires Enregistrement des parcours visuels et de leurs impressions Analyse des résultats 5 points-clés pour vendre plus Prix spécial TPE PAGE D ACCUEIL Seulement 495 HT Prix spécial TPE TUNNEL D ACHAT de la page produit au paiement Seulement 995 HT Prix spécial TPE TOUT LE SITE Seulement 1490 HT

10 L eye tracking > Définition > Objectifs > Méthodologie ALTICS

11 L Eye tracking > Suivez le parcours de l œil de vos utilisateurs Définition L eye tracking permet d enregistrer le parcours du regard Une mesure objective de ce qui est réellement vu Applications e-commerce > analyser les parcours utilisateurs et améliorer les taux de conversion ing > augmenter l impact des messages et améliorer le taux de conversion et taux de clics Intranet > analyser les sens de lecture et optimiser la productivité Pub et e-pub > observer ce qui est réellement vu / lu

12 Les 3 étapes d un test Eye Tracking 1PROTOCOLE & RECRUTEMENT - Brief Client - Protocole : préparation & validation - Recrutement des participants 2 3 PASSATION -Support > Site Internet Maquettes Newsletter - prototype interactif -Paramétrage de l Eye tracker -Accueil des participants - Parcours des utilisateurs - Recueil du verbatim utilisateur (RTA*) ANALYSE -Séquençage des sessions utilisateurs -Analyse des données recueillies et synthèse -Hiérarchisation des recommandations -Présentation du livrable ALTICS commercial@altics.fr

13 Notre laboratoire de test à Lyon Salle d observation avec glace sans tain ALTICS commercial@altics.fr 13

14 Notre laboratoire de test à Paris Salle d observation avec glace sans tain ALTICS commercial@altics.fr 14

15 Les éléments d analyse > Heat map ou carte de chaleur > Gaze plot > Carte d occultation > AOI > Vidéos Eye tracking ALTICS commercial@altics.fr

16 Carte de chaleur > Découvrez les éléments vus/ignorés 1La heat map ou carte de chaleur permet de mettre en évidence les zones regardées par un échantillon d'utilisateurs. Plus la couleur de la zone est chaude (rouge) plus l'utilisateur a regardé longtemps le visuel. Somme des fixations de l ensemble des utilisateurs Légende Zones chaudes Zones froides

17 Carte de chaleur > Découvrez les éléments vus/ignorés 1La heat map ou carte de chaleur 2s 30s 50s 1min20 Somme des fixations de l ensemble des utilisateurs - Discounteo.com - Extrait Etude utilisateur (déc 08)

18 Gaze plot > Découvrez l ordre par lequel on parcourt une page 2Le gazeplot ou parcours visuel retranscrit l ordre et l intensité des zones regardées, il permet d analyser le parcours de lecture et de navigation. -Esprit - Etude Newsletters e-commerce (juin 09) -Cyrillus Etude ALTICS Prêt-à-porter (fév 09)

19 3 Carte d occultation > Découvrez les zones ignorées La carte d occultation révèle les zones ignorées des utilisateurs (les zones opaques sont celles qui ne sont pas vues). -Lepape - Newsletter (Janvier 10)

20 AOI > Complétez l analyse par des statistiques objectives 4AOI est une mesure statistique complémentaire aux données fournies par les Heatmaps, GazePlot ou cartes d occultation. Elle nous révèle: - Le temps moyen (ou individuel) pour parvenir à la zone - Le temps moyen (ou individuel) passé dans la zone - Le pourcentage de participants ayant visualisé la zone - Le temps moyen (ou individuel) requis pour cliquer sur la zone - Etc % des utilisateurs ayant visualisé la zone Temps moyen passé dans la zone (ms) Temps moyen pour visualiser la zone (ms) Zone Prise de rendez-vous 25% 868, PopGom Tests utilisateurs (Déc 09)

21 5 Vidéos > Visionnez le parcours de vos utilisateurs Les vidéos Eye tracking permettent d analyser le parcours visuel sur l ensemble du test et nous retranscrivent les commentaires verbaux des utilisateurs (enregistrement audio) pour une analyse des résultats encore plus objective. -King Jouet - Etude Tunnel d achat (fév 10)

22 Retrospective Think Aloud > Une analyse complète 6 Présentation post test de la vidéo relative au parcours de l utilisateur (avec visualisation du mouvement oculaire, les gaze plot) et questionnaire dirigé par un(e) consultant(e) ergonome «Trop d'informations, quand on fait une recherche on n a pas le temps. C est noyé dans trop de couleurs, je n'ai que deux yeux!» «Il y a beaucoup trop d'informations et elles sont mises au même niveau.» +Propos recueillis auprès des utilisateurs lors du visionnage de leur parcours - + Un feedback essentiel qui permet de comprendre pourquoi les éléments importants ne sont pas perçus par les utilisateurs. Les diagnostics & recommandations des nos consultants.

23 Exemples de missions > Site > Newsletter > Maquette graphique

24 Analyse des freins 24

25 Résultat positif sur la performance e-commerce Augmentation de la performance du site Page liste > Version originale Page liste > Version gagnante Plus de Plus de vente

26 Exemples de missions > Site > Newsletter > Maquette graphique

27 Une mise en avant des zones parcourues et ignorées - + Newsletter avant modifications Newsletter après modifications Carte d occultation jusqu au premier clic Les zones complètement opaques n ont pas été vues

28 Résultat positif sur la performance e-commerce Augmentation de la performance ing Newsletter Fitness Version originale Newsletter Fitness Version gagnante x2 Taux de clics

29 Exemples de missions > Site > Newsletter > Maquette graphique

30 Résultat positif sur la performance e-commerce Un site qui répond aux attentes des utilisateurs Page d accueil > Version originale Page d accueil > Version gagnante Optimisation du site

31 Newsletters e-commerce (juin 2009) Soldes e-commerce prêt-à-porter (février 2009) Publicité sur la presse en ligne (novembre 2009) Tunnel d achat e-commerce (février 2010) RDV sur altics.fr

32 Olivier Marx ALTICS commercial@altics.fr 5, rue Dagorno PARIS 11, rue Auguste Lacroix LYON ALTICS commercial@altics.fr