Suivi en production
Après la mise en ligne, le vrai travail commence
Les phases 1 à 11 vous ont mené à un site prêt à publier. Une fois le site en ligne, observer les vrais utilisateurs révèle ce que les tests ne montrent pas : où ils cliquent, où ils décrochent, ce qu'ils comprennent ou non. Cette page n'est pas numérotée car elle s'utilise en continu après la mise en ligne, pas une fois avant.
Pourquoi suivre en production
| Question business | Outil qui répond |
|---|---|
| Combien de visiteurs ? D'où viennent-ils ? | Analytics |
| Que regardent-ils ? Où abandonnent-ils ? | Heatmaps, session recording |
| Comprennent-ils l'interface ? | Tests utilisateurs, sondages |
| Le site est-il toujours rapide ? | Monitoring Web Vitals (cf. Phase 7) |
Souveraineté des données
Beaucoup d'outils populaires (Google Analytics, Hotjar, Microsoft Clarity) hébergent vos données aux États-Unis ou les transmettent à des géants du tracking. Pour un projet en Suisse / UE, privilégiez les outils self-hostables ou EU-based pour rester conforme au RGPD et à la LPD suisse.
Analytics
Mesurer qui vient, d'où, combien de temps, quelles pages.
| Outil | Type | Souverain | Caractéristique |
|---|---|---|---|
| Plausible ⭐ | Open source, self-hostable | ✅ EU (Estonie) | Simple, cookieless, RGPD-compliant — plausible.io |
| Matomo | Open source, self-hostable | ✅ | Riche (équivalent GA), RGPD — matomo.org |
| Umami | Open source, self-hostable | ✅ | Ultra simple, ultra léger — umami.is |
| GoatCounter | Open source, self-hostable | ✅ | Minimaliste, gratuit pour < 100k visites — goatcounter.com |
| PostHog | Open source, self-hostable | ✅ | Analytics + feature flags + recordings — posthog.com |
| Google Analytics 4 | SaaS Google | ❌ US | Le plus utilisé, mais problèmes RGPD (Schrems II) |
Pour un projet scolaire ou professionnel en Suisse
Plausible ou Umami : 5 minutes à installer, conformes RGPD, pas de bandeau cookies nécessaire (cookieless).
Heatmaps et session recording
Visualiser où les utilisateurs cliquent, scrollent, hésitent.
| Outil | Type | Souverain | Caractéristique |
|---|---|---|---|
| PostHog | Open source, self-hostable | ✅ | Recordings + heatmaps inclus avec analytics |
| Mouseflow | SaaS | ✅ EU (Danemark) | Heatmaps + recordings — mouseflow.com |
| Microsoft Clarity | SaaS, gratuit illimité | ❌ US | Heatmaps + recordings + frustrations (rage clicks) — clarity.microsoft.com |
| Hotjar | Freemium | ❌ US | Très populaire, plan gratuit limité — hotjar.com |
| FullStory | Payant | ❌ US | Replay complet, analyse comportementale |
Types de visualisations
- Click heatmap — où les utilisateurs cliquent (révèle les éléments perçus comme cliquables alors qu'ils ne le sont pas)
- Scroll heatmap — jusqu'où les gens lisent (révèle si votre CTA est sous le fold)
- Move heatmap — trajectoires de souris (proxy du regard sur desktop)
- Session recording — replay anonymisé d'une visite
- Rage clicks — clics répétés frustrés (révèle les bugs UX)
Eye-tracking et attention
Le vrai eye-tracking en laboratoire (Tobii, EyeLink) reste cher. Plusieurs alternatives accessibles :
| Outil | Type | Caractéristique |
|---|---|---|
| RealEye | Webcam-based, payant | Eye-tracking via webcam, panel utilisateurs — realeye.io |
| AttentionInsight | IA prédictive, freemium | Génère une heatmap prédictive sans utilisateurs réels (basée sur des modèles entraînés) — attentioninsight.com |
| Lookback | Sessions modérées | Voit le visage de l'utilisateur + son écran — lookback.com |
Astuce gratuite
Faites le test des 5 secondes ou le test du premier clic (Phase 5) — c'est de l'attention-tracking manuel, mais ça révèle 80 % des problèmes pour 0 CHF.
Tests utilisateurs en ligne
Recruter des testeurs sans organiser de session physique.
| Outil | Type | Caractéristique |
|---|---|---|
| Maze | Freemium | Tests de prototypes Figma, métriques quantitatives — maze.co |
| Useberry | Freemium | Tests de prototypes + sondages — useberry.com |
| UserTesting | Payant | Plateforme complète, panel d'utilisateurs sur demande — usertesting.com |
| Lookback | Payant | Sessions live ou async, modérées ou non |
Sondages et feedback
| Outil | Souverain | URL |
|---|---|---|
| Tally ⭐ | ✅ EU | tally.so — alternative gratuite à Typeform |
| Typeform | ❌ US | typeform.com |
| LimeSurvey | ✅ self-hostable | limesurvey.org |
Workflow de suivi recommandé
| Fréquence | Action |
|---|---|
| Quotidien (1 min) | Coup d'œil sur analytics — pic ou chute anormale ? |
| Hebdomadaire (15 min) | Revue heatmaps des nouvelles pages, replay 3-5 sessions |
| Mensuel (1 h) | Audit Lighthouse (Web Vitals) + revue funnel de conversion |
| Trimestriel (2 h) | Sondage de satisfaction + interviews 3-5 utilisateurs |
Checklist du suivi en production
- Analytics installé (Plausible, Matomo ou équivalent souverain)
- Bandeau cookies présent si analytics avec cookies (cf. Phase 11 — Contenu)
- Heatmap configurée sur les pages clés si pertinent (PostHog, Mouseflow, Clarity)
- Sondage de satisfaction prévu 2 à 4 semaines après le lancement
- Web Vitals surveillés (PageSpeed Insights mensuel) — cf. Phase 7
- Tableau de bord partagé avec l'équipe / le client
Boucler la boucle
Les retours utilisateurs nourrissent les prochaines itérations. Reprenez la Phase 1 — Clarification avec les insights collectés pour planifier la version 2.