Slide 1 sur 14

L'UX expliqué par Mr Click

Un visiteur assis, les yeux rivés sur son téléphone

Voici un visiteur

Il est arrivé il y a deux secondes. Dans huit secondes, il sera parti.

Il se pose trois questions ! Malheureusement le site ne répond à aucune !

  • C'est pour moi ?
  • Je peux leur faire
    confiance ?
  • C'est combien ?

Pendant ce temps, sur la
page d’accueil

La page d'accueil d'un site : « Notre nouveau bidule indispensable ! », trois boutons, des colonnes de texte et une bannière de cookies

Le site ne parle que de lui !
De son histoire, de ses
valeurs…

Ok mais, ça coûte combien ? ça résous mon problème ? qu’en penses les autres ?

Et ce qui devais arriver…

La chaise du visiteur, vide : il ne reste que ses chaussures — pouf, parti
Au tableau : un bonhomme, une flèche, un bouton

Qu’est ce que le site aurait du faire ?

De l'expérience utilisateur (UX) ! Ou en français : concevoir le site à partir de ce que le visiteur cherche vraiment.

Mr Click ouvre un coffre marqué « Méthode »

Et pour m’aidé, j’ai des
outils ! Beaucoup d’outils !

Étape 1 : La RECHERCHE pour comprendre

Un commercial débordé au téléphone, à son bureau couvert de papiers

Les trois quarts de mes
appels commencent pareil.
“C'est dans quel budget ?”

Et ceux qui signent,
c'est toujours après
avoir vu un chantier
fini.

Pas besoin de deviner ! Vos commerciaux
entendent vos clients toute la journée.
On commence par les écouter, eux.

Mr Click montre deux fiches : « Quand je lance un projet, je veux savoir vite si c'est dans mes moyens, pour ne pas perdre mon temps » et « Quand je choisis un artisan, je veux la preuve qu'il tient parole, pour ne pas me faire avoir », au-dessus d'un bac « À vérifier »

Deux missions ! Votre site
doit répondre aux deux,
sinon il ne sert à rien !

Et si on se trompe ?

On les teste ! C'est une première
version, pas une vérité.

Les pros appellent ces missions des “Jobs to be done”. Ici, on part d'un prototype,
à valider ensuite avec de vrais clients et avec les chiffres du site.

Étape 2 : Les Parcours & Wireframes pour tester les flux

Au tableau, Mr Click trace deux parcours : Home, puis Prix, puis RDV ; Home, puis Chantiers, puis RDV. À côté, deux maquettes en fil de fer, toutes grises.

C'est tout gris.
C'est moche.

C'est voulu ! Tant qu'on discute des
couleurs, on ne regarde pas si le
visiteur arrive au bout !

Des choix fondés sur les lois de l’UX

Un menu de sept lignes réduit à quatre
1.On réduis le menu de
sept rubriques à quatre.
Plus il y a de choix, plus
on hésite.
Un bouton trop petit sous le doigt, puis un bouton agrandi
2.Un bouton minuscule qui
grossit pour mobile. Une
grosse cible se clique
plus vite.
Trois pages de site, le logo en haut à gauche sur chacune
3.Le logo en haut à
gauche. Les gens
s'attendent à ce que
votre site marche comme
les autres.

Ce ne sont pas mes goûts ! Ce sont
des règles mesurées depuis des
décennies !

Biais cognitif, lois de Hick, normes ISO 9241, WCAG…

Et puis, après quelques semaines plus tard…

Le nouveau site sur mobile : « Vos chantiers livrés à temps. Demandez un devis en 2 minutes », un bouton « Prendre rendez-vous », puis avis, garantie, délais et un projet récent

C'est exactement
ce que je cherchais !

BINGO ! Un vrai client !

Étape 3 : Analytics & Itérations pour améliorer

Avant : sur 100 visiteurs, 40 puis 12 puis 4 — la marche du formulaire est entourée. Après : 100, 40, 28 puis 18. Entre les deux, le cycle comprendre, concevoir, tester, mesurer.

Regardez cette marche !
Ils commencent le
formulaire et ils
s'enfuient !

C'est la question
sur le budget ?

Oui c'est-elle ! On remplace par des
fourchettes, et on remesure. Un site,
ça ne se livre pas, ça s'entretient !

Deux hommes côte à côte : l'un, immobile, porte un panneau-sandwich vierge ; l'autre, en marinière, jongle à plusieurs bras entre un téléphone, un café, un ordinateur et un courrier.

Consulting UX & Conversion • Website premium

La plupart des sites existent.Le vôtre devrait travailler.