Eye tracking is beautiful, use it properly

23
Livre blanc Personae User Lab 5/15/14 Nantes – Paris – www.personae-userlab.com Eye tracking is beautiful, use it properly @personae_ulab

description

L'eye tracking permet d'enregistrer le mouvement oculaire sur un écran. Les parcours de navigation des utilisateurs sont enregistrés et analysés dans un but d'optimisation de l'expérience utilisateur. Découvrez les avantages de cet outil qui révèle les freins à l'usage et valorise l'utilisateur en le mettant au cœur de la stratégie d'entreprise.

Transcript of Eye tracking is beautiful, use it properly

Page 1: Eye tracking is beautiful, use it properly

▪ Livre  blanc  -­‐    Personae  User  Lab ▪ 5/15/14

Nantes – Paris – www.personae-userlab.com

Eye tracking is beautiful, use it properly

@personae_ulab

Page 2: Eye tracking is beautiful, use it properly

Carte de chaleur et parcours de navigation

Enregistrement vidéo de la navigation et du comportement

Analyse et restitution de la recommandation

ENREGISTREMENT DES MOUVEMENTS OCULAIRES SUR UN ÉCRAN

@personae_ulab

PRINCIPE DE L’EYE TRACKING

Verbatim et données statistiques

Page 3: Eye tracking is beautiful, use it properly

▪ Livre  blanc  -­‐    Personae  User  Lab ▪ 5/15/14

Nantes – Paris – www.personae-userlab.com

@personae_ulab

L’eye tracking vous dit ce que vous voyez mais pas ce que vous pensez

L’eye tracking n’est pas du neuro marketing

source image leblogdesovena.com

Page 4: Eye tracking is beautiful, use it properly

▪ Livre  blanc  -­‐    Personae  User  Lab ▪ 5/15/14

Nantes – Paris – www.personae-userlab.com▪ Livre  blanc  -­‐    Personae  User  Lab

@personae_ulab

Le mouse t rack ing n’enregistre que le mouvement de la souris

Le mouse tracking n’est pas de l’eye tracking

Page 5: Eye tracking is beautiful, use it properly

01

Eye tracking is beautiful

@personae_ulab

Page 6: Eye tracking is beautiful, use it properly

CONSULTATION COSTUMER EXPERIENCE DIGITALE @personae_ulab

Je cherche le bouton « suivant » mais je ne le trouve pas !

Page 7: Eye tracking is beautiful, use it properly

DANS  LES  TESTS  UTILISATEURS

Améliorer votre taux de conversion (visiteurs

transformés en clients ou contacts qualifiés)

@personae_ulab

Réduire les coûts d’acquisition clients et faciliter votre relation client

Rendre cohérente votre stratégie multicanale

Impacter positivement l’image

de votre site et de votre marque

EYE TRACKING IS POWERFUL

Page 8: Eye tracking is beautiful, use it properly

@personae_ulab

L’EYE TRACKING RÉVÈLE LES BARRIÈRES À UNE EXPÉRIENCE UTILISATEUR RÉUSSIE

http://www.pinterest.com/pin/149252175124817875/

Page 9: Eye tracking is beautiful, use it properly

!

Les choix ergonomiques qui empêchent d’accéder à l’offre ou perturbent le tunnel de vente !

Les clés d’entrées de votre site non perçues comme telles !

Les fonctionnalités qui ne tiennent pas leurs promesses

Ce que vos données Google Analytics vous disent !

Les contenus et services absents au moment où l’utilisateur en a besoin !

Les difficultés de compréhension et les incohérences du parcours de navigation

@personae_ulab

« Eye tracking in user experience design does a great job explaining how eye-tracking research can result in design patterns that improve the user experience » !

Dan Berlin, Experience Research Director, Mad*Pow

L’EYE TRACKING VOUS AIDERA À IDENTIFIER :

Page 10: Eye tracking is beautiful, use it properly

02

Use it properly Croiser les compétences et les sources d’informations pour une analyse correcte et opérationnelle

@personae_ulab

Page 11: Eye tracking is beautiful, use it properly

LES DONNÉES BRUTES DOIVENT ÊTRE SOUMISES À PLUSIEURS FILTRES

Objectifs clients !contextes, orientations stratégiques souhaitées, hypothèses

Observation du comportement (logique utilisateur employée, gestuelle du participant. Réalisée par l’animateur)

Déclaration de l’utilisateur (récite de ce qu’il a retenu et de ce qu’il a fait)

Enseignements utiles à exploiter

Éléments bruts disponibles

@personae_ulab

Page 12: Eye tracking is beautiful, use it properly

LA LECTURE DES RÉSULTATS DÉPEND DU DISPOSITIF DE TEST

L’animateur décide avec le client de la requête à

réaliser.

L’animateur observe le comportement de

l’utilisateur

L’utilisateur restitue son expérience de

navigation

