44
1 TEST UTILISATEUR AVEC EYE TRACKING 15/06/2022 Nantes – Paris – www.personae- userlab.com UX Design: être à l’écoute de vos utilisateurs Nabil Thalmann, directeur associé de Personae User Lab

Nabil Thalmann - UX design et expérience utilisateur

Embed Size (px)

Citation preview

Page 1: Nabil Thalmann - UX design et expérience utilisateur

11

TEST UTILISATEUR AVEC EYE TRACKING

15/04/2023

Nantes – Paris – www.personae-userlab.com

UX Design: être à l’écoute de vos utilisateurs

Nabil Thalmann, directeur associé de Personae User Lab

Page 2: Nabil Thalmann - UX design et expérience utilisateur

22

TEST UTILISATEUR AVEC EYE TRACKING

Immersion dans les logiques et motivations utilisateurs

Mise de côté des a priori

Laboratoire équipé pour les études marketing et l’écoute des utilisateurs:

➠ Un eyetracker➠ Une salle d’observation avec

glace sans tain

En 3 ans, Personae User Lab c’est : 25 clients 40 projets 545 tests utilisateurs réalisés 9 éditions de son cycle de débats

UXD Meetup (user experience design) à Nantes

OSEZ VIVRE L’EXPÉRIENCE UTILISATEUR

Page 3: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

DEUX OUVRAGES DE RÉFÉRENCE

Page 4: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

1. Le modèle mental

Page 5: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

UNE BARRE DE MENU AFFICHE SON CONTENU DESSOUS (LECTURE DE HAUT EN BAS)

Page 6: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

LE PAIEMENT MOBILE: VICTIME DU SCAN DES QR CODES À L’ÉCRAN ?

VS

Page 7: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

LA NATURE A HORREUR DU VIDE: L’APPEL DU CHAMP DE SAISIE

Page 8: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

« Je dois trouver une chambre d’hôtel à Lille mais je pars d’où? »

« On part d’où? »

« Je veux voir où ça se situe par rapport à là où je suis »

PLUS LE SILLON CREUSÉ EST PROFOND, PLUS IL EST DIFFICILE D’EN SORTIR

Page 9: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

2. Cliquer demande moins d’effort que penser

Page 10: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

TOUTES LES ACTIONS NE DEMANDENT PAS LE MÊME EFFORT

Se souvenir et réfléchir

Regarder des images

Forte

Faible

Agir, cliquer, swiper

Charge COGNITIVE

Charge VISUELLE

Charge MOTEUR

Page 11: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

CHOISIR DES MONTANTS BIZARRES OU SAISIR SON MONTANT ?

Page 12: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

Ouverture de l’application Identification Enregistrement carte PASS Installation

Activation Code confidentiel Confirmation code conf. Page validation

DÉCOUPER LE PARCOURS EN COURTES SÉQUENCES

Page 13: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

3. Affordance : la notice de votre outil/service/produit

Page 14: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

L’ÉPREUVE DE LA PORTE: POUSSER OU TIRER ?

Page 15: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

BOUTON CLIQUÉ OU À CLIQUER ?

Page 16: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

SAISIR ? CLIQUER ? SCROLLER ?

Page 17: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

CACHER LA PORTE D’ENTRÉE DE L’ESPACE CLIENT

Page 18: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

CACHER LE RETOUR VERS L’ACCUEIL DU SITE

Page 19: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

4. Combien d’items retient-on ?

Page 20: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

LE MYTHE DU « 7 PLUS OR MINUS 2 »

Alan Baddeley – 1986Nelson Cowan – 2001

George A. Miller – 1956

Page 21: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

PAS DE CHIFFRE MAGIQUE, TOUT DÉPEND DU CONTEXTE

Page 22: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

PAS DE CHIFFRE MAGIQUE, TOUT DÉPEND DU CONTEXTE

Page 23: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

PAS DE CHIFFRE MAGIQUE, TOUT DÉPEND DU CONTEXTE

Page 24: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

5. Associer du vieux au nouveau pour faire accepter ce dernier

Page 25: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

OÙ EST MA PICARDIE ? ENFIN…CELLE DE MON FANTASME…

Page 26: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

6. Hiérarchiser les informations et faire des catégories

Page 27: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

5 TYPES DE CLASSEMENT

1. ALPHABETIQUE

2. CHRONOLOGIQUE

3. GEOGRAPHIQUE

4. CONTINUUM

5. CATEGORIES

Page 28: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

UN CLASSEMENT COMMENCÉ COMME CONTINUUM MAIS FINI COMME CATÉGORIE

Page 29: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

L’INTERNAUTE ADORE LES CATÉGORIES… …QU’IL CONNAIT

Page 30: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

L’UTILISATEUR SERA SOUVENT MOINS AMBITIEUX QU’ON NE PENSE

Page 31: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

HIÉRARCHISER LES CONSIGNES FAIT RATER CERTAINES INFORMATIONS

Page 32: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

7. Partager le même vocabulaire

Page 33: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

Page 34: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

8. Partager les mêmes codes

Page 35: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

LES SYMBOLES DOIVENT SIGNIFIER LA MÊME CHOSE À L’ÉMETTEUR ET AU RÉCEPTEUR

>

Page 36: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

COHÉRENCE ENTRE LES SYMBOLES ET ENTRE LES PAGES

≠ ?

Page 37: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

LA MISE EN SCÈNE AIDE (OU PERTURBE) À IDENTIFIER LE CONTENU

=

Page 38: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

9. Interdire les lettres majuscules?

Page 39: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

LECTURE PAR SACCADE PLUTÔT QU’IDENTIFICATION DE FORME

Page 40: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

LECTURE PAR SACCADE PLUTÔT QU’IDENTIFICATION DE FORME

Page 41: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

10. Plus les choses sont proches l’une de l’autre, plus elles sont associées

Page 42: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

2 FACTEURS: PROXIMITÉ ET MISE EN SCÈNE

Page 43: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

La majorité des clics fait sortir du site les internautes, surtout les non clients. Ce lien est trop tentant et vu plus souvent que la croix à droite. Celle-ci comportant aussi un risque de fermeture de site selon les interviewés

Plus souvent utilisée par les clients du service mais par élimination : “Je connais le service, je n’ai pas besoin d’en savoir plus, alors je vais cliquer là” CLes utilisateurs craignent toujours de quitter le site en cliquant sur la croix.

ET INVERSEMENT: CE QUI EST LOIN N’EST PAS ASSOCIÉ

Page 44: Nabil Thalmann - UX design et expérience utilisateur

© 2014 – Cédric Bouré

PARFOIS LA PROXIMITÉ PEUT ÊTRE PERTURBÉE PAR LE MANQUEMENT À D’AUTRES RÈGLES