Expérience utilisateur
UX de haut en bas

Un guide visuel complet pour comprendre la conception centrée sur la personne

01 — Définition

Qu’est-ce que l’expérience utilisateur ?

L’UX (expérience utilisateur) est la perception globale qu’une personne a en interagissant avec un produit numérique. Ce n’est pas seulement son apparence, mais la manière dont on s’y sent : s’il est intuitif, utile et satisfaisant.

Centré sur la personne
Les décisions de conception partent toujours des besoins, des motivations et des contextes réels des utilisateurs.
Plus qu’une question esthétique
L’UX englobe l’architecture de l’information, le parcours de navigation, l’accessibilité et les performances, et pas seulement l’apparence visuelle.
Fondé sur des preuves
Les décisions sont étayées par des données : tests d’utilisabilité, entretiens et mesures réelles du comportement.
Processus itératif
L’UX ne s’arrête pas au lancement : elle évolue en permanence à partir des retours et de nouveaux besoins.

02 — Distinction clé

UX et UI : quelle différence ?

UX
Recherche utilisateurs
Architecture de l’information
Cartes de voyage
Tests d’utilisabilité
Wireframes et prototypes
vs
UI
Couleurs et typographie
Icônes et illustrations
Composants visuels
Animations et transitions
Guide de style

UX = comment ça fonctionne · UI = comment ça se voit · Les deux vont de pair

03 — Méthodologie

Le processus de conception UX

1
Recherche (Research)
Entretiens avec les utilisateurs, enquêtes, analyse des concurrents et étude du contexte d’usage. L’objectif est de comprendre qui sont les utilisateurs et quels problèmes réels ils rencontrent.
Outils : entretiens, enquêtes, analytique
2
Définition (Définir)
Synthétiser l’information en personnages fictifs (personas), cartes d’empathie et énoncé du problème. Répond à : quel problème devons-nous résoudre, et pour qui ?
Outils : personas, journey map, HMW
3
Idéation (Ideate)
Séances de remue-méninges, diagrammes d’affinité et techniques de créativité collective. On génère beaucoup d’idées sans filtrer pour choisir les plus prometteuses.
Outils : crazy 8s, how might we, croquis
4
Prototypage (Prototype)
Créer des représentations de faible ou haute fidélité de la solution : des croquis sur papier jusqu’aux prototypes interactifs. L’objectif est de concrétiser l’idée le plus tôt possible.
Outils : Figma, Balsamiq, Marvel
5
Validation (test)
Faire des tests avec de vrais utilisateurs pour détecter des problèmes d’utilisabilité. Les résultats alimentent à nouveau la phase de recherche et referment le cycle itératif.
Outils : tests modérés, eye tracking, A/B

04 — Fondements

10 principes heuristiques de Nielsen

1
Visibilité de l’état
Le système doit toujours informer l’utilisateur de ce qui se passe.
2
Correspondance avec le monde réel
Parler la langue de l’utilisateur, et non celle du système.
3
Contrôle et liberté
Permet d’annuler et de rétablir facilement des actions.
4
Cohérence et normes
Les éléments identiques doivent toujours se comporter de la même manière.
5
Prévention des erreurs
Mieux vaut prévenir que d’afficher des messages d’erreur.
6
Reconnaître > mémoriser
Affiche des options ; n’oblige pas l’utilisateur à mémoriser.
7
Souplesse et efficacité
Raccourcis pour les utilisateurs avancés, simplicité pour les débutants.
8
Design minimaliste
Supprime ce qui n’apporte aucune valeur au flux principal.
9
Aide à reconnaître les erreurs
Messages clairs qui expliquent et proposent des solutions.
10
Aide et documentation
Quand c’est nécessaire, il propose une documentation facile à trouver et à utiliser.

05 — Erreurs courantes

Qu’est-ce qu’il faut éviter en UX ?

✗
Concevoir sans étudier les utilisateurs
→ Fais au moins 5 entretiens avant de concevoir
✗
Privilégier l’esthétique au détriment de la fonctionnalité
→ Un bouton joli mais invisible est un bouton inutile
✗
Ne pas tester avec de vrais utilisateurs
→ 5 utilisateurs détectent 85 % des problèmes d’utilisabilité
✗
Ignorer l’accessibilité dès le départ
→ Applique les recommandations WCAG 2.1 dès la phase de conception
✗
Ne pas itérer une fois le produit lancé
→ Recueille des données, repère les points de friction et améliore en continu

06 — Ressources

Outils essentiels de l’UX

Prototypage
Figma
Conception et prototypes collaboratifs dans le cloud
Recherche
Labyrinthe
Tests d’utilisabilité à distance et automatisés
Analytique
Hotjar
Cartes de chaleur et enregistrement des sessions
Enquêtes
Typeform
Formulaires et enquêtes pour recueillir des retours
Collaboration
Miro
Tableaux numériques pour les ateliers et l’idéation
Flux
Whimsical
Organigrammes et maquettes rapides

« Le design n’est pas seulement ce que l’on voit ou ce que l’on ressent. Le design, c’est comment ça fonctionne. »

— Steve Jobs