Réalisation du scenario

imposé par le test

1 2 3 4

L’humain au cœur du dispositif

@personae_ulabsources : gde-fon.com

Page 13: Eye tracking is beautiful, use it properly

03

Au delà de vos a priori : Deux exemples de passage à l’acte bénéfique

@personae_ulab

Page 14: Eye tracking is beautiful, use it properly

@personae_ulab

Objectif :

Un Comité Régionale du Tourisme voulait s’assurer de la cohérence entre son volet e-commerce et son contenu informationnel !Méthode : Test auprès d’un panel d’internautes connaissant ou non la région. !Résultats :

• Aucun souci majeur dans le passage d’un espace à un autre !

• Mais des risques sur l’accès à l’offre et un impact négatif sur l’image liée au parcours transactionnel

> >

EXEMPLE 1 : TESTER UNE HYPOTHÈSE ÉTABLIE

Page 15: Eye tracking is beautiful, use it properly

@personae_ulab

Objectif :

Un acteur historique d’annonces pro souhaitait gommer les éventuelles difficultés du nouveau mode de lecture de son support papier !Méthode : Test auprès d’un panel d’utilisateurs fréquents et peu fréquents, mono et multicanal !Résultats :

• Une appropriation plus facile que prévue, quasi immédiate (confirmée par le parcours du regard enregistré par l’eye tracking)

!• Mais des axes de travail identifiés sur l’efficacité publicitaire (taille, contenu et emplacement)

> >

EXEMPLE 2 : LEVER LES FREINS À L’USAGE

Page 16: Eye tracking is beautiful, use it properly

04

Des exemples concrets d’enseignement

@personae_ulab

Page 17: Eye tracking is beautiful, use it properly

RENDRE VISIBLE L’ACCÈS À L’OFFRE *

* Légende carte de chaleur : plus les tâches de couleur sont rouges plus l’internaute a passé du temps sur la zone.

(rouge = zone chaude ; vert = zone froide) @personae_ulab

L’ascenseur central non perçu empêche un accès complet à l’offre et peut impacter négativement l’image perçue du site.

Page 18: Eye tracking is beautiful, use it properly

RENDRE PLUS SIGNIFIANT LES CALL TO ACTION

@personae_ulab

Les éléments menant au contenu et permettant de l’anticiper ont été perçus comme des éléments illustratifs. Ils n’ont pas incité au clic, alors qu’ils ont été vus.

Page 19: Eye tracking is beautiful, use it properly

PERMETTRE D’ANTICIPER LE CONTENU POUR LE RENDRE VISIBLE

La liste de résultats n’est pas vue car l’internaute est resté focalisé sur les critères de sélection en haut de page.

!La clé d’entrée utilisée sur la page précédente (carte du monde semi-interactive) ne lui a pas permis d’anticiper cette liste. Il s’est donc concentré sur les filtres en haut de page pour préciser sa recherche.

!L’eye tracking nous confirme qu’aucun autre élément n’a été vu sur cette page au cours des 2mn25s (temps passé par l’internaute sur cette page)

@personae_ulab

Page 20: Eye tracking is beautiful, use it properly

RACCOURCIR LE TEMPS D’ACCÈS À LA BONNE INFORMATION

Une analyse statistique de la navigation nous dirait simplement que l’internaute a mis 13 secondes pour cliquer sur le bon lien. !Les données eye tracking nous en disent plus. L’internaute regarde :

- le menu (avoir une vision globale de la structure

du contenu)

- le moteur de recherche

- et tous les éléments visuels signifiant un accès

potentiel : moteur de recherche, le cartouche bleu,

flèche verte, le smiley, le défilement des marques…

!Les déclarations du participant confirment qu’il cherchait cette fonctionnalité en push sur la homepage. Le temps d’accès aurait pu être divisé par 3.

@personae_ulab

Page 21: Eye tracking is beautiful, use it properly

Personae User Lab

@personae_ulab

Page 22: Eye tracking is beautiful, use it properly

▪ Livre  blanc  -­‐    Personae  User  Lab

- eye tracker

- salle d’observation pour études marketing

- écoute utilisateurs

- à Nantes et Paris

Personae User Lab : vivez l’expérience utilisateur

Quelques chiffres depuis 2012- immersion dans les logiques et motivations de vos cibles

- détection de l’inattendu

- analyse du comportement utilisateur

- meilleure performance de vos supports digitaux

Laboratoire équipé

1731

390

6

Clients

Projets

Tests utilisateurs réalisés

éditions de son cycle de débats UXD Meetup (user exper ience des ign ) à Nantes

S’affranchir des a priori

Page 23: Eye tracking is beautiful, use it properly

Nous contacter

!!!!!

Personae User Lab Siège Social 43 rue Préfet Bonnefoy 44 000 Nantes 02 28 07 24 24 www.personae-userlab.com @personae_ulab