Vous ne formez pas (encore) des UX seniors, mais des développeurs, intégrateurs, chefs de projet qui vivront avec des interfaces et des utilisateurs. Votre rôle : transmettre les fondamentaux UX — empathie, clarté, accessibilité, feedback, performance — avec peu d’outils, bien choisis. Sélection 100% pédagogique.
Cartographie d’expérience & recherche utilisateur
Pour le formateur
- Miro (freemium) ou Excalidraw (open source) : user flows, personas, parcours clients en ateliers collaboratifs. Excalidraw est léger, libre, sans compte — parfait en présentiel.
- Google Forms / Typeform (freemium) : questionnaires simples pour capter besoins & irritants. Exo : “Interrogez 10 personnes sur l’usage d’un e-commerce.”
À éviter en initiation : Dovetail, UserZoom, Lookback (coûteux/complexes).
Tests utilisateurs & feedback en direct
- Maze ✨ ❤️ : testez une maquette Figma sans code (scénarios, heatmaps, replays). Gratuit (jusqu’à 3 projets / 100 tests/mois). Atelier : “Landing Figma → test Maze → itérations guidées.”
- Hotjar (freemium) : heatmaps, enregistrements, widget feedback sur projets déjà en ligne.
Ne pas enseigner : FullStory, Crazy Egg, Contentsquare (entreprise).
Prototypage & design collaboratif
- Figma ✨ ❤️ : standard gratuit pour wireframes → maquettes → prototypes (+ plugins comme Stark pour a11y).
- Penpot.app : alternative open source auto-hébergeable (souveraineté/RGPD). Pont design→code : intégrer une maquette Figma en HTML/CSS en fin d’atelier.
Accessibilité : non négociable en 2025
- WAVE ❤️ (extension) : contrôle visuel WCAG (contrastes, ARIA, structure).
- Stark (plugin Figma) : contrastes & simulations daltonisme dans les maquettes.
- axe DevTools (extension Chrome) : audit technique intégré à DevTools.
Message clé : “L’UX inclusive n’est pas optionnelle.”
Analyse comportementale légère
- Google Analytics 4 (GA4) : chemins, engagement, conversions — à relier aux objectifs métier.
- Plausible / Fathom : alternatives respectueuses (sans cookies, interfaces minimalistes).
À mentionner, pas à enseigner en détail
- UserTesting.com : cher, orienté pros.
- Optimal Workshop : excellent mais payant dès le départ.
- Balsamiq : utile (low-fi) mais payant (sauf web limité).
- Adobe XD : en déclin face à Figma.
Conclusion — enseigner l’UX, c’est enseigner l’humain
Expliquez pourquoi un bouton doit être : contrasté, bien placé, bien libellé, testé.
Il ne faut que 4–5 outils pour ancrer ces réflexes :
- Figma (ou Penpot) — design & prototype
- Maze — test utilisateur rapide
- WAVE — accessibilité “en un clic”
- Excalidraw — schématisation collaborative
- GA4 — lecture des comportements
“Le meilleur design n’est pas le plus beau : c’est celui qu’on ne remarque pas, parce qu’il fonctionne.”
FAQ
Figma suffit-il pour un module UX débutant ?
Oui. Ajoutez Maze pour tester et WAVE pour l’a11y : trio gagnant.
Penpot ou Figma ?
Figma = simplicité & écosystème. Penpot = open source & souveraineté (établissements publics).
Dois-je enseigner des suites pro d’UX research ?
Non en initiation : privilégiez Excalidraw/Miro + Forms + Maze pour un cycle complet à faible friction.
