Retour sur une formation UX/UI : Comment des non-designers ont compris les secrets d'un bon site web en quelques heures

Vous êtes-vous déjà demandé pourquoi certains sites web vous donnent envie de tout casser, tandis que d'autres vous font sentir comme si vous naviguiez sur un nuage de ouate? Récemment, j'ai eu le plaisir d'animer une formation UX/UI en ligne avec une gang de curieux provenant d'horizons complètement différents – on parle ici de manufacturiers qui côtoient des gens de la tech, un mélange plus réussi que quand tous les restaurants se sont mis à faire de la cuisine fusion au début des années 2000. 

Quand je regarde mes participants au début de ce genre de formation, je vois souvent la même expression: celle de quelqu'un qui s'apprête à plonger dans un bain d'acronymes incompréhensibles. UX, UI, CTA, CX... on dirait un bol d’alpha-bits. Mais la vraie beauté de cette formation, c'est qu'on démystifie tout ça en jasant comme du monde.

Quand l'expérience rencontre l'apparence

Imaginez que votre site web soit comme une maison. L'UX (expérience utilisateur), c'est la structure, la charpente, les fondations – tout ce qu'on bâtit pour que ce soit solide et que ça réponde aux besoins des habitants. Est-ce que la cuisine est à proximité de la salle à manger? Est-ce que les chambres sont assez loin du salon pour avoir la paix? Est-ce que l'entrée principale est facile d'accès? Pendant ce temps, l'UI (interface utilisateur), c'est la déco intérieure, le choix des couleurs de peinture, la position des meubles. C'est ce qui fait que même Daniel Corbeil de Vendre ou rénover serait fier de vous. Vous pouvez avoir la plus belle maison design de Montréal avec des finis en marbre, mais si l'escalier est mal placé et que vous devez traverser toute la baraque pour aller aux toilettes, personne ne voudra y vivre.

Durant la formation, on a plongé dans les méthodes de recherche utilisateur, les personas et les parcours. En gros, j'expliquais qu'avant de construire un site web, c'est comme planifier les plans d'une maison : tu veux savoir qui va y habiter, comment ils vivent leur quotidien, et comment organiser les pièces pour que tout coule naturellement. 

Un participant du milieu manufacturier a eu un déclic quand il a réalisé que concevoir une page produit, c'est exactement comme organiser son plancher de production – il faut que le chemin soit clair et efficace.

La science derrière vos clics (et les pigeons de Montréal)

On est ensuite passés aux principes du design d'interface, et c'est là que ça devient tripant. Des lois avec des noms fancy comme Hicks, Miller, Gestalt et Fitts – ça sonne comme une firme comptable qui vérifient les résultats à la Poule aux œufs d’or, mais c'est en fait la recette secrète pour créer des interfaces qui fonctionnent.

Mon moment préféré? Quand j'ai parlé du principe de cohérence en faisant le parallèle avec les pigeons superstitieux. Des scientifiques ont découvert que si un pigeon apprend qu'en appuyant sur un bouton, il obtient de la bouffe, il va toujours reproduire ce comportement. Logique, non? Mais là où ça devient drôle, c'est quand tu donnes la nourriture avec un minuteur plutôt que par le bouton. Si le pigeon bat des ailes au moment où le minuteur déclenche la distribution, il va penser que c'est LUI qui a causé ça. Il va continuer à battre des ailes continuellement, convaincu que c'est sa technique infaillible. Ça explique peut-être pourquoi les pigeons de la rue Sainte-Catherine ont l'air de faire des rituels bizarres avant de picorer leurs miettes!

La morale de l'histoire? Si un bouton sur votre site web fait quelque chose à un endroit, il faut qu'un bouton similaire fasse la même chose ailleurs. Sinon, vos utilisateurs vont devenir aussi confus que nos amis à plumes. 

Le parallèle a fait sourire tout le monde, mais surtout, il a allumé des lumières. Plusieurs participants ont réalisé qu'ils avaient déjà rencontré ce problème sur certains sites (ceux faits par la compétition): des incohérences qui créaient de la confusion.

Votre nouvelle autonomie numérique

Ce qui rend cette formation vraiment pertinente pour nos clients, c'est qu'elle leur donne des super-pouvoirs. Vous savez, après qu'on vous livre votre site web tout beau tout neuf, la vie continue. Vous allez vouloir ajouter une nouvelle section, modifier un bouton, créer une landing page pour votre prochaine promotion. Avec les bases du UX/UI en poche, vous ne naviguez plus à l'aveuglette – vous comprenez POURQUOI certaines choses fonctionnent et d'autres pas.

Concrètement, ça veut dire que quand vous allez ajouter une nouvelle section à votre site, vous allez vous poser les bonnes questions: 

• Est-ce que c'est cohérent avec le reste? 
• Est-ce que mes boutons sont assez gros? 
• Est-ce que je donne trop de choix en même temps? 

Ces petites décisions peuvent faire la différence entre un visiteur qui achète et un visiteur qui sacre son camp.

Et avec l'explosion d'outils comme Canva qui rendent le design accessible à tous, vous n'êtes plus obligés d'appeler votre agence à chaque fois que vous voulez créer un post Instagram ou une bannière publicitaire (quoi qu’on répond toujours aux appels si vous manquez de temps). Vous avez maintenant les connaissances pour faire des choix éclairés, organiser vos contenus de façon logique, et créer des visuels qui respectent les principes de base de la perception humaine. C'est comme apprendre à cuisiner au lieu de toujours commander du St-Hubert – parfois, c'est satisfaisant de le faire soi-même.

L'avenir est aux curieux

Ce qui m'a le plus touché pendant cette formation, c'est de voir des gens de milieux complètement différents – certains fabriquent des bras robotisés, d'autres développent des logiciels – tous réaliser qu'ils parlent finalement le même langage: celui de l'expérience humaine. Parce que c'est ça, le UX/UI au fond. C'est juste essayer de rendre la vie un peu plus simple aux gens qui visitent notre coin d'internet.

Si vous vous reconnaissez dans ces défis, si vous avez déjà regardé votre site web en vous disant "il y a quelque chose qui cloche mais je sais pas quoi", c'est peut-être le temps de plonger dans cet univers. Pas besoin de devenir designer du jour au lendemain. Juste comprendre les bases pour arrêter de créer des pigeons superstitieux. Vos utilisateurs (et vos taux de conversion) vous en remercieront.

Et qui sait, peut-être qu'on se croisera dans une prochaine formation, où on pourra ensemble rire des pigeons de Montréal tout en révolutionnant votre présence web.

En attendant, gardez vos boutons cohérents et vos utilisateurs heureux!